html最全知识点（超级详细）

html最全知识点（超级详细）

一、网页基础知识

1.认识网页（了解）

2.五大浏览器介绍（记忆）

概述

各浏览器的市场份额

查看网站： http://tongji.baidu.com/data/browser

浏览器内核

3.Web标准（记忆）

为什么会有web标准

Web 标准构成

图解Web标准

把一个页面看成一个人
**结构标准：**决定是否有一个好的身体。

**样式标准：**决定是否化妆的美丽漂亮。

**行为标准：**决定是否有吸引人的行为。

二、HTML基础概念

1.HTML初识（了解）

HTML的概念

HTML骨架架构

2.开发工具的基本使用（操作）

使用 sublime 新建页面的过程

sublime 快捷键

3.HTML的其他介绍（了解）

标签的关系

HTML的标签分类

三、HTML中的标签（熟练）

用<>包裹的英文单词

1.h 系列的标签 (Header) : 标题标签

2.p 标签 (Paragraph) : 段落标签

3.hr 标签 (Horizontal Rule)：水平线标签

4.br 标签 (break row=行)：换行标签

5.(4组)文本格式化标签

四、标签的属性（了解）

属性为 HTML 元素提供附加信息。（让同一种标签有不同的显示效果）

五、图片标签（重点）

六、路径问题（难点）

1.当前文件找目标文件的过程

2.绝对路径

3.相对路径

用的很多，可移植性很好

同级目录

下级目录

上级目录

七、链接标签（重点）

1.a 标签 (Anchor ) : 超链接（锚）

超链接在页面中起到跳转或定位的作用（超链接、锚链接、a链接、a标签）

2. a标签的跳转功能

3.a 标签的属性

4.a 标签的其他用法

5.a标签的定位功能

a标签可以快速定位到当前页面或者其他页面的目标内容（百度百科）

在当前页面进行定位

在跳转的页面进行定位

八、结构中每个标签的含义（了解）

1.DOCTYPE : 文档类型

2. html 标签

3. head 标签

4.body 标签

5.meta 标签

6.title 标签

九、SEO与标签语义化（了解）

1.title标签与h1标签的权重

2.SEO : 搜索引擎优化

3.标签语义化的好处

十、列表（熟练）

1.无序列表 ul （Unordered List）

2.有序列表 ol（了解）

3.自定义列表 dl（了解）

一列格式自定义的列表（几乎不用）

十一、 HTML中的特殊字符（记忆）

有时候需要在页面中显示空格、<、>等特殊字符

1.HTML的空格合并现象

十二、表格table（难点）

1.创建表格

2.表格的属性

3.表格中的其他标签

4.合并单元格 (左上原则)

十三、表单系列标签（重点）

1.input (输入框系列) 基本表单控件

2.文本框 text 、 密码框 password

3.单选框 radio 、多选框 checkbox

单选框 radio

多选框 checkbox

4.文件选择框 file

5.表单按钮

提交按钮submit

重置按钮reset

普通按钮button

图片按钮image

6.select 下拉菜单

7.textarea文本域

8.Form 表单域

9.label 标签（记忆）

十四、没有语义的布局标签（记忆）

div和span是没有语义的标签，一般用于页面布局使用（项目中会经常使用到）

1.div：div盒子

2.span

十五、HTML5新标签与特性（了解）

1.HTML5新增语义标签（记忆）

注意：html5标签有兼容性问题（老浏览器没效果），所以为了客户群多，会少用。

2.其他表单新属性(记忆)

3.多媒体标签—audio 音频

4.多媒体标签—video 视频