HTML 段落
HTML 段落通常是一个文本块,代表了文章的一段话。
HTML 段落通常是一个文本块,代表了文章的一段话。
HTML 段落
HTML 的 <p>
元素定义了一个段落。段落总是从新行开始,浏览器会自动在段落前后添加一些空白(边距)。
一个例子
<p>这是第一段话。</p>
<p>这里是第二段话。</p>
浏览器输出 HTML 的方式
同样的 HTML 文档在大屏幕或小屏幕以及调整大小的窗口会产生不同的结果。
在 HTML 段落中,您无法通过在 HTML 代码中添加额外的空格或额外的行来更改显示。
当浏览器展示页面内容时,会自动删除任何多余的空格和行。
看下面的两首诗在浏览器中是如何显示的呢?
<p>
静夜思
床前明月光,疑是地上霜。
举头望明月,低头思故乡。
</p>
<p>
早发白帝城
朝辞白帝彩云间,千里江陵一日还。
两岸猿声啼不住,轻舟已过万重山。
</p>
你已经发现他们显示在一行上了,这并不是我们想要的。那么怎么办呢? 继续往下看
HTML 换行符
HTML <br>
元素定义了一个换行符。
如果你需要在一个段落中换行,而不是重新开始一个段落,使用 <br>
就对了。
例子
<p>中国是最美的<br />我爱中国</p>
<br>
标签是一个空标签,它没有结束标签。
现在我们用 <br>
来展示以下刚刚的两首诗
<p>
静夜思<br />
床前明月光,疑是地上霜。<br />
举头望明月,低头思故乡。<br />
</p>
<p>
早发白帝城<br />
朝辞白帝彩云间,千里江陵一日还。<br />
两岸猿声啼不住,轻舟已过万重山。<br />
</p>
HTML <pre>
元素
HTML <pre>
元素定义了预先格式化的文本。
<pre>
元素内的文本会保留空格和换行符,并以以固定宽度字体(通常是 Courier)显示,通常用来显示代码。
当然也可以用来显示我们刚刚的两首诗,如下:
<pre>
静夜思
床前明月光,疑是地上霜。
举头望明月,低头思故乡。
</pre>
<pre>
早发白帝城
朝辞白帝彩云间,千里江陵一日还。
两岸猿声啼不住,轻舟已过万重山。
</pre>
HTML 横向分割线 <hr>
<hr>
标签在 HTML 页面作用一般是用来分割不同的主题,一般展现为水平线。
<hr>
元素用于分隔 HTML 页面中的内容(或定义更改):
<h1>中国是最美的</h1>
<p>中国是世界上最美的国家,我爱我的祖国。</p>
<hr />
<h2>中国有丰富的矿物质</h2>
<p>中国有大量的矿物质,不但储量很大,种类也很丰富,很多国家要在中国进口矿物质。</p>
<hr />
<hr>
标签是一个空标签,它没有结束标签。
HTML 标签参考
元素 | 含义 |
---|---|
<p> |
定义来换行 |
<hr> |
用来分割不同的主题 |
<br> |
插入换行 |
<pre> |
定义预格式化的文本 |
如需所有可用 HTML 标签的完整列表,请访问 HTML 标签参考。