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标签自身不带任何样式。
注意：内联元素不能直接给予宽高，内联元素的宽高是根据内容决定。



【转义字符】使用某些特殊的代码，对特殊的符号进行替代。
&lt;     等同于<
&gt;     等同于>
&amp;     等同于&
&nbsp;     等同于空格
&copy;     等同于©


【三表】
列表、表格、表单

【列表】。
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属性使用。