从HTML语言到网上家园 第二章 构成网页的基本元素

　　在本章中，我们仅介绍部分常用的 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>

　　下边我们用例子来说明无序列表、有序列表和定义列表的输出效果和区别。

　　类别

php爱好者　站 http://www.phpfans.net 网页制作|网站建设|数据采集.