首页 百科知识 1.4.4分段换行、预格式与列表

1.4.4分段换行、预格式与列表

时间:2024-10-15 百科知识 版权反馈
【摘要】:-- 分段标签,这对标签之间的内容分为一段,显示时自动在段前和段后各空一行。align属性为可选项,用于设置段落的水平对齐属性,属性值xxx可为left、center或right,分别表示左对齐、居中或右对齐。在HTML规范中,双引号可省略。

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所示。

img6

图1-6 分段、换行与预格式

从这个实例可看出,换行与分段标签的功能有区别。

3. 列表标签

1)无序列表(项目列表)

<ul>

<li>……</li>

<li>……</li>

……

</ul>

<!-- ul标签是无序列表标签,内部的每一个列表项目用li标签框定。-->

例如,在HTML基本网页结构的body标签内输入如下代码:

<ul>

<li>星期一早晨升国旗</li>

<li>星期二下午开班会</li>

<li>星期五下午卫生大扫除</li> </ul>

浏览网页,结果如下:

img7

2)有序列表

<ol>

<li>……</li>

<li>……</li>

……

</ol>

<!-- ol标签是有序列表标签,内部的每一个列表项目也用li标签框定。-->

例如,在HTML基本网页结构的body标签内输入如下代码:

<ol>

<li>星期一第1节读英语</li>

<li>星期二第1节读中文</li>

<li>星期五第3、4节学习交流会</li>

</ol>

浏览网页,结果如下:

img8

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈