HTML

HTML 知识量:9 - 26 - 70

3.3 段落标签><

段落标签<p></p>- 3.3.1 -

<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> 结束标签包裹。

换行标签<br/>- 3.3.2 -

在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/> 标签来手动创建间距。