web前段笔记（标签）
html文件（网页）。是由元素、图片、文字、多媒体文件等等构成。
学习html就是学习元素的使用。
标签（又称为元素）
html标签 规定html文档的开始和结束，所有元素都要写在里面。
head标签 规定html文档的头部信息。
title标签 规定html标题信息。
body标签 规定html文档的内容信息，所有要显示的元素全部都要写在这里
meta标签 规定相关信息。一般写在head标签里面。
h1~h6标签 标题标签，用于标题语义化。h1标签的文字最大，h6标签的文字最小。
p标签 段落标签。用于段落语义化。
br标签 换行标签。单标签。<br />
hr标签 创建一条水平线。单标签。<hr />
img标签 图片标签。单标签。结合src属性进行加载图片。<img src="图片地址" />
a标签 超链接标签。结合href属性设置连接地址。如果要链接至外部地址，则要在网址前面加上http://。
保存【ctrl+S】
标签分类：布局标签、文本标签、功能标签（实现某种功能）。
【文本标签】
strong标签 文本强调，呈现加粗效果。
em标签 文本强调，呈现斜体效果。
b标签 粗体文字。
i标签 斜体文字。
pre标签 预格式化标签。会保留直接键入的换行、空格。
small标签 小号字体。
big标签 大号字体。
sup标签 上标文字。
sub标签 下标文字。
bdo标签 文字方向。结合dir属性进行设定。dir属性值：ltr（left to right）、rtl（right to left）。left（左），right（右）。left（左），right（右）。
【布局标签】
div标签 布局标签，块级元素（行标签），使用块级元素时无论内容多少都会自动占据一整行。div标签自身不带任何样式。
注意：块级元素可以直接给予宽高，给予宽高之后还是会占据一整行。
span标签 布局标签，内联元素（行内标签），使用内联元素时有多少内容就会显示多少宽高，只要空间足够，就会自动占据。span标签自身不带任何样式。
注意：内联元素不能直接给予宽高，内联元素的宽高是根据内容决定。
【转义字符】使用某些特殊的代码，对特殊的符号进行替代。
< 等同于<
> 等同于>
& 等同于&
等同于空格
© 等同于©
【三表】
列表、表格、表单
【列表】。
ul标签
无序列表，自身前面带有小点的样式。ul的子级只能是li标签。
ol标签
有序列表，自身前面带有数字的样式。ol的子级只能是li标签。
li标签
ul和ol的子级，只能被ul或者ol包裹。
【表格】。
table标签 定义表格的开始和结束
tr标签 定义表格中的行。tr标签是table标签的子级，是th标签和td标签的父级。
th标签 定义表格中的表头，一个表格中只能存在一行表头。th标签是tr标签的子级。
td标签
定义表格中的单元格，td标签可以存在无数个。td标签是tr标签的子级。
表格常用属性：
width属性
宽度
height属性
高度
align属性
水平对齐方式，属性值：left（左对齐）；conter（水平居中对齐）；right（右对齐）
valign属性
垂直对齐方式，属性值：top（顶对齐）；middle（垂直居中对齐）；bottom（底对齐）
cellpadding属性
单元格至内容间距。只能给到table标签。
cellspacing属性
单元格与单元格之间间距。只能给到table标签。
colspan属性
横向跨越。主要给td标签或者th标签的
横向占据单元格，需要占据多少个单元格我们就在属性值里面填写多少。
rowspan属性
竖向跨越。主要给td标签或者th标签的
竖向占据单元格，需要占据多少个单元格我们就在属性值里面填写多少。
border属性
边框线
bgcolor属性
背景颜色
background属性
背景图片
【表单】
form标签
定义表单的开始和结束。所有表单元素都要写在form标签里面。
结合method属性设置提交请求方式，method属性值：get（公开形式）；post（保密形式）
必须要结合action属性进行设置表单提交的地址。
label标签
搜索引擎优化。
button标签
按钮，自身不带任何样式。
textarea标签
文本域，一块编辑文本的区域。存在多行
结合cols属性设定字符长度。
结合rows属性设定行数。
select标签
下拉条，下拉选项。
必须结合option标签设置下拉选项。
option标签是select标签的子级，只能被select标签包裹。
input标签 <input />
功能标签，单标签，必须结合type属性进行设置。
type属性值：
1.text
文本框。只有一行。还可以使用value属性设置默认文本。还可以使用placeholder属性设置提示文字。
2.passwod
密码输入框。只有一行。我们键入的文字不会显示出来。还可以使用value属性设置默认文本。还可以使用placeholder属性设置提示文字。
3.radio
单选框。必须要在input标签里面设置一个name属性才能实现单选效果，所有要单选的选项的name属性值必须一致。属性值由工程师自行命名，不能使用中文。
4.checkbox
复选框。
5.file
上传按钮，自带上传功能。
6.hidden
隐藏文本框，主要用于程序（后台）的判断。
7.button
按钮。结合value属性设置按钮的文字。
8.reset
重置按钮。将所有表单元素回归默认状态。
9.submit
提交按钮。将表单元素里面的选项和信息全部提交至设定的网址。必须要结合form标签里面的action属性使用。
