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.例子：

内容

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

无序列表
	1.例子：	
		内容
		内容
	
	2.无序列表的特性：
		没有顺序，每个独占一行
		默认标签前面有个小圆点
		导航、侧边栏新闻、有规律的图文组合一般使用无序列表
定义列表
	1.例子：		
	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.在标签里面写

相关推荐