一、浏览器的结构：
1、title（主题、题目）
2、url（网址）
3、body（网页内容）{内容是靠代码实现的 }
浏览器是页面的环境 页面的扩展名：.html 应用的扩展名：.exe
常用的浏览器：IE 、360浏览器、谷歌浏览器、QQ浏览器、UC浏览器
我们测试的时候用谷歌浏览器
html语言（超文本标记语言）
结构<标签名>
段落<p></p>
常用快捷键：
Ctrl+S 保存
Ctrl+c 复制
Ctrl+v 粘贴
Ctrl+A 全选
国内的编码是UTF-8
网页骨架：
<!DOCTYPE html> 文档类型申明是H5特有的
<html></html> 网页标签
<head></head> 头部标签
<title></title> 网页标题标签
<body></body> 主题标签
二、标签：
1、双标签
2、单(空）标签
双标签：1、开始标签
两个标签之间是内容
2、结束标签
双标签有哪些？
html、title、head、body、h1--h6、p、a、b（加粗）、i（倾斜）sup（上标）、sub（下标）、em（小图标的）、div（盒子标签）、span(内敛标签）等
单标签有哪些呢？
<img/> 、<hr/>(分割线)、<br/>(换行）、<meta/>(网业元信息）
标题标签：
h1到h6
三、图片是资源 本地资源 网络资源
目录：./为当前目录 ../为上一级目录
插入图片：<img src=" ">
img 为标签名
src 为属性
" 属性值 "
属性是图片的路径
要设置图片的大小用：width（宽）、height（高） 单位为px
四、超链接
<a></a>
两个属性：
1、href （需要跳转的页面地址）
2、target（跳转页面的打开方式）
target有两种方式：blank（点击链接是跳转到另一个页面）
self （点击链接在自身页面跳转）
id 是一种起名方式 例如 id="只能是英文"
只要使用id起的名字前面必须加#
需要隐藏内容用快捷键：ctrl+？
设置样式用<style></style> 在<head></head>里面加
例如：
<head>
<style>
样式格式为#id{ 样式；}
</style>
</head>
五、网页里加表格
table（表格）
td（单元格)
tr（行）
border 决定边框粗细的属性
cell spacing 决定单元格空间的属性
cellpadding 决定单元格内部的边距属性
表格内添加照片怎么解决图片的余白
vertical-align:middle
合并水平单元格用：colspan
合并垂直单元格用：rowspan
例如：3行3列
<table border="1" cellspacing="0" cellpadding="0">
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>