一 。常用的html标签（电脑 查看 文件扩展名打开）
注意在写代码时，父标签与子标签之间要换行，子标签还要缩进。
h1标签，标题标签（双标签），在网页只能使用一次，一般里面放logo, h1~h6,h1权重最高，数值越高权重越低，且字体越小，字体由默认样式决定，一般会用到h1--h4,使用在网页中需要的小标题位置（标题效果处）。ediplus 工具 tool 设置默认浏览器，ctrl +b 可以直接打开网页 ，
p:段落标签（双标签），包裹文字可换行。一般放产品描述。
span:行标签，不可换行。有style属性（行内样式，没学css之前，行内样式最简单），style="color:red;"(属性值由引号包裹, 具体属性：属性值；，注意以分号结束,分号放在引号前）
<span style="color:red;"></span>
span 标签赋予文字样式，在网页中担任细微工作可单纯给文字样式（做小部件）也可以装小图标
现在基本不会使用：strong标签 b 标签，因为前端准则：能用样式解决就不用标签，能用样式就不用行内属性解决
strong:强调标签（双标签），给字体加粗起强调作用。
b:加粗标签（双标签），加粗字体。
i:倾斜标签（双标签），倾斜字体，比较重要，可装小图标，阿里图标，特殊符号例如￥与文字，装图标span也行 i 也行，像轮播图的小点使用两者都可以
但装图标首先考虑i标签，装文字首先考虑span标签。
声明样式，优先级高的样式覆盖优先级低的，优先级相同，下面样式覆盖上面样式（如果样式重复声明不同值会有覆盖效果）
em:倾斜并且强调标签（双标签）
br:换行标签。（单标签），不要使用，因为不便于维护。
hr:水平分割线标签(单标签），不要使用。一般会用border 实现。
sup:上标签（双标签）
sub:下标签 （双标签）<span>o<sub>2</sub></span>
以上：p span i 标签出现最多
列表标签（双标签）：列表标签与列表项标签之间不能插入其他标签，li 里面可以放任意标签。
网页中列表区域 用列表标签来做,导航栏等
1. ul（无序列表标签）li(列表项标签)
<ul style="list-style-type:disc;"><li></li></ul> disc(实心圆，也是默认样式) circle(空心圆) square(方块) none(取消样式 最常用）
list-style-type 可简写为list-style
2. ol(有序列表标签）li(列表项标签) ol 有属性 type(决定了列表项之前的标记) type="1" start="1" 数字(默认10进制数)
type="I" 或者"i" start="I" 罗马数字
type="A"或者"a" start="a"英文字母
同样的 常用：list-style:none
<ol type="A">
<li>123<./li>
</ol>
3.dl （自定义列表标签) 有两种子标签 ：dt:列表标题 dd:列表项
<dl>
<dt>乌拉</dt>
<dd>你好</dd>
</dl>
显示为：乌拉
你好
img 图片标签（单标签),含四要素 src alt width height,还有title属性，title="你好",鼠标放在图片上会显示你好
<img src=" " alt=" " width=" " height=" ">(一般用这种)
<img style="10px;height:10px;">(行内样式写法，px不可省)
src:资源路径，分绝对路径与相对路径，相对路径从文件自身位置开始找，./ 同级文件 ../ 返回上一层文件夹 ../../返回上上层文件夹,绝对路径会从盘符出发，右键查看文件位置，注 意不能有中文。
alt:代替文本，图片未加载时显示的就是代替文本，seo会抓取alt的关键字
width height:单位px,单位可以省略，不写width height会默认原始尺寸，写width height其中一个时，另一个会等比列缩放，最好不要两个一起写容易失真，写width height便 于浏览器加载
<img src="img/01.jpg" alt="好" width="10"> 进入img文件夹加载01.jpg这个图片，图片未加载显示好，宽10px
图片分为三种：jpg :压缩会失真，非动态 ，较小（常用)
png:压缩不会失真，色彩多，非动态，较大（不常用,浪费性能，但是支持半透明与全透明，透明图片用png)
gif:像素低，动态
typora 的使用（开发者必会)：ctrl+1~6 代表h1~h6 标题
ctrl + b加粗
ctrl+i 倾斜
```+ 回车 出现代码段 ，选择语言html 会有颜色
导出选择html 其实就是网页