No.4 HTML5--标签之段落 换行、水平线

主要内容：

  • 段落  p
  • 换行 br
  • 水平线 hr

一、段落标签<p></p>

1.快速打出<p></p>：

输入“p”,Tab键。

2.代码示例

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人网页</title>
</head>

<body>
    <h1 align="center">我的第一个网页</h1>
    <h2>段落标签</h2>
    <p>在网页中，要把文字有条理地显示出来，就需要将这些文字分段显示。在 HTML 标签中,(p)标签用于定义段落，它可以将整个网页分为若干个段落。</p>
    <h3>三级标题</h3>
    <h4>四级标题</h4>
    <h5>五级标题</h5>
    <h6>六级标题</h6>
</body>

</html>

　运行：

 

 二、换行标签<br>（单标签）

不产生一个新段落的情况下进行换行(新行).

1.两种写法

<br>
或者<br/>

2.代码

<p>在网页中，要把文字有条理地显示出来，就需要将这些文字分段显示。<br>在 HTML 标签中,(p)标签用于定义段落，它可以将整个网页分为若干个段落。</p>

　　

 

三、水平线<hr/>（单标签）

在 HTML 页面中创建水平线

1.代码示例

<body>
    <h1 align="center">我的第一个网页</h1>
    <h2>段落标签</h2>
    <hr color="blue" width="1000" size="2" align="left"/>
    <p>在网页中，要把文字有条理地显示出来，就需要将这些文字分段显示。<br>在 HTML 标签中,(p)标签用于定义段落，它可以将整个网页分为若干个段落。</p>
    <hr color="blue" width="1000px" size="2px" align="left"/>
    <h3>三级标题</h3>
    <h4>四级标题</h4>
    <h5>五级标题</h5>
    <h6>六级标题</h6>
</body>

　　运行：

 

posted @ 2025-02-25 10:59  百里屠苏top  阅读(45)  评论(0)    收藏  举报