HTML知识点（一）

一、基础标签

1、html head body标签：每一个HTML文档必须的标签

2、meta标签：元信息标签，用来设置一些元信息。可以实现网页的重定向。

3、br标签：换行标签。

4、pre标签：预置格式标签：在标签中的内容的格式会如实反应在网页中。

5、 标签：空格标签。

6、hr标签：主题结束标签。会用一条直线将两个主题分开。

二、布局标签

7、div标签：主要的布局标签，不自带样式，可以设置样式。

8、header footer nav article section aside标签：一系列的布局标签，除了名字与div标签不一样，功能相同。

9、span标签：不是样式标签，不自带样式，可以设置样式，主要是对文字设置样式。

三、功能标签

10、ul/ol li标签：列表标签，无序列表为ul，有序列表为ol，li为子标签，表示列表项。

11、a标签：超链接标签
属性：herf：用来设置跳转到的网页，可以是网络上的网页，也可以是本地的网页，还可以是空链接，用#表示。
target：设置跳转方式。_blank表示用新的空白页显示要跳转的网页，_self表示在当前页显示要跳转的网页。还可以填入frame框架的名字，就可以让指定框架跳转到指定网页了。

12、frameset frame标签：框架集标签（不能有body标签），frame为子标签
frameset属性：rows行 cols列：按百分比来横向（列）或纵向（行）分割框架，如横向按20%，80%分割成两列代码为cols=”20%,80%”。
noresize：设置大小后不能在网页中调整。
border：设置框架边框的粗细。
frame属性：src：设置frame框架中显示的网页。

13、form input select textarea标签：form表单标签，其中可以放input为输入框标签，select下拉框标签，option为子标签，textarea文本域标签。
form属性：action：设置数据提交的网页。
Method：设置数据提交的方式，get方式：数据会在URL地址栏中显示出来，所以不安全，而且数据大小也有限制，最大为255KB。Post方式：数据安全，而且没有大小限制。
input属性：type：设置输入框的类型，主要有text 文本框类型，password 密码框类型，radio 单选框类型，checkbox 复选框类型，submit 提交按钮，reset 重置按钮，button 按钮，file 文件上传按钮，hidden 隐藏按钮。在HTML5中新增了一些类型，使input成为智能表单，有email|date|time|week|month|number|range|
value：设置提交数据时真正的数据。
class：设置类名，用于设置CSS样式。
id：设置id。
name：设置名字，用于区别不同类型的input输入框。
required：设置此项为必填项。 没有值。
placeholder：设置提示文字。
autofocus：设置自动聚焦。没有值。
pattern：设置匹配正则表达式。
maxlength：设置可输入的最大长度。
Select属性：class：设置类名，用于设置CSS样式。
id：设置id
name：设置名字，用于区别不同类型的下拉框。
Option属性：value：设置提交数据时真正的数据。
textarea属性：cols：设置文本域显示的列数。

14、Table tr td标签：表格标签，tr行，td列为子标签。
属性：border：设置边距（无单位）。
width：设置表格的宽（无单位）。
cellspacing：设置格子之间的距离。
cellpaddding：设置内容与格子之间的距离。
align：设置整个表格的水平对齐方式（值：left，right，center）。
vlign：设置整个表格的竖直对齐方式（值：top，center，bottom）。
bgcolor：设置背景颜色

15、Details summary标签：细节显示标签，summary标签设置隐藏细节时的标题。

16、meter标签：度量标签。
属性：max：设置最大值。
Value：设置当前值。
High：设置正常范围内的最大值。
low：设置正常范围内的最小值。

17、Progress标签：进度条标签
属性：value：设置进度条当前值。
Max：设置进度条最大值。
Id：设置id。

四、多媒体标签

18、Img标签：图片标签
属性：src：设置图片的路径。
alt：设置加载失败时的文字。

19、audio标签：音频标签。
属性：src：设置音频的路径。
autoplay：设置加载完成后，自动播放。
controls：设置是否有控制按钮。
loop：设置是否循环播放。

20、video标签：视频标签。
属性：src：设置音频的路径。
Autoplay：设置加载完成后，自动播放。
Controls：设置是否有控制按钮。
Loop：设置是否循环播放。

五、CSS属性

Id选择器：
使用 #名字{} 这样来使用，不过很少用来设置CSS样式，一般用来设置JS。
类选择器：
使用 .名字{} 这样来使用，主要用来设置CSS样式。
标签选择器：
使用 标签名{} 这样来使用。
全局选择器：
使用*表示全局选择器，在里面写得CSS属性会作用于所有的标签上。
伪类选择器：
a:link：链接本身的风格
a:hover：鼠标放在链接上的风格
a:focus：点击过链接后的风格
a:visited：访问过该链接的风格

常用的属性：

Width：设置布局的宽
Height：设置布局的高
Background：设置背景颜色

Font-size：设置字体大小
Font-style：设置字体风格，如加粗，斜体
Font-family：设置字体样式
Color：设置字体颜色

Margin：设置所有的边距
Margin-top：设置距离上面的边距
Margin-bottom：设置距离下面的边距
Margin-left：设置距离左面的边距
Margin-right：设置距离右面的边距

Border-width：设置边框的宽
Border-color：设置边框的颜色
Border-style：设置边框的风格
Border-radius：设置所有的圆角
Border-top-left-radius：设置左上的圆角
Border-bottom-left-radius：设置左下的圆角
Border-top-right-radius：设置右上的圆角
Border-bottom-right-radius：设置右下的圆角

Text-align：设置文字的对齐方式，值有center，left，right
Line-height：设置行高，当行高与height属性一致时，文字可以上下居中
Text-decoration：去除字体的风格
Text-shadow：设置文字阴影

List-style：设置列表项的风格，用在ul/ol标签上
Float：设置浮动方式，值有left，right
Display：