中华网通行证
用户名 密码
  科技动态 硬件广场 下载基地 网络教室 网络冲浪 科学博览 移动时代 手机上网 桌面壁纸 科技商情  

第二课 字体
 

  我们在这里将要谈的是有关文字的标记,包括字体大小、颜色、字型...等变化,适当的应用可以增加页面的美观!

  常用字体标记

<Hn>...</Hn> 标题,设定标题字体大小, n = 1 ( 大 ) ~ 6 ( 小 ) 会自动跳下一行。通常用在如章节、段落等标题上。

如 : <H2> 标题 </H2>

标题

如 : <H3 ALIGN = CENTER> 标题 </H3> ( 标题置中 )

标题

<B>...</B> 粗体字

如 : <B> 粗体字 </B>

粗体字

<I>...</I> 斜体字

如 : <I> 斜体字 </I>
斜体字

<U>...</U> 加底线

如 : <U> 加底线 </U>
加底线

<DEL>...</DEL> 横线 ( 表示删除 )。

如 : <DEL> 横线 </DEL>
横线

<TT>...</TT> 打字体 ( 固定宽度文字 )。

如 : <TT> 打字体 </TT>
打字体

<SUP>...</SUP> 上标字

如 : 字体 <SUP> 上标字 </SUP>
字体上标字

<SUB>...</SUB> 下标字

如 : 字体 <SUB> 下标字 </SUB>
字体下标字

<!...> 注解 ( 不会显示在浏览器上 ),可以多行。

如 : <! 更新日期 : 2000/1/1>

  设定字体大小、颜色、字型

  有关设定文字的方法共有以下几种 :

  1.设定HTML文件主体文字颜色。<BODY>...</BODY>标记。

   如 : <BODY TEXT=RED>...</BODY> 或
     <BODY TEXT=#FF0000>...</BODY>

  2.设定基本字体大小、颜色、字型。<BASEFONT>...</BASEFONT>标记。

  3.设定字体大小、颜色、字型。<FONT>...</FONT>标记。

<BASEFONT>...</BASEFONT> 设定基本字体,SIZE = 1 ~ 7,1 ( 最小 ) 7 ( 最大 )。

如 : <BASEFONT SIZE=4> 基本字体大小为 4 </BASEFONT>
基本字体大小为 4

如 : <BASEFONT COLOR =#FF0000> 设定颜色 </BASEFONT>
设定颜色

如 : <BASEFONT FACE = 标楷体 , 细明体 > 设定字型 </BASEFONT>
设定字型

<BIG>...</BIG> 基本字体加大

如 : <BASEFONT SIZE=4> 基本字体大小为 4,</BASEFONT>
<BIG> 加大为 5 </BIG>
基本字体大小为 4,加大为 5

<SMALL>...</SMALL> 基本字体减小

如 : <BASEFONT SIZE=4> 基本字体大小为 4,</BASEFONT>
<SMALL> 减小为 3 </SMALL>
基本字体大小为 4,减小为 3

<FONT>...</FONT> 设定字体大小、颜色、字型,SIZE = 1 ~ 7,1 ( 最小 ) 7 ( 最大 )。

如 : <FONT SIZE=4> 字体大小为 4 </FONT>
字体大小为 4

如 : <BASEFONT SIZE=4> 基本字体大小为 4
<FONT SIZE=+1> +1字体大小为 5 </FONT>
<FONT SIZE=-2> -2字体大小为 2 </FONT>...</BASEFONT>
  基本字体大小为 4
  +1字体大小为 5
   -2字体大小为 2

如 : <FONT COLOR =#FF0000> 设定颜色 </FONT>
设定颜色

如 : <FONT FACE = 标楷体 , 细明体 > 设定字型 </FONT>
设定字型

  注意事项

  1. 设定字体的大小分 : 绝对SIZE 如 : <FONT SIZE=4>
和 相对SIZE 如 : <FONT SIZE=+1> ( 以 BASEFONT 设定的字体大小做加减 )。

  2. 设定字体的颜色可以是颜色名称或#RRGGBB表红绿蓝强度 ( 00 暗 ~ FF 亮 )。 #RRGGBB 所代表的是红、绿、蓝三原色,每一色由两位十六进制的数值表示 ( 即十进制 0 ~ 255 )。
十六进制 : 0、1、2、3、4、5、6、7、8、9、A、B、C、D、E、F。

  3. 设定字体的字型会按照顺序找出显示的字型,若找不到则以系统预设字型显示。




 

 
更多本栏目内容
??Windows 2000系统安全设置攻略
??Dreamweaver编写CSS需要掌握的技巧
??使用Flash MX过程中的3个小技巧
??拖IE9网站图标到Win7任务栏 精彩好礼任你拿
??从此不再耗流量?Google离线地图试用
??给瑞星添加移动存储自动杀毒功能
??一周壁纸榜单 靓丽风景伴您欢度周末
??金山网络七款软件齐升级 炫丽界面贺新春
??提升网站流量和权重 百度热榜排第一
预警:电商促销引钓鱼 七夕网购需谨慎

本站检索



中华网推荐

·国家级治脑病新药思维源
·中藏药治疗脑病新突破
·治类风湿,强直性脊柱炎
·养肾·痛风·长寿
·肝病泌尿脑萎缩新药介绍
·强直性脊柱炎康复乐园
·让中医辩证不孕不育
·国医治股骨头坏死一绝
·乙肝为何久治不愈?
·二千元垄断批发做老板
·中医中药专治前列腺
·治牛皮癣白癜风已成现实
·专治痛风病的白衣天使
·不孕不育的杏林奇葩
·专卖店零售管理系统





   

网络教室编辑信箱