html标签（二）

认识<hr>标签，添加水平横线

在信息展示时，有时会需要加一些用于分隔的横线，这样会使文章看起来整齐些。如下图所示：



语法：

html4.01版本 

<hr>

xhtml1.0版本 

<hr />

注意：

1. 

<hr />

标签和

<br />

标签一样也是一个空标签，所以只有一个开始标签，没有结束标签。

2. 

<hr />

标签的在浏览器中的默认样式线条比较粗，颜色为灰色，可能有些人觉得这种样式不美观，没有关系，这些外在样式在我们以后学习了css样式表之后，都可以对其修改。

<address>标签，为网页加入地址信息

一般网页中会有一些网站的联系地址信息需要在网页中展示出来，这些联系地址信息如公司的地址就可以<address>标签。也可以定义一个地址（比如电子邮件地址）、签名或者文档的作者身份。

语法：

<address>

联系地址信息

</address>

如：

<address>

文档编写：

lilian

北京市西城区德外大街

10

号

</address>

<address>

本文的作者：<a href="mailto:lilian@imooc.com">lilian</a>

</address>

      在浏览器上显示的样式为斜体，如果不喜欢斜体，当然可以，可以在后面的课程中使用 css
样式来修改它

<address>

标签的默认样式。

 

 

想加入一行代码吗？使用<code>标签

在介绍语言技术的网站中，避免不了在网页中显示一些计算机专业的编程代码，当代码为一行代码时，你就可以使用<code>标签了，如下面例子：

<code>var i=i+300;</code>

注意：在文章中一般如果要插入多行代码时不能使用<code>标签了。

语法：

<code>

代码语言

</code>

注：如果是多行代码，可以使用<pre>标签。

 

 

 

使用<pre>标签为你的网页加入大段代码

在上节中介绍加入一行代码的标签为<code>，但是在大多数情况下是需要加入大段代码的，如下图：



语法：

<pre>

语言代码段

</pre>

<pre> 标签的主要作用:预格式化的文本。被包围在 pre
元素中的文本通常会保留空格和换行符。

如下代码：

<pre>

    var message="欢迎";

    for(var i=1;i<=10;i++)

    {

        alert(message);

    }

</pre>

在浏览器中的显示结果为：



在上面的例子中可以看到代码中的空格，换行符都保留下来。如果用以前的方法，回车需要输入

<br>

签，空格需要输入

注意：

<pre>

 标签不只是为显示计算机的源代码时用的，在你需要在网页中预显示格式时都可以使用它，只是

<pre>

标签的一个常见应用就是用来展示计算机的源代码。