网页标签之网页基本标签

1、标题标签 h+tab

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

网页生成效果如下：

2、段落标签 p+tab

<body>
    
<!--段落标签-->
<p>无关风月 我题序等你回</p>
<p>悬笔一绝 那岸边浪千叠</p>
<p>情字何解 怎落笔都不对</p>
<p>而我独缺 你一生的了解</p>

</body>

网页生成效果如下：

一对段落标签中间内容就是一段

快捷生成：p+Tab

每段的文字很少时完全可以不用段落标签，可以直接用换行标签实现换行。但是需要注意的是，换行标签和段落标签生成效果是有明显差距的

3、换行标签 br+tab

br+Tab

<body>

<!--换行标签-->
无关风月 我题序等你回 <br/>
手书无愧 无惧人间是非 <br/>
雨打蕉叶 又潇潇了几夜 <br/>
我等春雷 来提醒你爱谁 <br/>

</body>

网页生成效果如下：

如上图所示，段落标签生成效果和换行标签生成效果有明显差异

4、水平线标签 hr+tab

hr+Tab

5、字体样式标签

粗体：strong+tab

斜体：em+tab

<body>

<!--字体样式标签-->
<hr/>
<h4>字体样式标签</h4>
<!--粗体-->
<strong>兰亭序</strong> <br/>
<!--斜体-->
<em>周杰伦</em> <br/>


</body>

6、特殊符号 &

<body>

<!--特殊符号-->
<hr/>
<h4>特殊符号</h4>
<h5>1.空格</h5>
空           格 <br/>
空&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;格
<h5>2.其他特殊符号</h5>
&gt; <br/>
&lt; <br/>
版权符号:&copy;版权所有xy <br/>
等等等等， <strong>需要时输入&来调用即可</strong>
    
</body>

注意点：

键盘敲击多少空格网页中的效果也只是一个空格，调用空格符号要用 
不需要记忆符号，要用的时候百度或者&调用即可

7、附录全部代码

<!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>

<!--字体样式标签-->
<hr/>
<h4>字体样式标签</h4>
<!--粗体-->
<strong>兰亭序</strong> <br/>
<!--斜体-->
<em>周杰伦</em> <br/>

<!--段落标签-->
<hr/>
<h4>段落标签</h4>
<p>无关风月 我题序等你回</p>
<p>悬笔一绝 那岸边浪千叠</p>
<p>情字何解 怎落笔都不对</p>
<p>而我独缺 你一生的了解</p>

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

<!--换行标签-->
<h4>换行标签</h4>
无关风月 我题序等你回 <br/>
手书无愧 无惧人间是非 <br/>
雨打蕉叶 又潇潇了几夜 <br/>
我等春雷 来提醒你爱谁 <br/>

<!--特殊符号-->
<hr/>
<h4>特殊符号</h4>
<h5>1.空格</h5>
空           格 <br/>
空&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;格
<h5>2.其他特殊符号</h5>
大于号:&gt; <br/>
小于号:&lt; <br/>
版权符号:&copy;版权所有xy <br/>
等等等等， <strong>需要时输入&来调用即可</strong>
</body>
</html>