【HTML入门】第四课 – 换行、分割横线和html的注释

这一小节，我们继续说 HTML 的入门知识，包括换行、横线分割以及注释（html 的注释）。

目录

1 换行

2 分割横线

3 html 注释

1 换行

html 中分为块元素和行内元素。这一小节呢，先不说这些元素们，我们先说一下换行。为什么会说到块元素呢，后面也许你就明白啦。

换行是 br 标签，意思就是可以使两部分内容分开，中间产生换行的效果。

    
        
        
        
    
    
        
这是第一段内容
        
这是第二段内容
    

我们看上面的效果呢，因为 p 标签本身就是块元素，快元素的意思就是，写 2 个 p 元素，他们会换行。但 p 元素换行后，中间产生的高度是一定的，会受一些默认设置的控制。

那么如果希望这 2 个块元素中间的换行间距大一些呢？或者我希望文字中间产生一下换行效果呢？可以这样做：

    
        
        
        
    
    
        
这是 
 第一段内容
        

        
这是第二段内容
    

如上图效果所示，两个 p 标签，中间产生了很大的间距效果。而且第一个 p 标签内的文字也产生了换行显示的效果。

2 分割横线

这是一个大学的官网，你看这中间的横线，可以叫横线，也可以叫分割横线。他可以使用很多方式实现，那么其中一种呢，就是本节所说的这种。标签名字是 hr，一起来看一下代码效果：

    
        
        
        
    
    
        
这是第一段内容
        

        
这是第二段内容
    

这便产生了一根横线分割，当然，如果想要实现图片示例中那种效果，还需要加一些样式控制，或者使用其他方案来实现。

3 html 注释

做为开发人员，写注释是非常关键的。如果你的代码没有注释，那么过一段时间，自己再回过头来看的时候，很容易看不懂，或者你不写注释，你的代码交给其他人的时候，别人也很容易看不懂，或者看着就很费劲。

而且注释呢，是一种开发人员，用来自己读的内容，不是用来给机器读的，也不是用来给浏览器展示的，所以注释是不会显示在网页里的。

    
        
        
        
    
    
        
        
这是第一段内容
        

        
        
这是第二段内容
    

如上面的代码中，我们分别给两行代码加了注释，是为了告诉开发人员自己的一些话。但不会显示在浏览器上。