第2章HTML语言.docVIP

第2章 HTML语言 【例2.1】利用HTML标记、首部标记和正文标记，在记事本中编写一个简单的HTML文档，将文件名指定为2-01.htm，并保存在虚拟目录ASP下的Chapter02子文件夹中。 HTML HEAD TITLE一个简单的Web页面/TITLE HEAD BODY 这是使用HTML语言编写的一个网页。 /BODY /HTML 【例2.2】本例显示了分段标记和换行标记的用法以及它们的区别，如图2.2所示。 ------------ 2-02.htm ------------ HTML HEAD TITLE使用分段标记和换行标记/TITLE /HEAD BODY P这是第一行。/P P这是第二行。/P 这是第三行。BR 这是第四行。 /BODY /HTML 【例2.3】本例演示了各种标题标记的使用方法，如图2.3所示。 ------------ 2-03.htm ------------ HTML HEAD TITLE标题标记的用法/TITLE /HEAD BODY H1这是一级标题。/H1 H2这是二级标题。/H2 H3这是三级标题。/H3 H4这是四级标题。/H4 H5这是五级标题。/H5 H6这是六级标题。/H6 P这是普通文字。/P /BODY /HTML 【例2.4】本例说明在网页中如何通过HR标记的各种属性来控制水平线的显示效果，如图2.4所示。 ------------ 2-04.htm ------------ HTML HEAD TITLE控制水平线的显示效果/TITLE /HEAD BODY 以下是默认的水平线： HR 以下是SIZE为6、WIDTH为300像素的水平线： HR SIZE = 6 WIDTH = 300 以下是SIZE为1、WIDTH为页面宽度80%的实线水平线： HR SIZE = 1 WIDTH = 80% NOSHADE 以下是WIDTH = 90%的红色水平线： HR WIDTH = 90% COLOR = red /BODY /HTML 【例2.5】本例说明如何使用ALIGN属性来控制段落的对齐方式，如图2.5所示。 ------------ 2-05.htm ------------ HTML HEAD TITLE设置段落的对齐方式/TITLE /HEAD BODY !--设置段落的对齐方式-- P ALIGN = left这一行的对齐方式是左对齐。/P P ALIGN = center这一行的对齐方式是居中对齐。/P P ALIGN = right这一行的对齐方式是右对齐。/P H3 ALIGN = center春夜喜雨/H3 !-- 设置节的对齐方式 -- DIV ALIGN = center P好雨知时节，当春乃发生。/P P随风潜入夜，润物细无声。/P /DIV /BODY /HTML 【例2.6】本例说明如何使用字体标记来设置文本的字体、字号和颜色，如图2.6所示。 ------------ 2-06.htm ------------ HTML HEAD TITLE设置字体、字号和颜色/TITLE /HEAD BODY H1 ALIGN = center设置字体、字号和颜色/H1 HR COLOR = black WIDTH = 90% SIZE = 1 DIV ALIGN = center PFONT FACE = 宋体 SIZE = 3 COLOR = redASP动态网页设计/FONT/P PFONT FACE = 仿宋_GB2312 SIZE = 4 COLOR = green ASP动态网页设计/FONT/P PFONT FACE = 楷体_GB2312 SIZE = 5 COLOR = blue ASP动态网页设计/FONT/P PFONT FACE = 黑体 SIZE = 6 COLOR = maroon ASP动态网页设计/FONT/P /DIV /BODY /HTML 【例2.7】本例说明如何使用各种标记来设置字符的样式，如图2.7所示。 ------------ 2-07.htm ------------ HTML HEADTITLE设置字符样式/TITLE/HEAD BODY PB粗体字：ASP动态网页设计/B/P PBIG大字体：ASP动态网页设计/BIG/P PI斜体字：ASP动态网页设计/I/P P上标示例： aSUP2/SUP+bSUP2/SUP=cSUP2/SUP/P P下标示例：HSUB2/SUBSOSUB4/SUB/P /BODY /HTML 【例2.8】本例说明如何使用OL和LI标记创建有序列表，如图2.8所示。 ------------ 2-08.htm ------------ HTML