这是我参与「第五届青训营 」笔记创作活动的第1天 HTML 笔记
HTML 的标签分类
双标签：如标签的内容
语法：<开始标签> 标签内容 </结束标签>
<strong>我要变粗</strong> <head></head>......
单标签：
单标签都是功能性的标签，例如换行等功能里面不需要添加内容
语法：<标签名 />
<br> <hr> ......
HTML 中的标签*
用<>包裹的英文单词
h 系列的标签 : 标题标签*
h1，h2，h3，h4，h5，h6
作用 : 给页面上的文字加上标题的语义
代码 : <h1>我就是h1标签</h1>
效果 : h1，h2，h3，h4，h5，h6 将文字放大、加粗、并且逐渐变小（h1标签是最大的）
特点 : 独占一行
注意 : h1 标签尽量少用，太多不利于SEO(搜索引擎优化) 。 一般h1 都是给文章的标题或者 logo使用。
p 标签 : 段落标签*
作用: 给页面上的一段文字加上段落的语义
代码: <p>这是段落</p>
特点：页面上的一个段落，单独占一行，并且与上下内容之间存在距离。
hr 标签：水平线标签*
作用: 在页面上显示一条横线
代码: <hr />
br 标签：换行标签*
作用：强制换行（代码中换行无效）
代码：<br />
(4 组 ) 文本格式化标签*
作用:
· b: 加粗
· u: 下划线
· i: 倾斜
· s: 删除线
建议不要使用, 因为这些标签没有语义
作用:
· strong: 加粗
· ins: 下划线
· em: 倾斜
· del: 删除线
可以使用
语义: 起强调加强语气作用
图片标签（重点）*
img 标签 ******：图片标签
作用： 在页面中显示一张图片
代码： <img src="图像URL"/>
特点： 就是显示图片
属性：
· src：图片显示的路径（必须）
· alt：如果图片加载不出来，会显示这个属性中的文字
· title：介绍这张图片
· width：图片的宽度
· height：图片的高度
图片宽高只设一个, 另一个会等比例缩放
两个都设可能会变形，所以一般我们只设一个。
