HTML5知识点总结

 HTML5基础：
一、HTML：
Hyper Text MarkUp Language(超文本标记语言)。
二、W3C：
1.world wide web consortium(万维网联盟)，成立于1994年，WEB技术领域最权威和最具影响力的国际中立性技术标准机构。
2.w3c标准包括：
结构化标准语言（XHTML，HTML）
表现标准语言（CSS）
行为标准（DOM，ECMAscript）
三、html基本标签：
1.后缀：.html或者.htm
2.一个网页的基本组成部分：

这是第一段话

这是第二段话

3.标题标签：

–

4.网页标题标签：
5.段落标签：

6.换行标签：

7.水平线标签：

---

8.字体样式标签：
(1)加粗：
(2)斜体：
9.空格： 
10.大于号：>
11.小于号：<
12.引号："
13.版权符号：©
14.图像标签：

15.超链接：
点击
target：_self，当前窗口打开超链接
_blank,新窗口打开超链接
16.相对路径：相对于当前页面的路径，一般指向本站点内的文件。
17.绝对路径：指向目标地址的完整描述，一般指向本站点外的文件。
18. …/：当前目录的上级目录
19. …/…/：当前目录的上上级目录
20. ./：当前目录
21.锚链接：
比如：点击甲处跳转到乙处
在甲处写：跳转到乙处
在乙处写：
22.功能连接：
电子邮件：联系我们

23.行内元素：内容撑开宽度，左右都是行内元素的可以排在一行。
24.块级元素：无论内容多少，该元素单独占一行

 列表、表格与媒体元素：
一、列表：信息资源的一种展示形式
二、列表的分类：
有序列表
1.例子：

1. 内容

2.特性：
有顺序，每个li都是块级元素
默认的li前面有顺序标记

无序列表
	1.例子：
	<ul>
		<li>内容</li>
		<li>内容</li>
	</ul>
	2.无序列表的特性：
		没有顺序，每个<li>独占一行
		默认<li>标签前面有个小圆点
		导航、侧边栏新闻、有规律的图文组合一般使用无序列表
定义列表
	1.例子：
		<dl>
			<dt></dt>
			<dd></dd>
		</dl>
	2.特性：
		没有顺序，dt和dd标签都是块级元素
		默认没有标记
		一般用于（一个标题下有一个或者多个列表项）的情况
列表注意事项：
	无序列表中每项都是平级，没有级别之分。

三、表格：
1.组成：单元格，列，行
2.基本语法：

3.跨行：rowspan
4.跨列：colspan
四、媒体元素：
1.视频元素：
语法：
2.显示视频控件：controls
3.自动播放：autoplay
4.音频元素：
语法：
5.网页布局：

网页头部

网页主体

网页底部

6.iframe框架：
语法：
a页面
b页面
width="250px" height="250px">
 表单：
一、表单的语法：




1.提交方式：
get:不安全，地址栏里面有提交内容
post:相对安全，地址栏里面不显示提交的内容
2.提交按钮：submit
3.重置按钮：reset
4.input中常用的属性：
1)type：表示表单元素的类型，常见的值，text,password,checkbox,radio,submit,reset,file,email,number,url,hidden,image,button,search。
2)name:指定表单元素的名称。
3)value:指定表单元素的初始值
4)size:指定表单元素的初始宽度，如果type为text或者password，那么此属性以字符为单位，否则以像素为单位。
5)maxlength:指定输入的最大字符数，默认为无限制
6)checked:指定单选按钮或者多选框是否被选中
5.密码表单：type=“password”
6.单选按钮：
语法：男
女
注意事项：name的值必须一样，才能实现单选
7.复选框：
吃
玩
注意：checked为默认选中。
8.下拉列表：
语法：

选项一
选项二

9.按钮：
普通按钮：普通按钮

提交按钮：
重置按钮：
10.多行文本域：
显示的文本
11.上传文件：

注意：上传的文件的时候，需要在标签里面添加属性（enctype=“mutipart/form-data”）
12.邮箱：

13.数字：


14.搜索：

二、表单的高级应用：
1.设置表单的隐藏域：

2.表单的禁用与只读设置:
只读：readonly
禁用：disabled
3.表单元素标注：

4.表单验证的好处：
缓解服务器的压力
保证数据的可行性和安全性
5.placeholder：提示内容，这种提示可以描述文本框期待用户输入何种内容。
6.非空验证：required
7.正则表达式验证：pattern
eg：电话号码的正则表达式，pattern="¹\d{9}"
 初识CSS3：
一、CSS：
1.概念：是一个层叠样式表，用来美化网页的。
2.优势：
（1）内容与表现分离
（2）表现的统一，并且容易修改
（3）丰富的样式，使得页面布局更加灵活
（4）减少网页的代码量
（5）运用独立的css文件，有利于搜索引擎的收录
3.基本构成：选择器和声明
语法结构：选择器{属性：值}
4.行内样式：
（1）语法：

（2）常用属性：
color:字体颜色
background:背景颜色
width：宽
height：高
font-size:字体大小，值是数字+px
border:边框，值：1px solid black;
（3）注意事项：
每个属性值后面必须要用;隔开
属性必须都放在style的双引号里面
属性与值用:隔开
5.内部样式：
1.在标签里面写