1.网页是构成网站的基本元素
常以.html或.htm后缀结尾的文件，因此俗称HTMl文件。
HTML是超文本标记语言，不是编程语言。
2.标签
HTML标签是由尖括号包围的关键词
与 标签限定了文档的开始点和结束点，在它们之间是文档的头部和主体。文档的头部由 标签定义，而主体由 标签定义。
1.

,

~~~

依次递减
… 定义 HTML 文档
… 文档的信息
HTML 文档的元信息
文档的标题
文档与外部资源的关系
文档的样式信息
… 可见的页面内容
注释

标签是用来布局的，但现在一行 只能放一个

大盒子
标签是用来布局的，一行可以有多个 小盒子
2.… 粗体字(强调)
… 斜体字
… 斜体字(强调)
… 居中文本

…

无序列表

…

有序列表

…

列表项目
… 超链接
定义文本字体尺寸、颜色、大小
下标
上标

换行
*

段落

3.图形
定义图像

---

水平线

4.表格

… 定义表格
… 定义表格中的表头单元格
… 定义表格中的行
… 定义表格中的单元

3.图像标签和路径
1.图像标签 image图像

*src是标签的必须属性，它指定图像文件的路径和文件名
img图像标签的alt属性是图像的替换文本属性，当图片地址错误无法显示时，就会显示出alt设置的文字。
当需要调整图像的大小时，可以使用img的width宽度和height高度属性来定义图片的大
title 提示文本，鼠标放到图像上，提示的文字
border 设置边框
2.路径：文件路径描述了网站文件夹结构中某个文件的位置。
打开目录文件名的第一层就是根目录

路径	描述
	picture.jpg 位于与当前网页相同的文件夹
	picture.jpg 位于当前文件夹的 images 文件夹中
	picture.jpg 当前站点根目录的 images 文件夹中
	picture.jpg 位于当前文件夹的上一级文件夹中

绝对文件路径是指向一个因特网文件的完整 URL：
例如：
相对路径指向了相对于当前页面的文件。
例如：文件路径指向了位于当前网站根目录中 images 文件夹里的一个文件：

3.超链接标签：通过链接可以从一个网页转到另一个网页，也可以从一个网站转到另一个网站，这符合人类的跳跃思维方式。
链接的标志有文字和图形两种。可以制作一些精美的图形作为链接按钮，使它和整个网页融为一体。
< a href=”跳转目标” target=”目标窗口的弹出方式”>文本或图像
target=self 表示当前窗口打开页面
target=blank 表示新窗口打开页面
链接的分类：1.外部链接 ：例如腾讯
2.内部链接：直接链接内部页面的名称即可
3.空链接：如果当时没有确定链接目标时< a href=”#”>首页
4..下载链接
5.锚点链接：在浏览网页时，用户通过点击锚点链接就可以跳转到当前页面的指定位置。
4.表格标签：用于显示，展示数据

… 定义表格
… 定义表格中的表头单元格，使表头单元格里的内容加粗居中显示
… 定义表格中的行，必须套在标签中
… 定义表格中的单元格，套在中
例：
HTML单元格

姓名	性别	年龄
刘德华	男	56
张学友	男	51
郭富城	男	53

5. 表格属性
1.表格头部区域
2.表格尾部区域
这两个都是放在中的

排名	关键词	进入搜索	最近七日	相关链接
1	鬼吹灯	456	123	贴吧图片百科

运行结果

排名	关键词	进入搜索	最近七日	相关链接
1	鬼吹灯	456	123	贴吧 图片 百科

1. 合并单元格
   1.跨行单元格：最上侧单元格为目标单元格，写合并代码写上合并方式=合并的单元格数量
   2.跨列单元格：最做猜测单元格为目标单元格，写合并代码写上合并方式=合并的单元格数量
   3.删除多余的单元格
   7.列表：用来布局的
   1.无序列表：是一个项目的列表，此列项目使用粗体圆点（典型的小黑圆圈）进行标记。
   无序列表始于
   标签。每个列表项始于
   • 。
     例如：
     
     
     
     • Coffee
     
     
     • Milk
     
     
     
     浏览器显示如下：

• Coffee
• Milk

列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。
2.有序列表：有序列表也是一列项目，列表项目使用数字进行标记。
有序列表始于

标签。每个列表项始于
1. 标签。
   
   
   
   1. Coffee
   
   
   2. Milk
   
   
   
   浏览器显示如下：
   1. Coffee
   2. Milk

   列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。
   3.自定义列表：自定义列表不仅仅是一列项目，而是项目及其注释的组合。
   自定义列表以

   标签开始。每个自定义列表项以

   用来定义项目或名字 开始。每个自定义列表项的定义以

   表示名词解释 开始。
   

   
   

   Coffee

   
   

   Black hot drink

   
   

   Milk

   
   

   White cold drink

   
   

   
   浏览器显示如下：
   Coffee
   Black hot drink
   Milk
   White cold drink
   定义列表的列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。
   8. HTMl表单
   使用表单的目的是收集用户信息
   组成：表单域，表单控件，提示信息
   1.表单域：包含表单元素的区域，用form标签来定义表单域，会把它范围内的表单元素信息提交给服务器。
   

   会把它范围内的表单元素信息提交给服务器
   <form action=”url地址“ method=”提交方式” name=”表单域名称“
   各种表单元素控件
   

   
   2.表单元素：
   type属性：
   1.text 文本框，用户可以在里面输入任何文字
   eg：
   2.password 密码框
   3.radio 单选按钮，可以实现多选一，圆圈，一般是成组出现的，具有相同的name值和不同的value值，在一组单选按钮中，同一时间只能有一个被选中。
   checked属性是默认选中的意思，当表单页面被初始化时，有checked属性的表单元素为选中状态。
   4.checkbox多选框，可以实现多选，方框
   5.name 是表单元素名字，这里性别单选按钮必须有相同的名字，才可以实现多选一
   6.value input元素的值
   7.submit 提交按钮，可以把表单域form里的表单元素的值提交给后台
   8.respect 重置按钮，还原表单元素的初始默认状态
   9。button 普通按钮
   10.file 上传文件，头像
   11. 标签为 input 元素定义标注（标记）。
   label 元素不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了可用性。如果您在 label 元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。
   标签的 for 属性应当与相关元素的 id 属性相同。
   例如：男
   
   例如：
   

   
   用户名：
   
   
   密码：
   
   性别：男 女
   
   爱好：吃饭 睡觉 打豆豆
   
   
   
   
   
   上传头像:
   

   
   
   运行结果：
   用户名：

   密码：

   性别：男 女
   爱好：吃饭 睡觉 打豆豆
   免费注册 重新填写 获取短信验证码 //方框都没复印上
   上传头像:未选择文件
   下拉标签：表单在页面中，如果有多个选项让用户选择，并想节约页面空间，用select表单例如 籍贯：
   山东
   北京
   天津
   河南
   火星
   
   
   
   文本域标签
   用于定义多行文本输入的文件</p>