欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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

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

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

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

效果如下图:

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

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

注:

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

二、他的定义和用法:

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

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

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

三、HTML 与 XHTML 之间的差异

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

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

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

相关标签: html文本换行