HTML文本展示

阅读: 5221    发布时间: 2018-01-11 15:37:48

HTML 段落< P>


段落通过<p></p>标签定义,如:

<p>我是第1段</p>
<p>我是第2段</p>

显示如下,无论<p>标签中文字多少,都至少占1行

      我是第一段

      我是第二段



HTML 行内元素< span>


行内元素通过<span></span>标签定义,如:


<span>我是第1部分</span>
<span>我是第2部分</span>

显示如下,<span>标签中内容在一行显示


我是第1部分我是第2部分


那既然如此,<span>标签作用是什么呢?主要用来给行元素设置样式,如:

<span style="color:red">我是第1部分</span>
<span style="color:green">我是第2部分</span>


显示如下,我们通过<span>标签可以为指定内容单独设置样式


我是第1部分我是第2部分



HTML 换行< br />


换行标签中并不需要内容, 所以这个标签,不是成对出现的,而是< br />

<span style="color:red">我是第1部分</span>  <br />
<span style="color:green">我是第2部分</span>


显示如下:


我是第1部分  
我是第2部分


HTML 水平分割线< hr />


水平线标签中并不需要内容, 所以这个标签,也不是成对出现的,而是< hr />

<span style="color:red">我是第1部分</span>  <hr />
<span style="color:green">我是第2部分</span>


显示如下:


我是第1部分


我是第2部分




HTML 注释


可以将注释插入 HTML 代码中,这样可以提高其可读性,使代码更易被人理解。浏览器会忽略注释,也不会显示它们,如:

<!--此文档编写于2017年,作者:蛰伏已久-->


注释是给程序员看的,不是给浏览器看的。



-END-