<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>基本标签</title>
</head>
<body>
<!--
标签分为:块属性标签 和 行属性标签
-->
<!-- 一,块属性标签 -->
<!-- 1,div 标签, 本身无实意-->
<div>你</div>
<div>好</div>
<!--
2,h1-h6 标题标签
h1 标签对 SEO 优化权重较高
h2 标签次之
h1在页面中最多出现一次,
h2在页面中出现次数不超过20次,
h3-h6出现次数不限
开发过程中我们常用h1-h4
-->
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
<!--
3,p标签;代表段落,
通常情况下p标签中存储的是一段内容
-->
<p>明月几时有,把酒问青天.. .</p>
<!-- 转义字符; 等 -->
<!--
4,,hr;分割线
-->
<hr>
<!-- br;换行标签 -->
床前明月光,<br>疑是地下霜.
<!-- sup; 右上角图标 -->
x <sup>2</sup> + y <sup>2</sup> =4
<!-- sub;右下角图标 -->
x <sub>1 </sub> =1;
<!--
5,无序列表
ul ;块属性标签,代表无序列表
li ;列表项,块属性标签
开发过程中,ul通过与li配合使用
-->
<ul>
<li>唧唧复唧唧</li>
<li>木兰当户织</li>
</ul>
<!-- 6,有序列表
ol ;;块属性标签,代表有序列表
li ;列表项,块属性标签
开发过程中,ol通过与li配合使用
-->
<ol>
<li>床前明月光,</li>
<li>疑是地下霜</li>
</ol>
<hr>
<!-- 二,行属性标签 -->
<span>蓝</span>
<span>欧</span>
</body>
</html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>基本标签</title>
</head>
<body>
<!--
标签分为:块属性标签 和 行属性标签
-->
<!-- 一,块属性标签 -->
<!-- 1,div 标签, 本身无实意-->
<div>你</div>
<div>好</div>
<!--
2,h1-h6 标题标签
h1 标签对 SEO 优化权重较高
h2 标签次之
h1在页面中最多出现一次,
h2在页面中出现次数不超过20次,
h3-h6出现次数不限
开发过程中我们常用h1-h4
-->
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
<!--
3,p标签;代表段落,
通常情况下p标签中存储的是一段内容
-->
<p>明月几时有,把酒问青天.. .</p>
<!-- 转义字符; 等 -->
<!--
4,,hr;分割线
-->
<hr>
<!-- br;换行标签 -->
床前明月光,<br>疑是地下霜.
<!-- sup; 右上角图标 -->
x <sup>2</sup> + y <sup>2</sup> =4
<!-- sub;右下角图标 -->
x <sub>1 </sub> =1;
<!--
5,无序列表
ul ;块属性标签,代表无序列表
li ;列表项,块属性标签
开发过程中,ul通过与li配合使用
-->
<ul>
<li>唧唧复唧唧</li>
<li>木兰当户织</li>
</ul>
<!-- 6,有序列表
ol ;;块属性标签,代表有序列表
li ;列表项,块属性标签
开发过程中,ol通过与li配合使用
-->
<ol>
<li>床前明月光,</li>
<li>疑是地下霜</li>
</ol>
<hr>
<!-- 二,行属性标签 -->
<span>蓝</span>
<span>欧</span>
</body>
</html>