中国领先的工业平台

返回贤集网 返回微头条
贤集网技术微头条APP获取

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

 山东大明消毒科技有限公司

下载贤集网APP入驻自媒体

标题

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



〈H1>…      第一级标题

〈H2>…      第二级标题

〈H3>…      第三级标题

〈H4>…      第四级标题

〈H5>…      第五级标题

〈H6>…      第六级标题



请看下面的例子:



标题示例

这是一行普通文字


〈H1>一级标题
〈H2>二级标题
〈H3>三级标题
〈H4>四级标题
〈H5>五级标题
〈H6>六级标题

显示结果

这是一行普通文字

一级标题

二级标题

三级标题

四级标题

五级标题
六级标题

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

换行

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

  请看下面的例子:





无换行示例


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




显示结果


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





换行示例




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

显示结果


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

段落标签

为了排列的整齐、清晰,文字段落之间,我们常用

来做标记。文件段落的开始由

来标记,段落的结束由

来标记,

是可以省略的,因为下一个

的开始就意味着上一个

的结束。

  

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

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





段落标签



浣溪沙 

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

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


显示结果                  浣溪沙 

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

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


 

段落标签


登鹳雀楼

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


显示结果

登鹳雀楼

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

最新回复

还没有人回复哦,抢沙发吧~

发布回复

为您推荐

热门交流