标题标签
h1-h6 是最基本的标题，它们表示了文章中不同层级的标题。都是加粗的效果，同时h1到h6的字体逐渐变小。
<!-- 一般页面上只会有一个h1标签-->
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
常用语义类标签
<p>段落标签</p>
<span>区分样式的标签</span>
<strong>文本加粗，强调</strong>
<b>文本加粗</b>
<em>斜体 强调</em>
<i>斜体</i>
<sup>上标文本</sup>
<sub>下标文本</sub>
<del>删除线</del>
<br><!--换行是一个空标记(强制换行)-->
列表标签
HTML中有三种列表，分别是：无序列表，有序列表，自定义列表
无序列表
定义列表符号样式：
list-style-type:disc(实心圆)/circle（空心圆）/square(实心方块 )none(去掉列表符号)；
使用图片作为列表符号：list-style-image:url(所使用图片的路径及全称);
定义列表符号位置：list-style-position:outside/inside;
list-style:none;简写
<ul type="circle">
<li></li>
<li></li>
<li></li>
．．．．．．
</ul>
###有序列表
type:规定列表中的列表项目的项目符号的类型
语法：<ol type="a"></ol>
1 数字顺序的有序列表（默认值）（1, 2, 3, 4）。
a 字母顺序的有序列表，小写（a, b, c, d）。
A 字母顺序的有序列表，大写（A,B,C,D)
i 罗马数字，小写（i, ii, iii, iv）。
I 罗马数字，大写（Ⅰ，Ⅱ，Ⅲ，Ⅳ）。
start 属性规定有序列表的开始点。
语法：<ol start="5"></ol>
<ol type="i">
<li></li>
<li></li>
</ol>
自定义列表
<dl>
<dt>名词</dt>
<dd>解释</dd>
</dl>
超链接标签
<!--
a 标签 超链接标签
href = '' 实现页面的跳转
跳转页面target
_self 当前页面 默认
_blank 新页面打开
-->
<!--超链接跳转-->
<a href="https://code.bytecho.net/">字节编程笔记</a>
<!--锚点跳转-->
<a href="#div1">网页首页</a>
<div id="div1" class="box1">网页首页</div>
<!--下载-->
<a href="1.zip">点击下载/a>
<!--发邮件-->
<a href="mailto:xm@bytecho.net">xm@bytecho.net</a>
<!--打电话-->
<a href="tel:131xxxxxxxx">131xxxxxxxx</a>
特性：
1、一行可以显示多个，父级宽度不够会换行显示
2、不支持宽高
3、换行会产生空格
4、父级字体颜色的设置对其无效
5、有下划线
a标签的伪类
a标签的特征：
- 没有被访问过的（:link）
- 被访问过的（:visited）
- 鼠标经过这个链接（:hover）
- 在这个链接上按下去（:active）
以上书写的时候，一定要注意顺序 lvha
图片标签
<!--
img:图片标签（单标签）
常用的图片类型：
.jpg
.png 大多数为透明图
.gif 动态图
图片四要素
路径src：放入图片的路径
宽度width
高度height
alt标记 : 当图片显示不出来的时候 替换图片的文字 （正常情况下是看不到的）
title: 鼠标放上去之后显示的文字
-->
<img width="800px" src="img/1.jpeg" title="这是鼠标放上去之后的文字" alt="放一些替换文字">
HTML5常用标签
header 通常出现在前部，表示导航或者介绍性的内容。
article 用来在页面中表示一套结构完整且独立的内容部分
aside 元素标签可以包含与当前页面或主要内容相关的引用、侧边栏、广告、nav元素组，以及其他类似的有别与主要内容的部分
section 页面上的版块,用于划分页面上的不同区域，或者划分文章里不同的节
footer 通常出现在尾部，包含一些作者信息、相关链接、版权信息等。
nav 导航 （包含链接的的一个列表）
<body>
<header>
<nav>
...
</nav>
</header>
<aside>
<nav>
...
</nav>
</aside>
<section>...</section>
<section>...</section>
<footer>
<address>...</address>
</footer>
</body>
选择器
id选择器
书写方式：
<style>
#name{ 这里放css样式 }
</style>
<div id="name"></div>
特性：
1.ID命名在当前页面中不允许重复
2.开头不可以是数字
3.不允许出现特殊字符，- _除外
4.不使用中文
标签选择器
书写方式：
<style>
div{ 这里放css样式 }
</style>
<div id="name"></div>
特性：
1.针对所有该名字的标签设置上样式
class选择器
书写方式：
<style>
.name{ 这里放css样式 }
</style>
<div id="name" class="name"></div>
特性：
1.class命名可以在当前页面中多次出现
2.开头不可以是数字
3.不允许出现特殊字符，- _除外
4.不使用中文
注：一个元素可以添加多个class，以空格进行间隔，id不可以
*通配符书写方式：
<style>
*{ 这里放css样式 }
</style>
特性：
会选中所有标签，所以并不推荐使用
包含选择器
书写方式：
<style>
#name .a{ 这里放css样式 }
</style>
<div id="name" class="name">
<a href="#"></a>
</div>
特性：
1.可以通过指定父级下的某个元素，让选择更精准
2.嵌套不宜超过三层 父级 子级 子级{}
3.如果子级有id，一般不需要包含选择器，因为id页面唯一，优先级又非常高
群组选择器
书写方式：
<style>
.name,.box,.item{ 这里放css样式 }
</style>
<div id="name" class="name"></div>
<div class="box"></div>
<div class="item"></div>
特性：
会给当前所有的选中元素添加上相同的样式
普通选择器优先级
当优先级高的选择器 和 优先级低的选择器 给同一个元素，添加同一个样式
会以优先级高的样式为准，最终显示在元素上
优先级规则（普通的选择器）
id > class > 标签选择器 > *通配符
行间样式 > 内部样式和外部样式
所以
行间样式 > id > class > 标签选择器 > *通配符
