1.4.4 分段换行、预格式与列表
1. 分段与换行标签
1)分段标签
<p align="xxx">……</p>
<!-- 分段标签,这对标签之间的内容分为一段,显示时自动在段前和段后各空一行。align属性为可选项,用于设置段落的水平对齐属性,属性值xxx可为left、center或right,分别表示左对齐、居中或右对齐。在HTML规范中,双引号可省略。-->
2)换行标签
<br>或<br />
<!-- 换行标签,此标签没有与之配对的结束标签。-->
2. 预格式标签
<pre>……</pre>
<!-- 预格式标签,即按照html网页源文件的格式显示文本。-->
含有分段标签、换行标签和换行标签的网页文件(1-3.htm)内容如下。
---------------------------清单1-3 1-3.htm------------------------
<html>
<head>
<title>分段换行与预格式</title>
</head>
<body>
<h3>以下是没有使用分段、换行与预格式标签的情况:</h3>
星期一、星期二、星期三、星期四、
星期五、星期六、星期日。
<h3>以下是使用了三个换行标签的情况:</h3>
星期一、星期二、<br>星期三、星期四、<br>
星期五、星期六、星期日。<br>
<h3>以下是使用两对分段标签的情况:</h3>
<p>星期一、星期二、星期三、</p><p>星期四、
星期五、星期六、星期日。</p>
<h3>以下使用了预格式的情况:</h3>
<pre>
星期一、星期二、星期三、星期四、
星期五、星期六、星期日。
</pre>
</body>
</html>
--------------------------------------------------------------------
浏览1-3.htm网页文件,效果如图1-6所示。
图1-6 分段、换行与预格式
从这个实例可看出,换行与分段标签的功能有区别。
3. 列表标签
1)无序列表(项目列表)
<ul>
<li>……</li>
<li>……</li>
……
</ul>
<!-- ul标签是无序列表标签,内部的每一个列表项目用li标签框定。-->
例如,在HTML基本网页结构的body标签内输入如下代码:
<ul>
<li>星期一早晨升国旗</li>
<li>星期二下午开班会</li>
<li>星期五下午卫生大扫除</li> </ul>
浏览网页,结果如下:
2)有序列表
<ol>
<li>……</li>
<li>……</li>
……
</ol>
<!-- ol标签是有序列表标签,内部的每一个列表项目也用li标签框定。-->
例如,在HTML基本网页结构的body标签内输入如下代码:
<ol>
<li>星期一第1节读英语</li>
<li>星期二第1节读中文</li>
<li>星期五第3、4节学习交流会</li>
</ol>
浏览网页,结果如下:
免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。