HTML网页的段落排版和换行_HTML教程(3)_H5之家 - 中国HTML5教程资源分享第一站

究竟哪首歌是最早的粤语歌，还存在争议。1973年，“筷子姊妹花”成中仙杜拉演唱了上顾嘉辉创作的电视剧《啼笑因缘》同名主题歌，此歌也是香港歌坛第一首粤语剧集主题歌。同年，初了茅庐的郑少秋同样在TVB剧集《烟雨蒙蒙》中出演并主唱同名主题歌。而1974年由许冠杰演唱的大热电影《鬼马双星》同名主题歌则更是乐坛的重磅炸弹，成为第一首在英国BBC电台播放的中文歌曲，在当时名震一时，也最受大家对粤语起源的认同。

图4.5 分隔线的设置

一个简单的<hr />标签就可以实现分隔线，轻松地修饰了段落排版，使之更美观。不过对于不同的应用场合，<hr />默认单一的线条样式显然不能满足要求。<hr />标签的多种属性解决了这个问题，常用的属性有width、size、align、color和title。width即宽度设置，属性值默认单位为像素，也可以用百分比来表示分隔线所占空间的比例。size可以理解为分隔线的厚度或高度，属性值默认单位同宽度。align为对齐方式，类似于的align。color即颜色，根据需要设置分隔线的不同颜色。title属性使用不多，浏览者光标悬停在分隔线上时出现属性值的内容提示。

— 说明：<hr />的默认对齐方式是居中。HTML的宽度和高度属性默认单位为像素，一般无须标识单位。不过style属性中必须标识单位。

<hr />还有一个属性是noshade，当分隔线没有设置颜色，并且设置了一定的size时，分隔线看上去是立体下凹的，有阴影。如果使用了noshade属性，分隔线将会呈现单色。修改hr.htm代码如代码4.6所示。

代码4.6 分隔线的样式设置：hr.htm

<html>

<head>

<title>分隔线的设置</title>

</head>

<body>

设置了300像素宽度并且右对齐的分隔线：

设置了50%宽度并且居中对齐的分隔线：

设置了50%宽度、50像素的厚度并且没有使用noshade的分隔线：

设置了50像素的厚度并且使用noshade的分隔线：

设置了50像素的厚度并且设置了深红色的分隔线：

设置了50像素的厚度、设置了浅蓝色并且设置了“感谢你的到来！”提示的分隔线：

</body>

</html>

在浏览器地址栏输入，浏览效果如图4.6所示。

图4.6 分隔线的样式设置