HTML教程 第二章 页面布局及文字设计.docVIP

HTML教程 第二章　页面布局与文字设计 标题 　　一般文章都有标题、副标题、章和节等结构，HTML中也提供了相应的标题标签Hn,其中n为标题的等HTML总共提供六个等级的标题，n越小，标题字号就越大，以下列出所有等级的标题： 〈H1…/H1　　　　　第一级标题 〈H2…/H2　　　　　第二级标题 〈H3…/H3　　　　　第三级标题 〈H4…/H4　　　　　第四级标题 〈H5…/H5　　　　　第五级标题 〈H6…/H6　　　　　第六级标题 请看下面的例子： htmlheadtitle标题示例/title/head body 这是一行普通文字P〈H1一级标题/H1〈H2二级标题/H2〈H3三级标题/H3〈H4四级标题/H4〈H5五级标题/H5〈H6六级标题/H6/body /html 显示结果 这是一行普通文字 一级标题 二级标题 三级标题 四级标题 五级标题 六级标题 从结果可以看出，每一个标题的字体为黑体字，内容文字前后都插入空行。 换行br 　　在编写HTML文件时，我们不必考虑太细的设置，也不必理会段落过长的部分会被浏览器切掉。因为，在HTML语言规范里，每当浏览器窗口被缩小时，浏览器会自动将右边的文字转折至下一行。所以，编写者对于自己需要断行的地方，应加上br标签。 　　请看下面的例子： htmlheadtitle无换行示例/title/head body登鹳雀楼　白日依山尽，黄河入海流。欲穷千里目，更上一层楼。/body /html 窗体顶端 显示结果 登鹳雀楼　白日依山尽，黄河入海流。欲穷千里目，更上一层楼。 htmlheadtitle换行示例/title/head body登鹳雀楼br白日依山尽，br黄河入海流。br欲穷千里目，br更上一层楼。/body /html 窗体顶端 显示结果 登鹳雀楼白日依山尽，黄河入海流。欲穷千里目，更上一层楼。 窗体底端 窗体底端 段落标签 为了排列的整齐、清晰，文字段落之间，我们常用P/P来做标记。文件段落的开始由P来标记，段落的结束由/P来标记，/P是可以省略的，因为下一个P的开始就意味着上一个P的结束。 　　P标签还有一个属性ALING，它用来指名字符显示时的对齐方式，一般值有CENTER、LEFT、RIGHT三种。 　　下面，我们用两个例子来说明这个标签的用法。 htmlheadtitle段落标签/title/head bodyP ALIGN=CENTER浣溪沙　P一曲新词酒一杯，去年天气旧亭台，夕阳西下几时回。P无可奈何花落去，似曾相识燕归来。小园香径几徘徊。/P/body /html 显示结果 浣溪沙　 一曲新词酒一杯，去年天气旧亭台，夕阳西下几时回。 无可奈何花落去，似曾相识燕归来。小园香径几徘徊。 htmlheadtitle段落标签/title/head body登鹳雀楼P白日依山尽，br黄河入海流。br欲穷千里目，br更上一层楼。/P/body /html 显示结果 登鹳雀楼 白日依山尽，黄河入海流。欲穷千里目，更上一层楼。 水平线段hr 这个标签可以在屏幕上显示一条水平线，用以分割页面中的不同部分。HR有三个属性：　　　size　水平线的宽度　　　width 水平线的长，用占屏幕宽度的百分比或象素值来表示　　　align 水平线的对齐方式，有LEFT RIGHT CENTER三种　　　noshade 线段无阴影属性，为实心线段 　　我们可以用几个例子来说明这线段的用法： 线段粗细的设定HTMLHEADTITLE线段粗细的设定/TITLE/HEADBODYP这是第一条线段，无size设定，取内定值SIZE=1来显示BRHRP这是第二条线段，SIZE=5BRHR SIZE=5P这是第三条线段，SIZE=10BRHR SIZE=10/BODY/HTML显示结果 这是第一条线段，无size设定，取内定值SIZE=1来显示 这是第二条线段，SIZE=5 这是第三条线段，SIZE=10 线段长度的设定 HTMLHEADTITLE线段长度的设定/TITLE/HEADBODYP这是第一条线段，无WIDTH设定，取WIDTH内定值100%来显示BRHR SIZE=3P这是第二条线段，WIDTH=50(点数方式)BRHR WIDTH=50 SIZE=5P这是第三条线段，WIDTH=50%(百分比方式)BRHR WIDTH=50% SIZE=7/BODY/HTML显示结果 这是第一条线段，无WIDTH设定，取WIDTH内定值100%来显示 这是第二条线段，WIDTH=50(点数方式)