html标签基础
1、html, head, body
head: title, meta
2、a
百度
href部分可以是url，也可以是文件系统里的路径
3、文件路径
. 当前目录
.. 当前目录的上一级目录
1）绝对路径
windows:
C:/Users/Administrator/Desktop/HTML/HTML标签/html/b.html
linux:
/home/gz/a/c.html
2）相对路径（尽量使用相对路径）
a
a.html
a2.html
a1
a1.html
b
b.html
对于a.html来说， 当前在a目录下
href="./a2.html" 相对于a.html所在的目录开始去查找目标文件, ./表示当前目录，可以省略掉
href="a1/a1.html" 相对于a.html所有的目录开始去查找目标文件
href="../b/b.html"
4、标题标签
……
5、
换行
6、
段落7、文字显示相关的标签
这是加粗的文本
这是强调文本strong
这是强调文本em
这是斜体文本
这是插入文本
HTML4中的下划线文本
这是键盘文本
HTML4这是大号文本
这是小号文本
html5H2O
23
这是一个段落
另外一行
另外一行
这是一个段落
另外一行
另外一行
8、列表相关的标签
1)无序列表
list
2）有序列表
...
3)定义列表
9、语义标签
仅仅表示内容是一些特殊含义的内容，有利于搜索引擎的优化
中国人民财产保险有限公司PICC
书籍是人类进步的阶梯
引用其他文章或书籍的内容
build a future where people live in harmony with nature
计算机样本代码
int c = 5;
10、表格标签
简化版
完整版
单元格合并
rowspan:把上下的单元格合并
colspan：把左右的单元格合并
都使用在th或td元素上
具体使用方法请参考 html_table.html 网页文件
11、表单标签
input: 文本框
button 普通按钮
checkbox 复选框（多选框）
date 日期
datetime 日期时间
datetime-local 日期时间
email 邮箱地址
file 文件
hidden 隐藏域
image 图片按钮
month 月份
number 数字
password 密码框
radio 单选框
range 范围选择器
reset 重置表单内容
submit 提交表单
text 文本框
time 时间
url 网址
week 星期几
select: 下拉菜单
多选下拉菜单
textarea:文本区，可以输入大段文字
button: 按钮
==>
==>
12、表单提交
表单提交：用户从浏览器的表单中输入相应的内容，这些内容结过网络的传输，能够到达远程服务器上。远程服务器可以接收表单中输入的数据
表单提交方式：
1）get提交（get请求）
file:///C:/Users/Administrator/Desktop/HTML/HTML%E6%A0%87%E7%AD%BE/html_form.html?account=aa&password=11&age=11&email=110%40qq.com&url=http%3A%2F%2Fnews.china.com%2Fsocialgd%2F10000169%2F20180611%2F32508721.html&birthday=&id=&headicon=&scope=80
a、地址栏url会发生变化
b、?param_name=param_value¶m_name=param_value&....
?后面的内容即为请求参数，参数名=参数值。 参数名即是input或其他表单元素name属性值，参数值即是用户输入的或选择的值，多个参数用&连接
c、包含?的整个字符串，查询字符串（query string）
d、数据不安全，地址栏可见，浏览器对查询字符串的长度有限制，4096KB
2) post提交（post请求），form表单全部使用post请求
a、地址栏不会发生变化
b、没有查询字符串
c、请求参数在请求体中, form data
account: aa
password: aa
......
d、安全性相对于get请求要更好，数据大小没有限制，可以进行文件上传
13、元素的分类
1）行内元素
行内元素的宽度只会包含元素内部的内容，多个行内元素会在同一行中显示
2）块元素
块元素不管内容有多少，块元素的宽度等于网页的宽度（占满整个网页的宽度）
h1……h6
p
ul, ol, li
address
article
aside
blockquote
14、开发者工具
F12(Fn + F12)
**审查元素：在网页中去选择感兴趣的元素，查看元素的相关信息
屏幕切换：
**Elements:展示出网页的源代码
Console:控制台，可以显示出网页相关的错误信息
Sources: 源文件，包括 html, css, js
****Network:网络请求与响应的追踪
Application: 本地存储与本地缓存，源文件
15、计算机中的宽和高，单位值
从左往右x轴，宽度
从上往下y轴，高度
px:像素
像素是电子显示屏设备中可以发光的一个点，每一个点都可以显示出不同的颜色
1366*768
在屏幕的横向上有1366个点
在屏幕的纵向上有768个点
16、常用的编辑器
1）记事本
2）Notepad++,免费的，代码着色，自动缩进（4个空格）
3）EditPlus，收费的，代码着色，自动缩进
4）UltraEdit, 收费的，代码着色，自动缩进，代码提示
5）Visual Studio Code（VS Code），免费的，微软开发的开源代码编辑器,代码自动补齐
6）Sublime
7) Atom,免费的，开源的编辑器
8）Vi, Vim
9) HBuilder, WebStorm
17、多媒体标签
1、图片标签
img src:图片引用路径 alt:图片路径不存在的文字显示
2、媒体标签（声音、视频）
embed：非IE内核 src：媒体文件路径