网页中的文字.pptVIP

第3讲 网页中的文字 网页中最基本也最常用的是文字。因此在这一章，开始讲解如何在网页中使用文字以及设置文字的方法。本章将介绍使用HTML对文本进行设置的方法。 2.1 理解与文字相关的HTML标签 html headtitle换行示例/title/head 登鹳雀楼 br白日依山尽， br黄河入海流。 br欲穷千里目， br更上一层楼。 /body /html 2.1.32 段落标签 为了使文字段落排列得整齐，在文字段落之间，我们常用“P”和“/P”来做标签。 注意：其中“/P”标签是可以省略的，因为下一个“P”标签的开始就意味着上一个“P”标签的结束。 “P”标签还有一个属性“ALING”，它用来指明字符显示时的对齐方式，一般值有“CENTER”、“LEFT”、“RIGHT”3种。 P align=center…../p html headtitle段落标签/title/head P ALIGN=CENTER浣溪沙 P一曲新词酒一杯，去年天气旧亭台，夕阳西下几时回。 P无可奈何花落去，似曾相识燕归来。小园香径几徘徊。/P /body /html 2.1.3字体设置标签 设置字体标签font……/font 设置字体大小 font size=n……../font “SIZE”属性的有效值范围为1～7，其中默认值为3。我们可以在“SIZE”属性值之前加上“＋”、“－”字符，来指定相对于字号初始值的增量或减量。 文字的字体与样式 HTML提供了定义字体的功能，使用“FONT”标签的“face”属性来完成这个工作。“face”的属性值可以是本机上的任一字体类型，但要注意的是，只有对方的计算机中装有相同的字体才可以在对方的浏览器中出现你预先设计的风格。 文字的颜色 文字颜色设置格式如下： font color=color_value…/font 现在通过例2-8来看看文字颜色设置的效果。 例如在HTML语言规范中，可以通过两种方式指定颜色： （1）一种方式是以定义好的颜色名称表示，具体的颜色名称针对不同的浏览器也有所不同； （2）另一种方式通过一个以“#”开头的6位十六进制数值表示一种颜色，6位数字分为3组，每组两位，依次表示红、绿、蓝3种颜色的强度。 （1）“B”和“/B”：粗体。 （2）“I”和“/I”：斜体。 （3）“U”和“/U”：加下划线。 （4）“BIG”和“/BIG”:大型字体。 （5）“SMALL”和“/SMALL”:小型字体。 2.1.4 位置控制 通过“ALIGN”属性可以选择文字或图片的对齐方式，“LEFT”表示向左对齐，“RIGHT”表示向右对齐，“CENTER”表示居中。基本语法如下： div align=left.../div div align=center…/div div align=right…/div html headtitle位置控制/title/head body div align=left你好!/div div align=right你好! /div div align=center你好! /div /body /html 2.1.6 无序号列表标签 无序号列表使用的一对标签是“UL”和“/UL”，每一个列表项前使用“LI”。其结构如下所示： UL LI第一项/LI LI第二项/LI LI第三项/LI /UL 例如例2-10所示的代码。 【例2-10】 无序号列表示例 html head title无序列表/title /head body这是一个无序列表： P图2-10 不带有序号的列表 UL 国际Internet提供的服务有： LIWWW服务/LI LI文件传输服务/LILI电子邮件服务/LI LI远程登录服务/LI LI其他服务/L