1.什么是标签？
只要带有尖括号的代码就是标签
2.固定结构代码
！+ tab 或者 html：5 + tab
3.分析固定结构代码
4.标签的分类以及关系
标签的分类：单标签和双标签
标签的关系：嵌套关系/父子关系、并列关系/兄弟关系
5.标题标签
h1~h5
6.段落标签
p
7.文本格式化标签
<strong></strong>加粗,<ins></ins>下划线，<em></em>斜体文字，<del></del>删除线
8.img标签的使用
9.a标签的根页面
href=目标页面的路径 ，target=控制页面的跳转方式:_blank保留原来的页面
a标签的其他用法
10.a标签的锚点定位
11.base标签的使用
base标签，可以统一控制页面所有的a标签，写在head标签中，江湖规矩
12.无序列表
无序列表：存放没有顺序的数据
烤老鼠
烤蛇皮
烤榴莲
13.有序列表
1.冠军
2.亚军
3.季军
14.自定义列表
笔记本电脑
华为
苹果
三星
15.表格
1.表格的三个基本标签：<table>表格、<tr>行、<td>单元格
王力宏 男 43
邓紫棋 女 28
陈百强 男 60
2.表格的常见属性：border:表格的边框、width/height:表格的宽高、cellspacing:边框之间的空白间隙,一般给0、cellpadding:内容到边框的距离,很少使用、align: 控制元素水平对齐方式:left center right
3.表格的完整结构
4、表格相邻边框合并一起 border-collapse:collapse;
16.常用的表单控件
1.input是一个非常重要的表单控件
2.from表单域
3.label标签绑定
4.补充表单控件
17.绝对路径和相对路径
绝对路径 ：
1.只要带有盘符的路径就是绝对路径: c.d.e.f
2.网络地址也是绝对路径
3.可移植性差
相对路径：
<!-- 1.图片与html在同一级目录 -->
<!-- 直接通过图片名找到 -->
<img src="你老公.png" alt="">
<!-- 2.图片在html的下一级目录 -->
<!-- 先进入下一级文件夹(文件夹名/) -->
<!-- 再通过图片名找到 -->
<img src="浴室/群主老公.png" alt="">
<!-- 3.图片在html的上一级目录 -->
<!-- 先返回到上一级(../) -->
<!-- 再通过图片名字找到 -->
<img src="../我老公.png" alt="">
<!-- 4.图片在另外一个文件夹 -->
<img src="../另外一个房间/她老公.png" alt="">
<!-- 注意: 相对路径不能跨盘符 -->
18、新版本标签,拥有更好的语义化
<!-- <header></header>
<div class="header"></div>
<nav></nav>
<div class="nav"></div>
<footer></footer>
<div class="footer"></div>
<article></article>
<aside></aside>
<section></section>
<button></button> -->
<!-- 新版本标签,拥有更好的语义化 -->
