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. 内容
3. 
   

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.在标签里面写