标题

　　一般文章都有标题、副标题、章和节等结构，HTML中也提供了相应的标题标签<Hn>,其中n为标题的等HTML总共提供六个等级的标题，n越小，标题字号就越大，以下列出所有等级的标题：

〈H1>…</H1>　　　　　第一级标题

〈H2>…</H2>　　　　　第二级标题

〈H3>…</H3>　　　　　第三级标题

〈H4>…</H4>　　　　　第四级标题

〈H5>…</H5>　　　　　第五级标题

〈H6>…</H6>　　　　　第六级标题

请看下面的例子：

<body>

这是一行普通文字<P>
〈H1>一级标题</H1>
〈H2>二级标题</H2>
〈H3>三级标题</H3>
〈H4>四级标题</H4>
〈H5>五级标题</H5>
〈H6>六级标题</H6>
</body>

</html>

显示结果

这是一行普通文字

一级标题

二级标题

三级标题

四级标题

五级标题

六级标题

从结果可以看出，每一个标题的字体为黑体字，内容文字前后都插入空行。

[1] [2] [3] [4] [5] [6] [7] [8] [9] 下一页

换行<br>

　　在编写HTML文件时，我们不必考虑太细的设置，也不必理会段落过长的部分会被浏览器切掉。因为，在HTML语言规范里，每当浏览器窗口被缩小时，浏览器会自动将右边的文字转折至下一行。所以，编写者对于自己需要断行的地方，应加上<br>标签。

　　请看下面的例子：

<html>
<head>
<title>无换行示例</title>
</head>

<body>
登鹳雀楼　白日依山尽，黄河入海流。欲穷千里目，更上一层楼。
</body>

</html>

显示结果

登鹳雀楼　白日依山尽，黄河入海流。欲穷千里目，更上一层楼。

<body>
登鹳雀楼<br>白日依山尽，<br>黄河入海流。<br>欲穷千里目，<br>更上一层楼。
</body>

</html>

显示结果

登鹳雀楼
白日依山尽，
黄河入海流。
欲穷千里目，
更上一层楼。

上一页 [1] [2] [3] [4] [5] [6] [7] [8] [9] 下一页

段落标签

为了排列的整齐、清晰，文字段落之间，我们常用<P></P>来做标记。文件段落的开始由<P>来标记，段落的结束由</P>来标记，</P>是可以省略的，因为下一个<P>的开始就意味着上一个<P>的结束。

　　<P>标签还有一个属性ALING，它用来指名字符显示时的对齐方式，一般值有CENTER、LEFT、RIGHT三种。

　　下面，我们用两个例子来说明这个标签的用法。

<body>
<P ALIGN=CENTER>
浣溪沙　<P>一曲新词酒一杯，去年天气旧亭台，夕阳西下几时回。<P>无可奈何花落去，似曾相识燕归来。小园香径几徘徊。</P>
</body>

</html>

显示结果浣溪沙　

一曲新词酒一杯，去年天气旧亭台，夕阳西下几时回。

无可奈何花落去，似曾相识燕归来。小园香径几徘徊。

<body>
登鹳雀楼<P>白日依山尽，<br>黄河入海流。<br>欲穷千里目，<br>更上一层楼。</P>
</body>

</html>

显示结果

登鹳雀楼

白日依山尽，
黄河入海流。
欲穷千里目，
更上一层楼。

上一页 [1] [2] [3] [4] [5] [6] [7] [8] [9] 下一页

水平线段<hr>

这个标签可以在屏幕上显示一条水平线，用以分割页面中的不同部分。<HR>有三个属性：

　　　size　水平线的宽度
　　　width 水平线的长，用占屏幕宽度的百分比或象素值来表示
　　　align 水平线的对齐方式，有LEFT RIGHT CENTER三种
　　　noshade 线段无阴影属性，为实心线段

　　我们可以用几个例子来说明这线段的用法：

线段粗细的设定

<HTML>
<HEAD>
<TITLE>线段粗细的设定</TITLE>
</HEAD>

<BODY>
<P>这是第一条线段，无size设定，取内定值SIZE=1来显示<BR>
<HR>
<P>这是第二条线段，SIZE=5<BR>
<HR SIZE=5>
<P>这是第三条线段，SIZE=10<BR>
<HR SIZE=10>
</BODY>

</HTML>
显示结果

这是第一条线段，无size设定，取内定值SIZE=1来显示

这是第二条线段，SIZE=5

这是第三条线段，SIZE=10

线段长度的设定

<HTML>
<HEAD>
<TITLE>线段长度的设定</TITLE>
</HEAD>

<BODY>
<P>这是第一条线段，无WIDTH设定，取WIDTH内定值100%来显示<BR>
<HR SIZE=3>
<P>这是第二条线段，WIDTH=50(点数方式)<BR>
<HR WIDTH=50 SIZE=5>
<P>这是第三条线段，WIDTH=50%(百分比方式)<BR>
<HR WIDTH=50% SIZE=7>
</BODY>

</HTML>
显示结果

这是第一条线段，无WIDTH设定，取WIDTH内定值100%来显示

这是第二条线段，WIDTH=50(点数方式)

这是第三条线段，WIDTH=50%(百分比方式)

线段排列的设定

<HTML>
<HEAD>
<TITLE>线段排列的设定</TITLE>
</HEAD>

<BODY>
<P>这是第一条线段，无ALIGN设定，(取内定值CENTER显示)<BR>
<HR WIDTH=50% SIZE=5>
<P>这是第二条线段，向左对齐BR>
<HR WIDTH=60% SIZE=7 ALIGN=LEFT>
<P>这是第三条线段，向右对齐<BR>
<HR WIDTH=70% SIZE=2 ALIGN=RIGHT>
</BODY>

</HTML>

显示结果

这是第一条线段，无ALIGN设定，(取内定值CENTER显示)

这是第二条线段，向左对齐BR>

这是第三条线段，向右对齐

无阴影的设定

<HTML>
<HEAD>
<TITLE>无阴影的设定</TITLE>
</HEAD>

<BODY>
<P>这是第一条线段，无NOSHADE设定，取内定值阴影效果来显示<BR>
<HR WIDTH=80% SIZE=5>
<P>这是第二条线段，有NOSHADE设定<BR>
<HR WIDTH=80% SIZE=7 ALIGN=LEFT NOSHADE>
</BODY>

</HTML>

显示结果

这是第一条线段，无NOSHADE设定，取内定值阴影效果来

HTML教程 第二章 页面布局与文字设计CSSHTML教程

一级标题

二级标题

三级标题

四级标题

五级标题

六级标题

HTML教程第二章　页面布局与文字设计CSSHTML教程