美文网首页前端开发
2018-02-17HTML6-HTML折行(换行)

2018-02-17HTML6-HTML折行(换行)

作者: 可乐W | 来源:发表于2018-02-17 16:55 被阅读0次

HTML折行(换行)<br/>

1.使用方法

2.实例(2个)

实例1(普通实例)

实例2(排版古诗)

3.注意事项


1.使用方法

如果您希望在不产生一个新段落的情况下进行换行(新行),请使用<br/>标签:

<br/>元素是一个空的 HTML 元素。由于关闭标签没有任何意义,因此它没有结束标签。

2.实例

实例1(普通练习):

代码 结果图

实例2(排版一首古诗《春晓》):

不加折行(都在一行上,浏览器会忽略你自己源代码的排版【省略掉多余的空格和换行】,):


代码


结果图



加折行(每行后加折行,就会显示出古诗的四句排版):


代码实例 结果图

3.注意:推荐使用<br/>

<br>还是<br/>?

您也许发现 <br>与 <br/>很相似。

在 XHTML、XML 以及未来的 HTML 版本中,不允许使用没有结束标签(闭合标签)的 HTML 元素。

即使 <br>在所有浏览器中的显示都没有问题,使用 <br/>也是更长远的保障

相关文章

网友评论

    本文标题:2018-02-17HTML6-HTML折行(换行)

    本文链接:https://www.haomeiwen.com/subject/utgmtftx.html