麦迪

　在本章中，我们仅介绍部分常用的 html 标记，其它常用标记将分别在以后的各章节中介绍。
　　2.1 标题 (Hn)

　　标题元素有 6 种，使用 H1 到 H6 规定文章中的各种标题。标题号越小，字体越大。

　　标题的基本格式为：

　　<Hn> …… </Hn>

　　一般情况下， IE 浏览器中标题的解释如下：

　　h1 黑体，特大字体，居中，上下各有两行空行。

　　h2 黑体，大字体，上下各有一到两行空行

　　h3 黑体 ( 斜体 ) ，大字体，左端微缩进，上下空行

　　h4 黑体，普通字体，比 h3 更多缩进，上边一空行

　　h5 黑体 ( 斜体 ) ，与 h4 相同缩进，上边一空行

　　h6 黑体，与正文有相同缩进，上边一空行

　　Netscape 对 Hn 的解释为，一律黑体，字体越来越小。

　　Hn 可以有多种属性，其中最常用的是对齐属性， align ＝ left | center |right ，分别表示标题居左、居中或者居右，默认情况下标题均居左。

　　例 : 下面的 html 代码的显示效果如图所示

　　<h1> 我的第一个网页！ </h1>

　　<h2> 我的第一个网页！ </h2>

　　<h3> 我的第一个网页！ </h3>

　　<h4> 我的第一个网页！ </h4>

　　<h5> 我的第一个网页！ </h5>

　　<h6> 我的第一个网页！ </h6>

　　<h1 align="center"> 我的第一个网页！ </h1>

　　<h1 align="right"> 我的第一个网页！ </h1 >

　　说明： 这个元素是块元素，开始标记和结束标记都是要求的。
　2.2 分段 <P>

　　网页中的分段完全依赖于分段元素 <P> 。段落的基本格式为：

　　<P> …… </P> 在浏览器中的显示效果为跳下一行并加一行空白。

　　<P> 可以有多种属性，比较常用是 align ＝ left | center |right 。

　　例： <p align＝center > 这是一个段落。 </p>

　　当 html 文件中有图形，图形可能占据了窗口的一端，图形的周围可能还有较大的空白区。这时， <p> 可以用 clear 属性来确定图片周围文字的环绕格式。 clear 属性的含义为：

　　left 下一段显示在左边界处空白的区域

　　right 下一段显示在右边界处空白的区域

　　all 下一段的左右两边都不许有别的内容

　　说明： <P> …… </P> 中的 </P> 可以省略
　2.3 列表List
　　列表用于列举事实，常用的列表有无序列表 ul(unordered List) ，有序列表 ol(ordered list) 和定义列表 dl(definition list)3 种格式。
　　无序列表用 <ul> 开始，每一个列表条目用 <li> 引导，最后是 </ul> ，其基本格式为：
　　<ul>
　　<li>
　　……
　　<li>
　　</ul>
　　列表条目不需要结尾标注 </li> 。输出结果为每一列表条目缩进，并且以黑点标示。
　　与无序列表相比，有序列表 <ol> 只是在输出时列表条目用数字标示。基本格式如下：
　　<ol>
　　<li>
　　……
　　<li>
　　</ol>
　　定义列表 <dl> 用于对列表条目进行简短说明，用 <dl> 开始，列表条目用 <dt> 引导，它的说明用 <dd> 引导，基本格式如下：
　　<dl>
　　<dt>
　　<dd>
　　……
　　</dl>
　　下边我们用例子来说明无序列表、有序列表和定义列表的输出效果和区别。

类别	无序列表	有序列表	定义列表
Html 代码	<ul> 　　<li> 无序列表 　　<li> 有序列表 　　<li> 定义列表 　　</ul>	<ol> 　　<li> 无序列表 　　<li> 有序列表 　　<li> 定义列表 　　</ol>	<dl> 　　<dt> OL 　　<dd> 无序列表 　　<dt> UL 　　<dd> 有序列表 　　<dt> DL 　　<dd> 定义列表 　　</dl>
显示效果	· 无序列表 　　· 有序列表 　　· 定义列表	1. 无序列表 　　2. 有序列表 　　3. 定义列表	OL 　　无序列表 　　UL 　　有序列表 　　DL 　　定义列表

　　说明： 列表标记是块元素，其中 <ul> 、 <ol> 和 <dl> 要求开始标记和结束标记都有， <li>,<dt> 和 <dd> 可以没有结束标记。
　用户可以用 type 序性修改条目的标记。对于无序列表， type ＝ disc | circle | square ，（ disc 实心圆点　 cirde 圆圈 square 实心方点），缺省值为 type ＝ disc 。有序列表 type=A | a | I | i | 1 （ A, 大写字母； a, 小写字母； I, 大写罗马数字； i, 小写罗马数字； l, 缺省 , 阿拉伯数字），缺省值为阿拉伯数字。

例： html 代码： 　　<ul> 　　<li> 无序列表 　　<li type= "circle" > 有序列表 　　<li type= "square" > 定义列表 　　</ul> 　　<ol> 　　<li> 有序列表 　　<li type= "I" value= "1" > 有序列表 　　<li type= "A" value= "1" > 有序列表 　　<li type= "a" value= "1" > 有序列表 　　<li type= "i" value= "1" > 有序列表 　　</ol> 　　显示效果： 　　· 无序列表 　　o 有序列表 　　§ 定义列表 　　1. 有序列表 　　I. 有序列表 　　A. 有序列表 　　a. 有序列表 　　i. 有序列表

　　缺省情况下有序列表的条目数字是从 1 开始的，我们可以用 value 属性修改条目起始号。

例： 　　<ol> 　　<li value= "3" type= "i" > 无序列表 </li> 　　<li> 有序列表 </li> 　　<li> 定义列表 </li> 　　</ol> 　　显示效果： 　　iii. 无序列表 　　iv. 有序列表 　　v. 定义列表

　　说明： 各种列表可以相互嵌套，每一个列表条目都可以是一个单独的列表。

麦迪

2.4 横向标尺<Hr>

　　通常我们会看到网页中用一条横线来分开上下两段的内容，画出这一横向标尺的最简单的方法就是使用 Hr 标记。该元素的基本格式是：

　　<hr>…</hr>

　　其中 </hr> 可以省略。

　　我们可以使用 hr 的多个属性对其加以修饰：

　　align=left | center | right 对齐属性，定义了横向标尺的位置，默认值为 center ；

　　color 定义横向标尺的颜色；

　　size=n 设置 <hr> 元素的高度，单位是相素；

　　width=n 规定元素初始宽度，可以是像素或者百分数。

　　例： <hr width= "50%" size= "3" color= "#000080" noshade align= "left" >

　　显示效果如下：

麦迪

2.5居中<center>

　　很多元素都有对齐方式属性，如 <Hn> 、 <p> 等，但这些元素的对齐属性只对本标记内的文档负责，如果想要让整个网页或者网页中的大块文档居中，可以直接用居中标注 <center>…< ／ center> 。

　　例：

　　<center>

　　<h1> 从 HTML 语言到网上家园 </h1>

　　<p> 我的第一个网页 </p>

　　</center>

　　显示效果：

从 HTML 语言到网上家园
我的第一个网页


　　说明： <center> 是块标记，因而开始标记和结束标记都需要。该元素的作用与 <div align=center> 等同。
2.6 DIV

　　DIV 元素用来表示一个文档中不同类型的元素，例如章、节、文摘和附录等。基本格式为 <div>…</div> ，其最常用的属性是 align 属性。该元素的结束标记 </div > 不可缺少。

　　2.7脚本<script>

　　要想制作丰富多彩、功能强大的网页，仅凭 html 语言是远远不够的，往往还需要嵌入一些用其它语言编写的脚本， <script> 的作用就是为页面指定一个教本，并由脚本引擎解释为 html 语言。常用格式为：

　　<script language= 脚本语言名称 > 脚本代码 </script>

　　language 属性规定当前脚本编写使用的语言，或调用相应脚本引擎的语言。常用的脚本语言有 JAVASCRIPT ， JSCRIPT ， VBSCRIPT ， VBS ，默认值是 JAVASCRIPT 。

　　说明： 包含在 SCRIPT 块中的脚本代码在网页打开时立即执行。该元素是块元素，开始标记和结束标记必须成对出现。