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

藏色散人
藏色散人 原创
2018-08-09 17:17:15 10429浏览

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

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>html文本换行测试</title>
</head>
<body>
<p>php中文网(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文本换行是怎么实现的?(代码示例)的详细内容,更多请关注php中文网其它相关文章!

声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。