目录：
一、常用标签
二、HTML 字符实体（可百度搜索）
三、补充的几个标签
四、三大列表
1、无序列表：ul、li，这个是固定格式，ul里面紧邻着的一定是li，不能是其它标签，但是可以在li里面继续嵌套其它标签。
2、有序列表：ol 、li，这个是固定格式，ol里面紧邻着的一定是li，不能是其它标签，但是可以在li里面继续嵌套其它标签。
3、自定义列表 ：dl里面紧邻着的只能是dt或者dd，但是在dt或者是dd里面还可以写其它的标签
五、、 css 引入的几种方式：
一、常用标签
【标签语法】
1、用尖括号包裹关键词；
2、标签是成对出现的，由开始标签和结束标签组成。
3、结束标签比开始标签多了一个“/”（反斜杠）
但是也有一些特殊的标签，它们被称为单标签，或是自闭合标签 或者“空标签”, 例如：< br/> 、< img/>、,< mete>
标签的属性
标签的属性：属性提供了有关 HTML 元素的更多的信息，用来描述某个特征和功能的。可以分为内置属性和自定义属性。
表现形式：属性总是以名称/值对的形式出现，比如：name=”value”。（键值对） 注意的细节：
• 属性总是在 HTML 元素的开始标签中规定 （跟在关键词的后面） 以键值对的形式出现 元素可以有多个属性，
• 属性和属性之间至少要有一个空格
• 属性是没有先后顺序的
1.标题标签：h1~h6（例：<h1></h1>）
• 快捷生成：h$*6{$级标题}
2.段落标签：p
3.插入图片：<img src="图片地址" alt=" " title=" ">
• src：图片的路径
• alt：当网比较慢或者是图片路径不正确，造成图片加载失败，那alt里面设置的如果有文字，就会出现在裂的图片旁边，更有利于用户体验
• title：当鼠标滑上图片的时候，会出现title里面设置的文字，有一个跟随效果
4.超链接a标签<a href="跳转地址">名字</a>
• href:跳转的网址
• target：
_blank表示在新窗口打开
_self表示在当前窗口打开
a标签 href 的几个值
• 回到顶部：href=”#”
• 愁重新加载页面了：href=” ”
• 禁止跳转：href=”javascript:;”
< a href=*”javascript:;”>支付< /a>
• 锚点跳转：给每一个模块用id起一个名字，a标签里面的href的值应该是# 加上id里面的那个名字
三、HTML 字符实体（可百度搜索）
四、补充的几个标签
div：大盒子标签，主要用来划分大区域用的
span：小盒子标签，主要用来划分小区域用的
格式化标签
加粗：b或者strong
斜体：i或者em
删除线：del和s
下划线：ins 和u
预格式化标签pre：按照预定设置好的格式进行显示
视频：video
音频: audio
控制器：controls
自动播放:autoplay
循环播放：loop
五、三大列表
1、无序列表：ul、li，这个是固定格式，ul里面紧邻着的一定是li，不能是其它标签，但是可以在li里面继续嵌套其它标签。
< ul>
< li>无序列表< /li>
< /ul>
2、有序列表：ol 、li，这个是固定格式，ol里面紧邻着的一定是li，不能是其它标签，但是可以在li里面继续嵌套其它标签。
< ol>
< li>有序列表< /li>
< /ol>
3、自定义列表 ：dl里面紧邻着的只能是dt或者dd，但是在dt或者是dd里面还可以写其它的标签
< dl>
< dt>早餐< /dt>
< dd>豆浆< /dd>
< dd>包子< /dd>
< dt>午餐< /dt>
< dd>盖饭< /dd>
< dd>鸡蛋面< /dd>
< /dl>
六、 css 引入的几种方式：
1、行内式
< div style=”color:deeppink;”>行内式< /div>
2、内嵌式：在head里面通过style标签来写，如下
< style>
div,p{
width:500px;
height:200px;
background:greenyellow;
color:hotpink;
}
< /style>
3、外链式，在head里面通过link标签把样式表给链接过来。
< link rel=”stylesheet” href=”index.css”>
4、导入式（了解即可）
< style>
@import “index.css”
< /style>
面试题：link 和@import 的区别
• link 是xhtml 标签 而@import 完全是css 提供的一种方式，link 里面还可以设置很多属性，但是@import 不能设置
• 加载顺序，当用户在浏览页面的时候，link的话，样式会同时被加载，而@import只有页面全部被加载完成之后才能加载样式，所以有时网慢，会没有样式。
• 兼容性问题，@import 有兼容性问题，低版本浏览器不支持，但是link 不存在这个问题
