开启掘金成长之旅！这是我参与「掘金日新计划 · 12 月更文挑战」的第七天，点击查看活动详情
1.标题标签
HTML提供了6 个等级的网页标题，即< h1> - < h2>。
标签语义 ：作为标题的使用，并且依据重要性递减
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>我的网站</title>
</head>
<body>
<h1>标题标签</h1>
<h1>标题一共六级选</h1>
<h2>文字加粗一行显</h2>
<h3>由大到小依次减</h3>
<h4>从重到轻随之变</h4>
<h5>语法规范书写后</h5>
<h6>具体效果刷新见</h6>
</body>
</html>
2.段落标签
< p> 我是一个段落< /p>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>我的网站</title>
</head>
<body>
<p>HTML的全称为超文本标记语言，是一种标记语言。
它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。
HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。 [1]
超文本是一种组织信息的方式，它通过超级链接方法将文本中的文字、图表与其他信息媒体相关联。</p>
<p>这些相互关联的信息媒体可能在同一文本中，也可能是其他文件，或是地理位置相距遥远的某台计算机上的文件。
这种组织信息方式将分布在不同位置的信息资源用随机方式进行连接，为人们查找，检索信息提供方便。 [1] </p>
</body>
</html>
3.文本格式化标签
| 语义 | 标签 | 推荐 |
|---|---|---|
| 加粗 | 或者 | |
| 倾斜 | 或者 | |
| 删除线 | ~~~~ | |
| 下划线 | 或者 |
4.< div>< /div>和< span>< /span>
< div>这是头部< /div>
< span>今日价格< /span>
div 是division 的缩写，表示分割，分区。span 意为跨度、跨距。
抽象：
div 占据一行的大盒子
span 一行很多个小盒子
5.图像标签和路径
1.图像标签
在HTML标签中， 标签用来定义HTML页面中的图像
< img src="图像URL"/>
| 属性 | |
|---|---|
| src=“图像URL” | 图片路径 |
| alt="name" | 图片显示失败的提示名 |
| title="name" | 图片的名字（鼠标停靠显示） |
| width="x" | 设置宽度x |
| height="y" | 设置高度y |
| border="s" | 设置边框粗细s |
只设置长或宽，会自动缩放，防止失真 ### 2.相对路径
| 相对 | 符号 | |
|---|---|---|
| 同级 | imag.jpg | |
| 下一级 | / | image/imag.jpg |
| 上一级 | ../ | ../image/imag.jpg |
3.绝对路径
从盘符开始或网页路径
