HTML 知识量:9 - 26 - 70
<p> 标签在 HTML 中用于定义段落。它是 "paragraph" 的缩写,表示一段连续的文本。在 <p> 和 </p> 标签之间的内容会被浏览器渲染为一个段落,通常会在段落前后添加一些空白,以与其他段落或元素分隔开。
下面是一个使用 <p> 标签的简单示例:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>段落标签示例</title> </head> <body> <h1>欢迎来到我的网页</h1> <p>这是第一个段落。它包含了一些文本内容,用于演示段落标签的使用。</p> <p>这是第二个段落。> <p>在 HTML 中,段落之间通常会有一些空行或空白,以区分不同的内容区域。</p> </body> </html>
在这个示例中,<h1> 标签定义了一个标题,而 <p> 标签定义了三个不同的段落。每个段落都包含了一些文本,并且由 <p> 开始标签和 </p> 结束标签包裹。
在HTML中,<br/> 标签用于插入一个简单的换行符。它是 "break" 的缩写,意味着在内容中创建一个新的行。<br/> 是一个空元素,意味着它没有结束标签,并且不包含任何内容。它通常用于在文本中手动创建一个新的行,而不是开始一个新的段落。
<br/> 标签常常用于诗歌、地址、或者其他需要精确控制文本布局的地方。
下面是一个使用 <br/> 标签的示例:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>换行标签示例</title> </head> <body> <h2>我的联系信息</h2> <p>姓名:张三<br/> 邮箱:<a href="mailto:zhangsan@example.com">zhangsan@example.com</a><br/> 电话:123-456-7890</p> <p>地址:<br/> 123 示例路<br/> 示例城市,示例省,示例国家</p> </body> </html>
在这个示例中,<br/> 标签被用于在联系信息中创建新的行,以便在网页上显示时,各个信息项能够清晰地分隔开。
虽然 <br/> 标签可以用于换行,但通常建议尽可能使用 CSS 来控制文本的布局和样式,因为 CSS 提供了更强大和灵活的控制方式。例如,可以使用 CSS 的 margin 和 padding 属性来控制段落之间的间距,而不是使用多个 <br/> 标签来手动创建间距。
Copyright © 2017-Now pnotes.cn. All Rights Reserved.
编程学习笔记 保留所有权利
MARK:3.0.0.20240214.P35
From 2017.2.6