注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

 
 
 

日志

 
 

文字基本代码及属性  

2010-08-23 17:04:35|  分类: 博客技巧 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

文字的大小;颜色及字体

<font size=4 color=#ff1493 face=新宋体> 你需要的文字 </font>

face=字体 常用字体为:宋体.黑体.楷体.仿宋.华文行楷.新宋体.华文新魏等

size=字体大小,这里的最大值为7 取值越大文字就越大

另一种贴法:
<font style=font:40pt face=新宋体 color=#ff0000>插入文字</font>

font:40pt 数值越大文字就越大。  color=颜色代码。

文字的对齐
<p align=#> ... ... </p>   #=left, center, right
 <center> ... ... </center>

文字的分区(Division)显示

<div align=#> ... ... </div>  #=left, center, right

注解:
<P align=center>表示居中,<P align=left>表示居左,<P align=right>表示居右。

<div align=center>表示居中,<div align=left>表示居左,<div align=right>表示居右。

文字变化

格式: <font 属性="属性值">文字</font>

size="字号":1…

face="字体":宋体 黑体 楷体 仿宋 隶书 新宋体 细明体等

color="颜色":查颜色代码表

其它标签

<kbd></kbd>键盘文字   
<tt></tt>打字体
<small></small>小字体   
<big></big>大字体
<b></b>加粗   
<strong></strong>粗体字(强调)
<i></i>倾斜   
<em></em>斜体字(强调)
<dfn></dfn>斜体字(表示定义)   
<strike></strike>横线
<u></u>底线    
<ins></ins>底线(表示插入文字)
<strike></strike>删除线   
<del></del>删除线(表示删除)
<sup></sup>上标    
<Sub></Sub>下标
<dfn></dfn>定义    
<code></code>原始码
<cite></cite>引用
<samp></samp>范例
<var></var>变数
<address></address>所在地址
<blink></blink>闪烁

特殊字元

&nbsp;     代表一个不断行空白

&lt;     代表一个 <  

&gt;     代表一个 >

&amp;     代表一个 &

&quot;     代表一个 " 

按钮:<button></button>

空白按钮:<button> & nbsp;</button>    

按钮字:<button>按钮字</button>按钮字

排版标签

横线: <hr 属性="属性值"> 就是水平线或称分隔线

width="宽度" 、 height="高度": 以象素为单位或为数字.

align="对齐":left  左  center  中  right  右

noshade (无阴影)

换行:  <br>  空出一行   

不换行: <nobr></nobr>

分段: <p 属性="属性值">分段内容</p>  空出两行

      align ="对齐":left 左  center 中  right 右


区隔: <div 属性="属性值">区域内容</div>

      align ="对齐":left 左  center 中  right 右


置中: <center>文字、图片、表格等</center>

置左: <left>文字、图片、表格等</left>

置右: <right>文字、图片、表格等</right>

预设: <pre>预设内容</pre>

右缩:<blockquote>文字</blockquote>   加一组标签往右缩排一单位

如在网页上加一行叙述:

<meta http-equiv="content-type" content="text/html;charset=big5">

(指定网页的语言格式),那么,netscape可正确显示中文,但英文无反应。

若没加该行,那么英文会正确显示,但中文却仍是宋体。

带框文字:
<font color=#02B452 style="border-color=#FF0000;border-top-style:outset;border-bottom-style:out set;border-right-style:outset;border-left-style:outset"><font size=5>修改你要的字</font>

 修改你要的字

提示:这些符号是边框类型(修改代码中可修改,不过建议上下左右边框用同一种效果)

double 表示边框样式为:双线

groove 表示边框样式为:3D凹槽状

dotted 表示边框样式为:点线

inset 表示边框样式为:3D内嵌边框

outset 表示边框样式为:3D外嵌边框

ridge 表示边框样式为:3D凸脊状

dashed 表示边框样式为:虚线

solid 表示边框样式为:实线

代码如下:
<table style="FILTER: dropshadow(color=#6699FF, offx=1, offy=1, positive=1);"> <font color=#ffffff size=8>你要的文字</font></table>

你要的文字

说明:

:<table style="FILTER:glow(color=#6699FF(颜色代码),direction(趋势,指示)=2(大小,默认应是1))">(要添充的文字内容)</font></table>

代码如下:
<marquee scrollAmount=2 width=600><font color=#FF0000  size=5>水平移动字幕</marquee>

水平移动字幕

各参数详解:

1.  scrollAmount。它表示速度,值越大速度越快。如果没有它,默认为6,建议设为1~3比较好。

2.  width和height,表示滚动区域的大小,width是宽度,height是高度。特别是在做垂直滚动的时候,一定要设height的值。

3.  direction。表示滚动的方向,默认为从右向左:←←←。可选的值有right、down、up。滚动方向分别为:right表示→→→,up表示↑,down表示↓。

4.  scrollDelay,这也是用来控制速度的,默认为90,值越大,速度越慢。通常scrollDelay是不需要设置的。

5.  behavior。用它来控制属性,默认为循环滚动,可选的值有alternate(交替滚动)、slide(幻灯片效果,指的是滚动一次,然后停止滚动)

在用这种效果时,文字移动范围的宽width的取值很重要,两段文字移动范转的width取值和一定要小于背景层width。

一般字体的代码

<P align=center>
<FONT color=#ff0000 face=隶书 size=6>插入文字</FONT></P>

说明:
align=文字位置   表示字体居中(center),居右(righ t),居左(left);
color=颜色代码;
face=字体 常用字体为:宋体、黑体、楷体.、仿宋、新宋体、细明体等;
size=字体大小,这里的最大值为7,取值越大文字就越大。

一般大字体的代码 

<P align=center>
<font style=font:40pt  face=隶书 color=#ff0000>插入文字</font>

说明:
align=文字位置 表示字体居中(center),居右(right),居左(left);
font:40pt 数值越大文字就越大;
face=字体  常用字体为:宋体、黑体、楷体.、仿宋、新宋体、细明体等;
color=颜色代码。

一般移动文字的代码(两款)

1.  <marquee direction=up scrollamount=3>插入文字</marquee>

说明:
direction=移动方向,表示向上(up),向下(down),向左(left),向右(right);
scrollamount=移动速度数值。

2.  <marquee behavior= alternate>插入文字</marquee>

说明:
behavior=alternate  左右来回走;

behavior=scroll  从右往左重复着;

behavior=slide  从右往左只走一次。

有底色移动文字的代码

<font color="#ff0000"><marquee direction="left" style="background: #FFCC00" >你的文字</font></marquee>

说明:
color="#ff0000" 文字颜色;

background: #FFCC00 背景颜色; 

behavior=slide 从右往左只走一次。

各主要参数的含义:

align:是设定活动对象(图片或文字)的位置。

direction:用于设定活动对象的移动方向。

behavior="scroll"表示由一端移动到另一端。

behavior="slide"表示由一端移动到另一端,且不再重复。

behavior="alternate"表示在两端之间来回移动。

height:用于设定移动对象的高度。

width:则设定移动对象的宽度。

hspace:用于设定移动对象的左右边框宽度。

vspace:上下边框的宽度。

scrollamount:用于设定活动对象的移动距离,数值大越移动越快。

scrolldelay:用于设定移动两次之间的延迟时间,数值越大越有跳跃感。

loop:用于设定移动的次数,不设置该值则为无限循环

style="font-size: "用于设定文字大小。

wline-htight: 用于设定文字行间距。

font-family: 用于设定字体。

<marquee>标记的默认情况是向左移动无限次,字幕高度是文本高 度,移动范围:水平移动的宽度是当前位置的宽度,垂直移动的高度是当前位置的高度。

  评论这张
 
阅读(10)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018