写在前面：
学习网站：https://www.w3school.com.cn
| h1标题、b加粗、i斜体、br换行、hr横线、p段落、hiv、span、ol列表、ul、li |
| table、tr、td、th 属性：colspan、rowspan、boder、cellspacing、bgcolor |
| img src='url相对路径' alt='文字' |
| a href='url' target='打开方式' ( href='javascript:void(0)' 点击不跳转 ) |
| 相对路径 ./ 当前目录 ../ 上级目录 |
| 要提交的内容必须有name属性；submit提交； 属性：action='提交到的url' method='提交方式' |
| input 的type属性：text文本、radio单选、checkbox多选、hidden隐藏域、password密码 submit提交按钮、button普通按钮、image图片按钮 date日期、datetime-local时间、color取色器、number数字、email邮箱、file文件 value：提交的值、显示的值 placeholder：提示信息 checked：选中（值可以省略，可以是checked，也可以是true/false） |
| select下拉列表：option列表项 option属性：value提交的值，selected选中
扫描二维码关注公众号，回复：
9764760 查看本文章
|
| textarea文本域：rows、cols |
| label属性：for='获得焦点的标签的id' |
1. 简单介绍+语法
HTML：超文本标记语言
超文本：使用超链接的方式将不同空间的文字信息组织到一起的网状文本
标记语言：由标签组成的语言，不是编程语言
如：HTML、CSS
格式：<标签名称>
语法：
文件后缀：.html .htm
标签可以嵌套，但不可以你中有我我中有你
在开始标签中定义属性（键值对），值用引号引起来（单双引号都可以）
标签不区分大小写，建议小写
2. 基本标签
文件标签
<!DOCTYPE html> ：定义这个文件是html文档（h5）
<meta charset='utf-8'> ：指定编码
html 根标签、head 头标签、body 体标签、title 标题
文本标签
<h1>标题1</h1> <!-- <h1> ～ <h6> -->
<br> <!-- 换行 （或者 <br/>） -->
<p>段落</p>
<hr> <!-- 一条水平线 （或者 <hr/>） -->
<b>加粗</b>
<i>斜体</i>
<center>居中</center> <!-- 过时 -->
<font>字体</font> <!-- 过时 -->图片标签
<img src="相对路径" alt="图片加载失败时显示的文字" />
相对路径：以 . 开头；默认 ./ 代表当前目录； ../ 代表上级目录
列表标签
有序列表：ol （order list）
无序列表：ul
列表项：li
列表样式属性：type （ol默认123，ul默认实心圆点）
超链接标签
<a href="url" target="打开方式">超链接</a>
url：是当前项目资源时，用相对路径
打开方式：默认 _self 在本页面打开； _blank 在新页面打开
href='javascript:void(0)' 点击不跳转
表格标签
只有行的概念，在每行定义单元格
table 表格；tr 行；td 单元格；th 表头单元格
可以嵌套使用：td内嵌套一个table
div和span标签
默认都没有任何效果
div会换行，是块级标签
span不会换行，是内联标签
语义化标签
为了提高可读性，没有任何效果
<header>这是开头</header>
<footer>这是结尾</footer>
3. 部分属性
表格table属性：
border='1' 边框宽度
align 表格对齐方式
bgcolor 背景色
cellpadding 内容和单元格之间的距离
cellspacing 单元格之间的距离 =0
表格td属性：
rowspan='2' 合并行（算第一行的）
colspan='2' 合并列（算第一列的）
color颜色：
red、blue、、、
rgb(值1, 值2, 值3) 值的范围0～255（红绿蓝占比）
#值1值2值3 值的范围00～FF（红绿蓝占比）
width宽度：
数值：默认px（像素）
数值%：占父元素的百分比
特殊字符编码对照表：
https://www.jb51.net/onlineread/htmlchar.htm
空格
< 小于
> 大于
简单在线取色器：
4. 表单标签：form
用于采集用户输入的数据，和服务器交互
表单中的内容要被提交，必须有name属性
表单属性：
action=被提交到的位置url
method=提交方式（get/post）
onclick属性的值：return true 提交；return false 阻止提交
5. 表单项标签
input：type属性改变样式
text：默认值；文本输入框；value 默认信息；placeholder 提示信息
password：密码输入框
radio：单选框；name值要一样；value 是每个单选框的提交值；checked [='checked' / ='true'] 指定默认选中
checkbox：复选框；
file：选择文件
hidden：隐藏域；看不到，但会被提交
submit：提交表单按钮
button：普通按钮
image：图片按钮
color：取色器
date：年月日，可选
datetime-local：精确到秒，可选
email：邮箱
number：数字
select：下拉列表
option：列表项；value 提交的值；selected 默认被选中
multiple：多选
textarea：文本域
cols：列数（每行多少字符）
rows：行数
label：
例：<label>用户名：</label>
for='name' ：name是input的id；这样点击这个lable，对应的input就会获得焦点
6. get/post
get：
请求参数在地址栏中显示（封装到请求行中），参数有大小限制，不安全
post：
请求参数会隐藏在协议中（在请求体中），没有大小限制，较安全
