1.标题标签
标题标签是以h开头的双标签，一共有6个
<h#>内容</h#> #代表的是1-6
例：<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
1.特点
标题文字自带加粗和字号
一级标题字号最大，六级标题字号最小，加粗一样
独占一行
2.属性
什么是属性？
属性 --> 姓名：18岁 <-- 属性值
属性 --> 性别：男 <-- 属性值
属性的书写格式：
双标签：< 标签名 属性1=" 属性值1" 属性2=“属性2” > 内容 </标签名>
单标签：< 标签名 属性1=" 属性值2" 属性2=“属性2” / >
属性值和属性要加开始标签里 属性和属性值是一套，写第二个属性的时候要和前面 空格隔开
3.标题标签的内容位置
格式 < h# align = “位置”>内容</h#>（#代表1-6）
h标签里面有内容的水平位置（根据浏览器页面定位的）
取值： 左 ：left （默认值）
右：right
中间：center
代码示例如下图： 
效果：
2.段落标签
段落标签就像写作文一样，一段一段的
p标签（双标签） 格式：<p> 内容</p>
示例：
代码：
效果：
属性
格式：< p align = “位置”>内容</p>
取值： 左 ：left （默认值）
右：right
中间：center
效果和使用跟标题标签一样
3.水平线标签
<hr />（单标签）
效果：简单来说就是一条线
默认长度是根据浏览器（body）的宽度一样，也可以在标签里给hr设置宽度，大小，位置和颜色
默认长度跟浏览器宽度一样，默认大小1像素，默认位置是center，默认颜色浅灰色，也可混合写
属性
宽度属性：width 单位px（px是像素的意思）
大小属性：sizi 单位px
位置属性：align
属性值：左 ：left
右：right
中间：center
颜色属性：color
属性值：颜色的英文单词 例：red blue 等
16进制 例：#FF0000 , #AD382E （16进制是由0-9和ABCDEF组成）
分割线不包含阴影 ：noshade
4.换行标签
<br> 单标签
代码：
效果：
div&span标签
div和span是没有语义的，他们就是一个盒子，用来装内容的，不像我们的标题标签或者加粗标 签，他们对SEO（搜索引擎）都很友好，而div和span对SEO无感，可以理解为div是网页中最大 的盒子，span是最小的盒子
特点：
span：多个span可以都在一行
div：div是独占一行的，多个div会垂直排列，后续会有属性来改变div的排列方向
共同点：都是没有任何语义，可以高频使用
font标签
font标签可以规定文本的大小和颜色
<font>内容</font>
属性
color：颜色英文单词（red blue）
16进制
rgb（255,255，255）
sizi：1-7
face：字体
注释
注释用于解释说明代码的用途，注释里面的内容浏览器不会执行，不会显示，不会解析
注释不能嵌套
<!--"内容" -->
图片标签及属性
<img/> 单标签
<img src"图片路径" /> 在src里面输入 ./ 来寻找图片路径，如果./没找到就往后继续输入../、../../
src里面填图片路径，可以通过src属性把网上或者本地的图片加载到网页中，src属性是img标签必须要有的，意思就是你使用了img标签的话，src属性就要有东西，不能为空
代码：
属性
1、 width 宽度
2、height 高度
小问题：设置宽度和高度后图片变形了怎么办
解决方法：
3、 alt 图片无法正常显示的时候，就会把alt里面的内容显示在网页上
4、title 当图片无法正常显示的时候，把鼠标悬浮在图片上面就会显示title里面的内容
5、border 边框，可以给img设置边框
图片路径
相对路径（常用）
绝对路径
多媒体标签
1、video 视频标签
<video src"文件路径"></video>
当遇到视频无法播放，也没有控制暂停等按钮，可以用属性来3弥补
属性
controls （控制组件）
<video src"文件路径" controls></video>
loop （循环播放）
<video src"文件路径" controls loop></video>
widht（宽度）
<video src"文件路径" controls loop width = “数值”></video>
height（高度）
<video src"文件路径" controls loop width = “数值” height = “数值”></video>
poster 封面
muted 静音
preload 预加载
none 不进行预加载
metadata 加载视频的基本信息
2、audio 音频标签
属性和使用方法和video一样
列表标签
1、有序列表 ol
特点：有123的顺序数字
属性
1、 type 类型， 值：阿拉伯数字（12345）、罗马数字（I）、26字母
2、start 从几开始
3、reversed 倒序
2、无序列表 ul
ul里面的li默认是一个实心圆，属性和ol一样
3、自定义列表
超链接 a标签
什么是超链接？
也就是跳转的意思，链接源可以是网页中的任何元素、图片、视频、音频、甚至是网页都可以
如何实现超链接？
路径分类
相对路径（多用于站点内页面和页面的跳转）
绝对路径（多用于站点与站点之间的跳转，比如天猫和淘宝）
属性
target属性 规定链接目标的打开方式
空链接
空链接，没有链接地址的时候，我们可以给一个空链接
在实际开发中一般不会用空链接
超链接默认外观
标签：span,标签,标题,HTML,讲解,div,图片,属性 From： https://blog.csdn.net/2401_83968180/article/details/144131955