HTML5+CSS3+JavaScript 从入门到项目实践（超值版）
上QQ阅读APP看书，第一时间看更新
上一章目录下一章

2.9 其他标签

在前面已经介绍了许多经常使用的标签，下面介绍一些其他的标签。

2.9.1 水平线标签

在网页中，如果想要将上下内容分隔开，可以使用水平线标签<hr>，<hr>水平线特的点是100%宽度水平分隔线，并且独占一行，<hr>水平线将上下内容分隔一定距离。

【例2-11】（实例文件：ch02\Chap2.11.html）水平线标签。

      <!DOCTYPE html>
      <html>
      <head>
         <meta charset="UTF-8">
         <title>水平线</title>
      </head>
  <body>
      <div></div>
      一位哲人曾经说过："人生最大的悲剧莫过于,人们毕其一生的时间,努力去攀登成功的梯子,当爬到梯子的顶部时,才猛然发现,这个梯子靠在了一个错误的建筑上。"
      <hr>
      倘若目标错了,那么无论你在梯子上攀登得多快,攀登得多高,哪怕是第一个到达目的地也毫无价值。攀上正确的梯子,才是最为重要的事情。
      </body>
      </html>

相关的代码实例请参考Chap2.11.html文件，在IE浏览器中运行的结果如图2-15所示。

图2-15 水平线标签

2.9.2 插入空格

在通常情况下，都是使用空格键来插入多个空格，而在编写代码中，通过空格键打出的空格，会被HTML自动忽略。HTML将这样的空格视为空白字符，并显示为单个空白间隔。在HTML 5中，经常使用&nbsp;来插入空格。

【例2-12】（实例文件：ch02\Chap2.12.html）插入空格。

      <!DOCTYPE html>
      <html>
      <head>
         <meta charset="UTF-8">
         <title>插入空格</title>
      </head>
      <body>
      空&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;格
      </body>
      </html>

相关的代码实例请参考Chap2.12.html文件，在IE浏览器中运行的结果如图2-16所示。

图2-16 插入空格

2.9.3 插入特殊字符

如果要在标签中插入特殊字符，可以使用“&”开头、“;”结尾，中间加上特殊字符对应的编码即可，如上面介绍的空格。假如要在HTML插入小于号，只需在要使用的位置插入“<”即可。具体代码参考下面案例。

【例2-13】（实例文件：ch02\Chap2.13.html）插入特殊字符。

      <!DOCTYPE html>
      <html>
      <head>
         <meta charset="UTF-8">
         <title>插入特殊字符</title>
      </head>
      <body>
      <input type="text" value="1<10">
      </body>
      </html>

相关的代码实例请参考Chap2.13.html文件，在IE浏览器中运行的结果如图2-17所示。

图2-17 插入特殊字符

上一章目录下一章