<!doctype html> 声明文档类型为HTML网页
<html lang="en"> 根标记 声明文档语言类型
<head> 定义页面头部信息
<meta charset="UTF-8"> 定义页面的编码格式为UTF-8
<title></title> 定义页面标题信息
<body> 定义页面的主体内容
<> 括起来的称为标记（标签、元素）
语法：<标记内容></标记内容>
分类：
封闭类型标记（双标记）
如：<标记内容></标记内容>
** 注意：又开始就必须有结束 **
非封闭类型标记（单标记）
如：<标记内容>
<!-- 注释；横杠中的内容不显示，必须写在四个横线中间 -->
标记内 <标记名 属性="值">
<body bgcolor="pink"> 页面主体背景色为粉色
空格
< 左尖括号 <
> 右尖括号 >
© 版权标志 ©
¥ 人民币 ￥
<b></b> <strong></strong> 加粗
<i></i> <em></em> 斜体
<u></u> <ins></ins> 下划线
<s></s> <del></del> 删除线
<sup></sup> 上标
<sub></sub> 下标
<p></p> 段落
特点：上下垂直空白
<h1></h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>
特点：上下垂直空白，加粗，改变文字大小，只有h1~h6六种，数越大字越小
<br/>
<hr/>
属性：
size：尺寸，宽度
width：宽度
align：水平宽度（位置）
值：left（靠左）、right（靠右）、center（居中）
color：颜色
<span></span>
作用：包裹文字，并且可以自定义样式。
<div></div>
作用：布局
<pre></pre>
特点：保留原文档中的格式（回车，空格）
相对路径（相对于文档所在的位置处开始查找资源文件的路径，主要依托于位置关系的查找）
同目录：直接引用
子目录：先进入
父目录：先退出
/ 进入
./ 当前目录（可省略）
../ 退出
图像格式：.jpg、.png、.git……
语法：<img>
属性：
src：图像所在的路径
width：宽度
height：高度
title：标题（鼠标移入时显示的文字）
语法：<a></a>
属性：
href（链接路径）：为空则a标签不生效，为#则是空链接（返回顶层）
target（打开新页面的方式，默认在当前页面打开）：_blank（新的标签页打开）、_self（自身页面中打开）
name：锚的名称
title：标题（鼠标移入时显示的文字）
锚点：负责在页面中做一个记号，允许用户通过超链接随时跳转到这个记号上来
使用方式：
定义锚点（在页面中做记号）：a标签内的name属性
链接到锚点：a标签内的href属性（#name值）
其他页面锚点跳转：a标签内的href属性（其他页面的路径#name值）
表格：按照一定的格式将数据显示出来
单元格：按照从左到右、从上到下的方式进行排列
<!-- -->
表格的使用：
创建表格：<table></table>
创建表格（行）：<tr></tr>
创建表格（列）：<td></td>
所有的数据内容都必须在<td></td>中，
<!-- -->
table的属性：
width（宽度）：默认以px为单位，可设置其他单位
height（高度）：默认以px为单位，可设置其他单位
align（位置）：left（靠左）、right（靠右）、center（居中）
border（边框）：数值（没有单位），取值为0时没有边框
cellpadding（内边距）：td内容与td之间的距离
cellspacing（外边距）：td与td之间的距离
bgcolor（背景颜色）
tr的属性：
align（设置一行数据的水平对齐方式）：left（靠左）、right（靠右）、center（居中）
valign（设置一行数据的垂直对齐方式）：top（上对齐）、middle（居中对齐）、bottom（下对齐）
bgcolor（背景颜色）
td的属性：
width（宽度，设置好宽度后，每行该列的宽度都与设置的值相等）
height（高度，设置好高度后，每行所有列的高度都与设置的值相等）
align（设置一格数据的水平对齐方式）：left（靠左）、right（靠右）、center（居中）
valign（设置一格数据的垂直对齐方式）：top（上对齐）、middle（居中对齐）、bottom（下对齐）
colspan（跨列）：数值（一个单元格占用几个格的宽度）
rowspan（跨行）：数值（一个单元格占用几个格的高度）
行、列标题：<th></th>（使用方式与td相同）
表格的复杂应用：
表头：<thead></thead>
表主体：<tbody></tbody>
表尾：<tfoot></tfoot>
分类：有序列表、无序列表
语法：
有序列表（有序的列表）：<ol></ol>
无序列表（无序的列表）：<ul></ul>
列表项（列表的单项）：<li></li>
ul属性：
type（无序列表的类型）：disc（实心圆，默认）、circle（空心圆）、square（实心方块）、none（不显示标识）
ul属性：
type（有序列表的类型）：1（数字，默认）、a（小写英文字符）、A（大写英文字符）、i（小写罗马字符）、I（大写罗马字符）
start（起始编码）：从哪个字符开始
表单作用：用于显示、收集、提交用户的新机到服务器
表单的组成：表单元素，表单的控制元素
语法：<form></form>
特点：看不见、摸不着
作用：负责将表单元素和表单控件的数据集中进行提交；如果表单控件元素不在表单中，那么数据将无法提交
属性：
id：定义页面表单在页面中的唯一标识
name：定义表单的名称
method：设置表单数据的提交方式
get：（默认值）以明文的方式进行提交数据，数据会显示在地址栏中
post：以密文的方式进行数据提交，数据不会显示在地址栏中
表单控件作用：提供一组允许用户操作的控件，从而接收用户输入的数据
表单控件元素：
语法：<input>
类型：文本框、密码框、提交按钮、重置按钮、普通按钮、单选按钮、复选按钮、文件选择框、隐藏域……
共有属性：
type：根据不同的type取值，创建不同的input控件
取值：text（默认）、password、button、submit、reset、file、hidden……
注：type的取值，默认或者写错的时候，都是一个文本框
value：控件的值，提交给服务器时使用
name：控件名称，提交给服务器时使用
文本框类：type为text、password
value：用户输入的数据
maxlength：限制输入的字符数
readonly：只读（只能看不能改）
按钮类：type为button、submit、reset
value：设置按钮上的文字
单选复选：type为radio、checkbox
name：除了表示名称之外，还表示分组信息，一组单选按钮和复选按钮，名称必须相同
value：必须设置
checked：设置预选中（无需设值）
选项框：
类型：下拉选项框、滚动列表
语法：
选项框：<select></select>
属性：name、size（取值大于1时，为滚动列表）
选项框中的选项：<option></option>
属性：value、selected（预选中）
特殊表单类：
隐藏详情：
<details>
<summary>显示的标题</summary>
隐藏的内容，点击显示
</details>
电池进度条：
<meter min="0" max="100" value="90"></meter>
按钮：
<button>按钮</button>
别称：样式表、层叠样式表、级联样式表
控制页面上的元素样式
1、内联样式：（也称为行内样式）
将样式定义在html的元素中
语法：
样式定义在元素的style属性中，<div style=""></div>
style中允许出现多个样式声明
样式声明：属性名称: 值 值;
2、 19