9.4
一、介绍浏览器
1、title 主题，题目
2、url 网址
3、body 网站的内容
4、html 语言，超文本标记语言
二、文件介绍
三、标签的结构
（一些快捷键：Ctrl+s 保存 ctrl+c 复制 ctrl+V 粘贴）（UTF-8是国内的编码）
1、标签名
2、标签结构 <+标签名+> 例：<p>我的老师</p>
3、标签：开始标签，结束标签
4、网页文档的结构
5、img src="" ：src是属性 ," 属性值 "
9.5
一、标签
1、双标签
（1）开始标签
（2）结束标签
（1）和（2）之间是内容
2、单（空）标签
二、网页骨架
<!DOCTYPE html> 文档类型声明 H5特有的
<html>网页标签
<head>头部标签
<meta charset="UTF-8">
<title></title>网页标题标签
</head>
<body>主体标签
</body>
</html>
三、常见的标签
1、标题标签 6个
h1--h6 <h1></h1>
2、图片 （资源：本地资源和网络资源）
目录：当前目录（./）和上一级目录（../）
src是图片的属性、路径。
9.6
1、img的三个属性
img src="路径" width="宽度（像素px）" height="高度（px）"
2、超链接标签 <a href="页面地址"> 你自己起个名字</a>
超链接标签的两个属性
（1）href：需要跳转的页面地址
（2）target：跳转页面的打开方式（两种）
<1>-blank：再打开一个新的页面
<2>-self:在网页本身跳转
<a href="页面地址" target="-blank/-self">你自己写的内容</a>
3、起名方式
id 使用的时候用“#”
使用方式：
<a href="#a">从我跳转</a>
假装中间隔了十万八千里
<h1 id="a">跳转到这儿</h1>
4、标签
（1）双标签：html、title、head、body、h1--h6、p、a、b（字体加粗）、i（字体倾斜）、sup（上标）、sub（下标）、em（加小图标）、div（盒子标签）、span（内敛标签）、等
（2）单标签：<img/>图片 、<hr/>分割线 、<br/>换行、<meta/>网页元信息
（3）html特有的注释标签<!--被注释的内容--> 快捷键 ctrl+?
5、补充起名方式（三个）
PS：第一个字母必须是英文
（1）标签名
（2）id 使用的时候加“#”
（3）class 使用的时候加“.”
<head>
<title></title>
<style>
#a1{ color:red;
backgroud:yellow;
}
.a2{ color:red;
}
</style>
</head>
6、 =一个汉字｛空格键｝
9.7
1、表格标签<table></table>
表格标签的三个属性
（1）border 决定边框的粗细
（2）cellpsdding 单元格内部边距的属性
（3）cellspacing 单元格空间的属性
<table boder="1" cellspacing="0" cellpidding="0"></table>
2、img插入表格中会留有余白，如何解决？
img{
width=" ";
heigh=" ";
vertical-align=middle;(解决图片的余白)
}
3、colspan:水平合并单元格
rowspan:竖直合并单元格
4、table里套table：创建一个新的table，并设置ID及属性及style里的样式，避免出现问题。