HTML02（网页基本标签）

1标题标签
代码示例：

<!--标题标签-->
<h1>一级标签</h1>
<h2>二级标签</h2>
<h3>三级标签</h3>
<h4>四级标签</h4>
<h5>五级标签</h5>
<h6>六级标签</h6>

访问测试：
在这里插入图片描述
2段落标签
代码示例：

<!--段落标签-->
<p>久未放晴的天空</p>
<p>依旧留着你的笑容</p>
<p>哭过却无法掩埋歉疚</p>
<p>风筝在阴天搁浅</p>
<p>想念还在等待救援</p>
<p>我拉着线复习你给的温柔</p>
曝晒在一旁的寂寞
笑我给不起承诺
怎么会怎么会你竟原谅了我

访问测试：
在这里插入图片描述
3换行标签
代码示例：

<!--换行标签-->
<!--与段落标签相比，段与段之间更加紧凑-->
曝晒在一旁的寂寞<br/>
笑我给不起承诺<br/>
怎么会怎么会你竟原谅了我<br/>

访问测试：
在这里插入图片描述
4水平线标签
代码示例：

<!--水平线标签-->
<hr/>

测试访问：
在这里插入图片描述
5字体样式标签
代码示例：

<!--粗体，斜体-->
<h1>字体样式标签</h1>
粗体：<strong>HEATHCLIFF</strong> <br/>
斜体：<em>HEATHCLIFF</em>

测试访问：
在这里插入图片描述
6特殊符号标签
代码示例：

<!--特殊符号距离举例-->
<!--空格：&nbsp;-->
空   格
空&nbsp;&nbsp;&nbsp;格<br/>
大于号：&gt;<br/>
小于号：&lt;<br/>

测试访问：
在这里插入图片描述

全部代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>基本标签学习</title>
</head>
<body>
<!--标题标签-->
<h1>一级标签</h1>
<h2>二级标签</h2>
<h3>三级标签</h3>
<h4>四级标签</h4>
<h5>五级标签</h5>
<h6>六级标签</h6>

<!--段落标签-->
<p>久未放晴的天空</p>
<p>依旧留着你的笑容</p>
<p>哭过却无法掩埋歉疚</p>
<p>风筝在阴天搁浅</p>
<p>想念还在等待救援</p>
<p>我拉着线复习你给的温柔</p>

曝晒在一旁的寂寞
笑我给不起承诺
怎么会怎么会你竟原谅了我
<br/>
<!--换行标签-->
<!--与段落标签相比，段与段之间更加紧凑-->
曝晒在一旁的寂寞<br/>
笑我给不起承诺<br/>
怎么会怎么会你竟原谅了我<br/>

<!--水平线标签-->
<hr/>
<!--粗体，斜体-->
<h1>字体样式标签</h1>
粗体：<strong>HEATHCLIFF</strong> <br/>
斜体：<em>HEATHCLIFF</em>

<br/>

<!--特殊符号距离举例-->
<!--空格：&nbsp;-->
空   格
空&nbsp;&nbsp;&nbsp;格<br/>
大于号：&gt;<br/>
小于号：&lt;<br/>


</body>
</html>

测试访问：
在这里插入图片描述

HTML02（网页基本标签）

猜你喜欢