2.1.2 设置字体
• 文字可以设置成多种字体，中文的有宋体、仿宋、黑体等，英文字 体也有Arial、Times New Roman等，为了保证网页的通用性， HTML的早期版本里是不允许为文字指定字体的，然而从HTML3.2 版本开始，可以为网页中的文字指定不同的字体，使得网页的表现 形式更为丰富。 • 1.设置网页字体 • 设置文字字体使用<FONT>元素中的FACE属性，其语法代码如下 所示：
2.2.3 换行
• HTML里的换行元素在前面的章节里已经多次提到并且也多次使用 过了。<BR>元素就是用来对文字进行换行的。<BR>元素没有结束 标签，也就是说，一个<BR>元素就是换一次行。
2.2.3 段落
• 在HTML里，使用<P>元素可以用来区分一个与另一个段落，在 “<P>”标签与“</P>”标签之间的文字是一段文字。其语法代码 如下： • <P>一段文字</P>
2.2 与文字排版相关的元素
• 与文字排版相关的元素就是对某段文字进行设置的元素，包括文本 缩进、段落、换行、段落居中等。一个好的网页，文字段落的设置 是必不可少的，它可以使网页更加的简洁和漂亮。本节就来详细讲 解与文字排版相关的一些元素。
2.2.1 文本缩进
• 文本缩进元素<BLOCKQUOTE>主要用于设置文本的缩进效果。通 过使用该元素，可以实现页面文字的段落缩排，从而使页面的文字 布局更加错落有致。文本缩进元素的语法是： • <BLOCKQUOTE>需要进行缩排的文字</BLOCKQUOTE>
2.1 文字格式
• 文字格式主要是用一些HTML元素来标记文本的方式，用来更改文 字的大小、字体、颜色等属性。另外还能为文本增加如粗体、斜体、 上标、下标等修饰效果。
2.1.1 设置文字大小
• 在HTML里，<FONT>元素可以用来显示文字的属性，包括文字的 大小、颜色、字体等。其中设置文字大小的属性为SIZE，其语法 代码如下所示： • <FONT SIZE=“n”>文字</FONT>
• 等宽字体一般是针对英文字体而言的，所谓等宽就是像打字机文本 一样的字体，在默认情况下，这种字体是Courier字体。在HTML中 的<TT>元素可以用来设置等宽字体。使用“<TT></TT>”标签表 明标注的文字为类似打印机文本（typewriter text）所使用的等宽字 体。TT元素的语法代码为： • <TT>英文文字</TT>
• • • • <B>加粗的文字</B> <I>倾斜的文字</ቤተ መጻሕፍቲ ባይዱ> <STRONG>加粗的文字</STRONG> <EM>倾斜的文字</EM>
2.1.5 下划线与删除线
• 在有些时候希望文字带下划线显示，例如要对一些文字说明，可以 使用下划线元素突出显示。删除线一般在修改文章的时候常常用到， 表示原来的这部分文字被删除了。 • 1.被反对使用的元素 • 在HTML的早期版本里，使用<STRIKE>元素来标注带有删除线的 文字，使用<U>元素来标注带有下划线的文字。
• <FONT FACE=”字体名称”>文字</FONT>
• 2.设置浏览器默认字体
2.1.3 设置字体颜色
• 如果一个网页不能设置文字字体的颜色，那么这个网页就是黑白的， 失去了其缤纷的色彩。使用<FONT>元素的COLOR属性可以将文 字设置成不同的颜色。其语法代码为： • <FONT COLOR=“颜色”>文字</FONT>
2.1.3 设置字体颜色
• 颜色可以有两种表示方法：颜色名称与RGB颜色数值。颜色名称就 是类似于RED、BLUE等颜色的英文名。 • RGB颜色是由红色、绿色、蓝色的组合来指定的一种颜色，任何一 种颜色都可以用0~255之间的一个数值来表示，但必须要使用16进 制的数字来表示这些组合。 • 例如，一种颜色的RGB代码为“#FFC0CB”，这就代表是用强度 为FF（也就是255）的红色、强度为C0的绿色与强度为CB的蓝色 混合成的颜色，也就是粉红色。
2.1.4 加粗与斜体
• 通常在进行文字处理时，都会对比较重要的内容使用加粗、斜体来 引起读者的注意。在网页上同样可以使用加粗与斜体来达到相同的 效果。 • 在HTML元素中，可以用<B>元素来加粗文字，用<I>元素来使文 字倾斜。除了<B>元素与<I>元素之外，还可以使用<STRONG>元 素来加粗文字、<EM>元素来使文字倾斜的。其语法代码如下 •：
2.1.6 上标与下标
• 在描述一些复杂的表达式时，特别是一些数学公式，经常会用到上 标和下标，例如3的平方（32）。在HTML页面中，上标采用 <SUB>元素，下标采用<SUP>元素。其具体语法是：
• <SUB>作为上标的文字</SUB> • <SUP>作为下标的文字</SUP>
2.1.7 等宽字
2.1.3 设置字体颜色
•
aliceblue (#F0F8FF) azure (#F0FFFF) blanchedalmond (#FFEBCD) burlywood (#DEB887) coral (#FF7F50) cyan (#00FFFF) darkgray (#A9A9A9) darkolivegreen (#556B2F) darksalmon (#E9967A) darkturquoise (#00CED1) dimgray (#696969) forestgreen (#228B22) gold (#FFD700) greenyellow (#ADFF2F) indigo (#4B0082) antiquewhite (#FAEBD7) beige (#F5F5DC) blue (#0000FF) cadetblue (#5F9EA0) cornflowerblue (#6495ED) darkblue (#00008B) darkgreen (#006400) darkorange (#FF8C00) darkseagreen (#8FBC8B) darkviolet (#9400D3) dodgerblue (#1E90FF) fuchsia (#FF00FF) goldenrod (#DAA520) honeydew (#F0FFF0) ivory (#FFFFF0) aqua (#00FFFF) bisque (#FFE4C4) blueviolet (#8A2BE2) chartreuse (#7FFF00) cornsilk (#FFF8DC) darkcyan (#008B8B) darkkhaki (#BDB76B) darkorchid (#9932CC) darkslateblue (#483D8B) deeppink (#FF1493) firebrick (#B22222) gainsboro (#DCDCDC) gray (#808080) hotpink (#FF69B4) khaki (#F0E68C) aquamarine (#7FFFD4) black (#000000) brown (#A52A2A) chocolate (#D2691E) crimson (#DC143C) darkgoldenrod (#B8860B) darkmagenta (#8B008B) darkred (#8B0000) darkslategray (#2F4F4F) deepskyblue (#00BFFF) floralwhite (#FFFAF0) ghostwhite (#F8F8FF) green (#008000) indianred (#CD5C5C) lavender (#E6E6FA)
2.1.3 设置字体颜色
• 几乎所有浏览器都能识别以下16种预定义的颜色：Red（红色）、 Yellow（黄色）、Blue（蓝色）、Navy（深蓝色）、Green（绿 色）、Lime（浅绿色）、Aqua（浅绿色）、Olive（橄榄绿）、 Black（黑色）、Gray（灰色）、Silver（银色）、Maroon（原色）、 Purple（紫色）、Fuchsia（紫红色）、Teal（深青色）。 • 而Internet Explorer浏览器可以识别更多的颜色单词，如下表列出了 Internet Explorer 9浏览器所能识别的颜色单词。
2.1.3 设置字体颜色
•
lavenderblush (#FFF0F5) lightcoral (#F08080) lightgrey (#D3D3D3) lightskyblue (#87CEFA) lime (#00FF00) maroon (#800000) mediumpurple (#9370DB) mediumturquoise (#48D1CC) mistyrose (#FFE4E1) oldlace (#FDF5E6) orangered (#FF4500) paleturquoise (#AFEEEE) peru (#CD853F) purple (#800080) lawngreen (#7CFC00) lightcyan (#E0FFFF) lightpink (#FFB6C1) lightslategray (#778899) limegreen (#32CD32) mediumaquamarine (#66CDAA) mediumseagreen (#3CB371) mediumvioletred (#C71585) moccasin (#FFE4B5) olive (#808000) orchid (#DA70D6) palevioletred (#DB7093) pink (#FFC0CB) red (#FF0000) lemonchiffon (#FFFACD) lightgoldenrodyellow (#FAFAD2) lightsalmon (#FFA07A) lightsteelblue (#B0C4DE) linen (#FAF0E6) mediumblue (#0000CD) mediumslateblue (#7B68EE) midnightblue (#191970) navajowhite (#FFDEAD) olivedrab (#6B8E23) palegoldenrod (#EEE8AA) papayawhip (#FFEFD5) plum (#DDA0DD) rosybrown (#BC8F8F) lightblue (#ADD8E6) lightgreen (#90EE90) lightseagreen (#20B2AA) lightyellow (#FFFFE0) magenta (#FF00FF) mediumorchid (#BA55D3) mediumspringgreen (#00FA9A) mintcream (#F5FFFA) navy (#000080) orange (#FFA500) palegreen (#98FB98) peachpuff (#FFDAB9) powderblue (#B0E0E6) royalblue (#4169E1)
第2章 网页文字和图片
• 网页的文字是设计一个网页的基础，而网页图片则使网页内容更加 的丰富。使用HTML代码来编辑网页文字和图片可以达到在Word软 件里设计文档几乎一样的效果。当然，与Word软件相比较起来， 使用标签来设计网页文字和图片没有使用菜单来设计Word文档方 便，但是正因为网页的这种标签属性，使得网页具有跨平台的特性， 可以在任何一种平台上显示。
2.1.5 下划线与删除线
• 2.被赞成使用的元素 • HTML从4.0版本开始，正式使用了两个新元素：<DEL>元素（删 除线）和<INS>元素（插入线）来替代<STRIKE>元素与<U>元素， 不过他们在浏览器里的显示结果都是一样的。 • 删除线与下划线元素的语法代码如下所示：
• • • • <STRIKE>删除线</STRIKE> <U>下划线</U> <DEL>删除线</DEL> <INS>插入线</INS>
