当前位置:Gxlcms > html代码 > html文本换行是怎么实现的?(代码示例)

html文本换行是怎么实现的?(代码示例)

时间:2021-07-01 10:21:17 帮助过:49人阅读

html中换行是一个简单实现的功能,只是对于新手来说,可能一时半会想不起来或者无从下手。那么本篇文章简单的给大家介绍html 文本换行是怎么实现的?当然有一种直接的方法就是代码中成段的文字,可以直接在代码中回车换行,但是在渲染成网页时候是不认同这种换行,如果真想换行,可以在代码的段落中插入一个标签来强制换行。

html文本换行具体代码示例如下:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>html文本换行测试</title>
</head>
<body>
<p>Gxl网(php.cn)提供大量免费、原创、高清的php视频教程,<br />在学习的时候可以直接在线修改示例,<br />查看php执行效果是本站的一大特色,php从入门到精通,一站式php自学平台。</p>
</body>
</html>

效果如下图:

1c5884fd596629398bb44950ebbb3d0.png

那么本文通过展示具体的html换行代码实测介绍,希望对有需要的朋友们有所帮助!

注:

一、所有浏览器都支持 html换行标签<br> 标签。

二、他的定义和用法:

<br> 可插入一个简单的换行符。

<br> 标签是空标签(意味着它没有结束标签,因此这是错误的:<br></br>)。在 XHTML 中,把结束标签放在开始标签中,也就是 <br />。

<br> 标签只是简单地开始新的一行,而当浏览器遇到 <p> 标签时,通常会在相邻的段落之间插入一些垂直的间距。

三、HTML 与 XHTML 之间的差异

在 HTML 中,<br> 标签没有结束标签。

在 XHTML 中,<br> 标签必须被正确地关闭,比如这样:<br />。

以上就是html文本换行是怎么实现的?(代码示例)的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行