Html 字体大小 上标下标 设置

2011-07-19 8:41


网页中常用的字体尺寸定义有7个号,1号字最小,7号字最大,定义字号的 

  指令代码是尖括号内:[font size=X] 。 

  为了便于正常显示,< >暂时用[ ]代替。 

  各种字号尺寸如下: 

  [font size=1]一号字尺寸式样 [/font] 

  [font size=2]二号字尺寸式样 [/font] 

  [font size=3]三号字尺寸式样 [/font] 

  [font size=4]四号字尺寸式样 [/font] 

  [font size=5]五号字尺寸式样 [/font] 

  [font size=6]六号字尺寸式样 [/font] 

  对于标题字要求比正文字体粗些,可用[hX]定义,其中“h”后面是字号,“h1”最大,“h7”最小。如下: 

  [h2]二号标题字 [/h2] 

  [h3]三号标题字 [/h3] 

  [h4]四号标题字 [/h4] 

  [h5]五号标题字 [/h5] 

  [h6]六号标题字 [/h6] 

  还有一种用点阵定义字体尺寸的方法, 

  就是在[body]、[p]或[div]里面加上参数:“style=font-size:XXpx” 

  下面用点阵定义几行实例供参考: 

  [div style=font-size:9px ]表示9点阵字体式样 

  [div style=font-size:10px] 表示10点阵字体式样 

  [div style=font-size:12px] 表示12点阵字体式样 

  [div style=font-size:14px]表示14点阵字体式样 

  [div style=font-size:18px]表示18点阵字体式样 

  [div style=font-size:22px]表示22点阵字体式样 

  除尺寸大小外,还有一些字体设置代码: 

  b 粗体字 

  i 斜体字 

  u 加底线 

  del 横线 ( 表示删除 ) 

  字体sup 上标 ——显示结果: 字体上标 

  字体sub 下标 ——显示结果: 字体下标 

  另外HTML中还有很多逻辑标记字体的代码,因逻辑定义依不同浏览器有 

  不同的显示结果,你编的网页别人看着和你看着不一定相同,所以一般最好不 

  要使用这些代码,这里就不再作介绍了。 

  字符颜色的设置,前面已经提到过,指令代码是:[font color=XXXXXX] 

  其中六个十六进制数的定义在前面讲的色彩代码中已详细叙述,你自己试着看吧。 

  [font color=ff0000] 兰、绿都为“00”,字体为红色 

  [font color=00ff00] 兰、红都为“00”,字体为绿色 

  [font color=0000ff] 红、绿都为“00”,字体为兰色 

  浏览器在显示汉字时默认为标准“宋体”字,如要改为其他字体,可在 font 里面加上“face=XX”参数来指定,但因这指令是调用客户端电脑里的字体,所以只有客户安装

  有该种子字体时才能正确显示,否者仍然只显示“宋体”字。所以一般不要用特殊的不常 

  用的字体。 

  font face=/@方正隶二简体 如果你没有安装隶书字库那么现在看 

  到的仍然是宋体 

  在有些标记中可以放很多设置参数,各项之间用空格隔开。这些设置参数放在不同 

  的标记中,其作用范围是不同的。系统的默认参数是:标准宋体字、字号3号、 

  背景白(ffffff)、字色黑(000000)、行高度等于字高。如需要改变这些参数,就要重新设置。 

  设置参数如果放在[body]里面,将对整个页面起作用,也就是说直到/body为止; 

  如参数放在font里面,则作用范围到/font为止;如放在div里面,作用范围到/div为止。 

  在某一设置参数作用范围以外的仍然按默认参数或按作用范围更大的设置参数执行。 

  如:body bgcolor=ddffee text=0000ff style=font-size:14px;line-height:140%> 

  这行代码设置了“bgcolor=ddffee”背景为稍偏绿的亮青色;“text=0000ff”正文字符为兰色; 

  “style=font-size:14px;line-height:140%”字体尺寸为14点阵,行高为字高的140%