语法格式 <body[ bgcolor=#|text=#‖link=#| alink=#| vlink=#| back ground=图像文件名]> 文档内容 < bod 其中, bgcolor指定HTML的背景颜色,text指定HTML文件中文字色彩属性,link 指定HTML文件中待连接超链接对象的色彩属性, alink指定HTML文件连接中超链 接对象的色彩属性, vlink指定HTML文件中已连接超链接对象的色彩属性, background 指定HTML背景为平铺图像(这个功能最好不用,因为会大大降低显示速度) 各属性的参数值可以是用英文描述的颜色,如red、blue、 yellow等,也可以是#与6 位十六进制数,每种颜色使用两位十六进制数,从00到FF,前两位设置红色的深浅,中间 两位设置绿色的深浅,后两位设置蓝色的深浅。例如,红色可以表示为#f0000,蓝色可 以表示为#0000ff等。各属性可选择使用 注意]中的属性可选可不选,竖线(1)表示可同时选的属性。根据需要可以选择 其中的一个、部分或全部。 [例23]改变文字的颜色和背景的颜色(2-3html文件) title>2-3 </ title> 这里显示的是:Web页面头部标记中的文字 body bgcolor ="yellow"text="#000000"> 这是使用HTML语言编写的Web页面文件 文件2-3htm1在Web浏览器的显示结果如图23所示。不过,颜色从本书上是看 不出来的,可以亲手试一试 22-3- icrosoft Internet Explorer 文件)编园里)查看Q收()工只①帮助0g 后·③搜 收震夹 他址@)包E:mL2-3htnl 习转到 这里显示的是,阳eb页面头部标记中的文字这是使用HM 语言编写的Wb页面文件 图23在浏览器中显示的例23结果
语法格式: < body [ bgcolor = # | text = # | link = # | alink = # | vlink = # | background = 图像文件名 ] > 文档内容 </ body > 其中, bgcolor 指定 HT ML 的背景颜色, text 指定 H TML 文件中文字色彩属性, link 指定 H TML 文件中待连接超链接对象的色彩属性, alink 指定 H TML 文件连接中超链 接对象的色彩属性, vlink 指定 H TML 文件中已连接超链接对象的色彩属性, background 指定 H TML 背景为平铺图像 (这个功能最好不用,因为会大大降低显示速度 )。 各属性的参数值可以是用英文描述的颜色, 如 red、blue、yellow 等, 也可以是 # 与 6 位十六进制数,每种颜色使用两位十六进制数, 从 00 到 F F, 前两位设置红色的深浅,中间 两位设置绿色的深浅,后两位设置蓝色的深浅。例如, 红色可以表示为 # ff0000, 蓝色可 以表示为 # 0000ff 等。各属性可选择使用。 注意 [ ]中的属性可选可不选, 竖线 ( | )表示可同时选的属性。根据需要可以选择 其中的一个、部分或全部。 [例 2 .3 ] 改变文字的颜色和背景的颜色( 2-3 .html 文件)。 < html > < head > < title > 2-3 < / title > 这里显示的是 : Web 页面头部标记中的文字 </ head > < body bgcolor = " yellow" text = " # 000000 " > 这是使用 H TML 语言编写的 Web 页面文件 </ body > </ html > 文件 2-3 .html 在 Web 浏览器的显示结果如图 2 .3 所示。不过, 颜色从本书上是看 不出来的,可以亲手试一试。 图 2 .3 在浏览器中显示的例 2 .3 结果 · 21 ·
注意在编写HTML文件时要采取“编写一存盘一浏览”三步曲,以此循环工作 2.16说明信息标记 在网页的头部还可以看到meta标记,它用来描述说明信息,描述文档的语言字符集 信息、作者信息、文档过期时间、关键词列表、页面的自动刷新属性等。meta标记的内容 在浏览器中不显示。 语法格式 <metahttp-equvi=特征名content=特征值I:charset=#]"> 例如 <metahttp-equvi="content-type"content=texthtmlcharset=gb2312> <metahttp-equi="作者"content="张驰"> <metahttp-equvi="文档期限"content="2004925"> <metahttp-equiv=refresh"content=10> refresh用来设置页面的自动刷新属性,时间为10秒 注意meta一般放在头部内。常用的语言字符集有x- mac-roman,gb2312,gb 2312-80,big5等。 2.17注释标记 为了使程序清楚、容易理解,可以添加注释标记“<『”和“>”(也可写为“<!-”和 “->”),在注释标记这对符号之间的内容不会被浏览器显示出来。 <! DOCTYPE…>用来在HTML文档的第一行显示版本信息。例如 <I DOCTYPE HTML PUBLIC " W30/DTD HTML 4.0 Transitional EN 22文本格式标记 221标题字体 在例23中可发现头部文字和主体文字连在一起了,而且字体也一样大小,不容易分 辨。那么,HTML语言是怎么解决这个问题的呢?它是通过标题字体标记来处理。标题 字体可以自动放在指定位置,且显示不同的黑体字。 标题字体是通过<H></H>标记实现的。被<H1>和</H1>夹在中间的文字, 是文档里的大号标题字体。依次可以标注出6个层级的子标题,从<H1>到<H6>。 差别在于标题数字小的文字会比标题数字大的文字大些、粗些、更显眼,在下面的例子里
注意 在编写 HT ML 文件时要采取“编写—存盘—浏览”三步曲, 以此循环工作。 2 .1 .6 说明信息标记 在网页的头部还可以看到 meta 标记, 它用来描述说明信息, 描述文档的语言字符集 信息、作者信息、文档过期时间、关键词列表、页面的自动刷新属性等。meta 标记的内容 在浏览器中不显示。 语法格式: < meta http-equvi = " 特征名" content = " 特征值 [ ; cha rset = # ] " > 例如: < meta http-equvi = "Content-Type" content = " text/ html; cha rset = gb2312" > < meta http-equvi = " 作者" content = "张驰" > < meta http-equvi = " 文档期限" content = "2004/ 9/ 25" > < meta http-equiv = " refresh" content = " 10" > refr esh 用来设置页面的自动刷新属性, 时间为 10 秒。 注意 meta 一般放在 头部内。常用的语言字符集有 x-mac-roman, gb2312, gb _ 2312-80, big5 等。 2 .1 .7 注释标记 为了使程序清楚、容易理解, 可以添加注释标记“ < !”和“ > ”( 也可写为“ < ! --”和 “-- > ”) , 在注释标记这对符号之间的内容不会被浏览器显示出来。 < ! DOCTY PE… > 用来在 H TML 文档的第一行显示版本信息。例如: < ! DOCTYPE H TML P UBLIC "-/ / W3C/ / DTD H TML 4 . 0 Transitional/ / EN" > 2 .2 文本格式标记 2 .2 .1 标题字体 在例 2 .3 中可发现头部文字和主体文字连在一起了,而且字体也一样大小, 不容易分 辨。那么, H T ML 语言是怎么解决这个问题的呢 ? 它是通过标题字体标记来处理。标题 字体可以自动放在指定位置,且显示不同的黑体字。 标题字体是通过 < H > </ H > 标记实现的。被 < H1 > 和 < / H1 > 夹在中间的文字, 是文档里的大号标题字体。依次可以标注出 6 个层级的子标题, 从 < H1 > 到 < H6 > 。 差别在于标题数字小的文字会比标题数字大的文字大些、粗些、更显眼, 在下面的例子里 · 22 ·
可以看见它们之间的差别。每遇到一个标题时,当前段落就会被终止,标题前后会各留出 定的空白。文本自动从下一行开始。 语法格式 <h>标题文字</hi>(i=1,,6) [例24]不同的标题字体(2-4htm文件) <html> <body><hl>这是hl标题字体!</h1> <h3>这是h3标题字体!!</h3> <h5>这是h5标题字体!!</h5> < body> < html> 文件2-4html在浏览器里显示的结果如图24所示 3E:T124.Mtnl- microsoft Internet Exp…囟 件Q)编)查看Q收滚)工具①)帮助Q0 后退·搜索收灌买 地址0):mw2hl y转到 这是h1标题字体!! 这是h3标题字体!! 这是h5标题宇体! 完毕 3我的电 图24在浏览器中显示的例24结果 222字体大小和颜色标记 字体大小和颜色标记<font></font>能够改变包含的字符、单词、短语或指定范围 文本的字体大小和颜色。 语法格式 < font size=# color=#>文字</font> 文本字体大小(从1到7,或者相近的数字),默认为3号字体 [例25]演示文字字体的大小和颜色(2-5hml文件) html> body> < font size=7 color=#f0000>这是7号字体!!</font> < font size=5 color=#0000f>这是5号字体!!</font> < font size=3>这是3号字体!!</font>
可以看见它们之间的差别。每遇到一个标题时,当前段落就会被终止, 标题前后会各留出 一定的空白。文本自动从下一行开始。 语法格式: < hi > 标题文字 < / hi > (i = 1 , . .., 6) [例 2 .4 ] 不同的标题字体( 2-4 .html 文件)。 < html > < body > < h1 > 这是 h1 标题字体 ! ! </ h1 > < h3 > 这是 h3 标题字体 ! ! < / h3 > < h5 > 这是 h5 标题字体 ! ! < / h5 > </ body > </ html > 文件 2-4 .html 在浏览器里显示的结果如图 2 .4 所示。 图 2 .4 在浏览器中显示的例 2 .4 结果 2 .2 .2 字体大小和颜色标记 字体大小和颜色标记 < font > </ font > 能够改变包含的字符、单词、短语或指定范围 文本的字体大小和颜色。 语法格式: < font size = # color = # > 文字 < / font > 文本字体大小(从 1 到 7, 或者相近的数字) , 默认为 3 号字体。 [例 2 .5 ] 演示文字字体的大小和颜色( 2-5 .html 文件)。 < html > < body > < font size = 7 color = # ff0000 > 这是 7 号字体 ! ! </ font > < font size = 5 color = # 0000ff > 这是 5 号字体 ! ! </ font > < font size = 3 > 这是 3 号字体 ! ! < / font > · 23 ·
< font size=1>这是1号字体!!</font < body> < html 文件2-5html在浏览器显示的结果如图25所示 3E:ⅦHI125hta1- icrosoft Internet Exp,,网 文件q)编g)查看Q收)工具①)帮助Qg Q后退·国户搜☆ 收藏夹 他址@)E:Um25htnl ˇ囝转到 这是7号字体!!这 是5号字体!!这是3号字体1119罕件 的完毕 3我的电 图25在浏览器中显示的例25结果 注意字体标记不会自动换行,这一点与标题字体不同 223段落标记与换行标记 在HTML格式里不需要在意文章每行的宽度,不必担心文字是不是太长了而被截 掉,它会根据窗口的宽度自动换行 <P>是HTML格式中特有的段落元素。在原始文件中的<P>指出在此告一段 落,下面的文字换行从头再开始。如果没有遇到<P>这个符号,它就会把所有的文字都 排在一个段落里,不遇到窗口的边界是不会换行的。在文本文件中的换行标记被忽略 另外一个类似的标记元素是<br>。<br>标记用来标识一个换行动作。在 HTML文件中可以用它来调整行间距 语法格式 <P>文本</P> 文本<br> 下面的例子可以看出二者的区别 [例26]演示如何使用段落和换行标记(2-6html文件)。 html> body> 在HTML格式里我们不需要在意文章每行的宽度,不必担心文字是不是太长了而被截掉;(加段 落标记)<P>它会根据窗口的宽度做自动转折(加换行标记)<br>到下一行的工作。 /P 24
< font size = 1 > 这是 1 号字体 ! ! < / font > </ body > </ html > 文件 2-5 .html 在浏览器显示的结果如图 2 .5 所示。 图 2 .5 在浏览器中显示的例 2 .5 结果 注意 字体标记不会自动换行, 这一点与标题字体不同。 2 .2 .3 段落标记与换行标记 在 H TML 格式里不需要在意文章每行的宽度, 不必担心文字是不是太长了而被截 掉,它会根据窗口的宽度自动换行。 < P > 是 H TML 格式中特有的段落元素。在原始文件中的 < P > 指出在此告一段 落,下面的文字换行从头再开始。如果没有遇到 < P > 这个符号, 它就会把所有的文字都 排在一个段落里,不遇到窗口的边界是不会换行的。在文本文件中的换行标记被忽略。 另外一个 类似 的标 记元 素是 < br > 。 < br > 标记 用来 标 识一 个 换行 动 作。在 H TML 文件中可以用它来调整行间距。 语法格式: < P > 文本 < / P > 文本 < br > 下面的例子可以看出二者的区别。 [例 2 .6 ] 演示如何使用段落和换行标记( 2-6 .html 文件)。 < html > < body > 在 H T ML 格式里我们不需要在意文章每行的宽度 , 不必担心文字是不是太长了而被截掉 ; ( 加段 落标记) < P > 它会根据窗口的宽度做自动转折 ( 加换行标记 ) < br > 到下一行的工作。 </ P > · 24 ·
< body> < htmI> 文件2-6html在浏览器显示的结果如图26所示 2 E: \HTIL\2-6.htal- icrosoft Internet Explorer 文件Q)编辐g)查着Q收露)工具①)帮动Q0 后退· )2A)搜收的媒体 地址Q)句E:m126htnl y转到 在HM格式里我们不需要在意文章每行的宽度,不必担心文字是不 是太长了而被截掉:(加段落标记) 它会根据窗口的宽度做自动转折(加换行标记) 到下一行的工作。 完毕 3我的电菌 图26在浏览器中显示的例26结果 注意<br>标记是单独使用的。 224水平线标记 水平线标记<hr>,可以在Web页面中插入一条水平线,线的宽度和高度是可调的 这个标记对于美化页面很有帮助。它的属性有 align、wdth、size和 noshade,分别用于调 整水平线的位置、长度、宽度和是否选择实心线 语法格式 <hr size=# align= width=#noshade]> 其中, align表示水平线位置,有 right、 center、let,默认时居中。 width表示水平线长度可以用满屏宽度的百分数表示,也可以用像素值指明,默认时 为100% size表示水平线宽度,可以用像素值2,4,8,16,32等指明,默认时为2,2也是最 小值 nos hade表示水平线是实心线,默认时为一道阴影线 [例27]演示如何插入水平线(2-7htm1文件)。 <htmI> 插入水平线<hr> <hr size=2 align=left width=75%> hr size=6 align= center width=50%> <hr size =8 align= right width=50% noshade>
</ body > </ html > 文件 2-6 .html 在浏览器显示的结果如图 2 .6 所示。 图 2 .6 在浏览器中显示的例 2 .6 结果 注意 < br > 标记是单独使用的。 2 .2 .4 水平线标记 水平线标记 < hr > ,可以在 Web 页面中插入一条水平线, 线的宽度和高度是可调的。 这个标记对于美化页面很有帮助。它的属性有 align、width、size 和 noshade, 分别用于调 整水平线的位置、长度、宽度和是否选择实心线。 语法格式: < hr [size = # | align = # | width = # | noshade ] > 其中, align 表示水平线位置, 有 right、center、left ,默认时居中。 width 表示水平线长度可以用满屏宽度的百分数表示, 也可以用像素值指明, 默认时 为 100%。 size 表示水平线宽度, 可以用像素 值 2, 4 , 8, 16, 32 等指明, 默认时为 2, 2 也是最 小值。 nos hade 表示水平线是实心线,默认时为一道阴影线。 [例 2 .7 ] 演示如何插入水平线( 2-7 .html 文件)。 < html > < body > 插入水平线 < hr > < hr size = 2 align = left width = 75 % > < hr size = 6 align = cente r width = 50 % > < hr size = 8 align = right width = 50% noshade > · 25 ·