HTML常用标签（上）

排版标签
标题标签

<!-- 共6种标题 -->
<h1>标题一共六级选</h1>
<h2>文字加粗一行里</h2>
<h3>由大到小依次减</h3>
<h4>从重到轻随之变</h4>
<h5>语法规范书写到位</h5>
<h6>具体效果刷新见</h6>

段落标签

<p>段落内容</p> 注意p标签里面不能放块元素

换行标签

<br/>

横线标签

<hr/>

<div>和<span>标签
他们俩个是没有语义的，主要用来区分和布局，可以作为盒子，来装其他标签。
div看成一个大盒子一行只能放一个div
span看成一个小盒子一行上可以放很多个span

<div></div>
<span></span>

文本格式化标签

标签	效果
<b></b>或<strong></strong>	文字加粗
<i></i> 或<em></em>	文字斜体
<s></s>或<del></del>	文字涮除线
<u></u> 或 <ins></ins>	文字下划线

在这些标签中，<b> <i> <s> <u> 4 个标签只能达到各自的效果，而不带有语义，所以不推荐使用。而<strong> <em> <del> <ins> 4 个标签不仅能达到不同的效果，还有强烈的语义，所以推荐使用。

图像标签<img>
格式如下：

<img src="图像.jpg" width="104" height="142" />

<img`>标签的属性：

当只设置width和height属性的其中一个时，图片会等比例缩放。

路径
页面中的图片会非常多， 通常我们会新建一个文件夹来存放这些图像文件（images），这时再查找图像，就需
要采用“路径”的方式来指定图像文件的位置。
路径可以分为：

1. 相对路径
2. 绝对路径

相对路径：以引用文件所在位置为参考基础，而建立出的目录路径。
这里简单来