一，HTML是什么
1，什么是HTML？
超文本标签语言
- 什么是超文本？
文字，图片，视频，音频，程序，链接…
- 问：html本身是纯文本还是超文本？
- 答：本身是纯文本
二，HTML的基本语法
1，HTML的基本骨架？
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>标题</title>
</head>
<body>
....
</body>
</html>
2，HTML的标签的分类
结构：html head body title meta
文章：hn p br em storng
超链接：a
图片：img
配合布局：div span
列表类：ul+li ol+li dl+dt+dd
表格类：table+tr+th+td+thead+tbody
表单类：form input select+option textaarea
浮动框架：iframe
3，HTML的基本语法
1.语法非常松散
2.不区分大小写
3.对於单标签 最后的/ 可加可不加
4.属性可以不加引号
4，书写HTML的好习惯
1.必须写上HTML的基本骨架
2.标签全部使用小写
3.属性名不加引号，属性值加上引号（在JS中单引号和双引号是一样的）
4.标签可以嵌套，但是不能交叉
5.一定要正确的结束标签
三，HTML中的基本标签
1，标题标签
hn headline
场景：1）新闻/文章…一级标签 2）首页logo
2，段落标签
p paragraph
场景：一个段落 有时候需要配合br标签来用
3，超连接标签
a anchor
场景：超连接 文字 图片
分类：站内连接 站外连接 锚点连接 其它连接
路径：相对路径 和 绝对路径 ./ …/
target: _self _blank
4，图片标签
img image（插入图）
场景：网页上的图片（网页上的图片也可能是背景图）
路径：相对路径 和 绝对路径 ./ …/
alt: 1）… 2）…
5，DIV 和 SPAN
男标签：独占一行 hn p div 列表类 表格类
女标签：并排显示 a span strong em i b
人妖标签：并排显示 img input
四，列表相关的标签
1，无序列表
用的非常多
导航也会使用无序列表
轮播图
…
五，表格相关的标签
也是在特别的地方使用
表格也是可以布局的
现在表格布局已淘汰 CSS布局
六，表单相关的标签
表单：form 标签
表单元素：
input
select+option
textarea
七，浮动框架
iframe 引用第三方
八，其它标签
em
strong