chapter html文件,Chapter2 html解析原理与内容

No.1 特色教学

一、前端三宝同步学：

html+css+js

二、学习方法：

同步 + 实用+ 具体 + 谦卑

No.2 认识HTML

一、创建网页过程

HTML

DOM

WINDOW

二、HTML5 文档结构

代码

描述

通知浏览器这是一个HTML5文件

…

根元素，包含整个HTML文档内容

搜索引擎html文档通知

使用的编写语言。en是英语，zh-CN是中文

共浏览器和搜索引擎使用，描述字符编码集，视口与页面标题。

设置页面元素数据

通知浏览器html编写语言所属的字符编码集

name=”viewport”

设置视口如何显示页面

initial-scale=1.0

设置页面初始缩放比例

，1.0表示原样显示，不缩放 |

|

… | 显示在浏览器标签上的文本，指定当前页面标题 |

|

… |页面主体内容 |

| |描述标签功能或用途，其内容不出现在网页中 |

三、HTML5 元素

元素类型

标签类型

非空元素

双标签

元素内容结束标签>

空元素

单标签

四、元素的属性与值

属性=属性名+属性值，必须写在起始标签中；

语法：属性名只使用小写字母，属性值加上“双引号”。

属性值类型

属性值描述

1字符串

提交

2预定义值

3指定格式

耒一网php知识

4数值

5布尔值

五、语义化的布局元素

名称

标签

1标题

—

2页眉

3页脚

4导航

5主体

6文档

7边栏

8片段

9区块

如图：

六、常用的语义化文本元素

名称

标签

描述

1段落

段落内容文本

2 格式化

按原代码格式原样输出

3内联框

与

类似，无语义，主要用作内容的样式

4日期时间

5下标/上标

_/

编写数学公式或文本特殊标记

6地址

7删除线

8代码块

9进度条

需要与css，js脚本配合

10加粗

11斜体

12高亮标记

默认黄色

13 引用

内容加双引号

” class=”reference-link”>七、链接元素

八、图像的作用

让页面栩栩如生，触手可及。

九、列表元素

1、有序列表

2、无序列表

3、自定义列表

十、表格元素

No.3 元素的三大属性

一、id属性：

1、 获取页面中的一个元素，

2、由用户保证他在当前页面的唯一性，浏览器并不检查，专用于获取唯一元素。

二、class属性：

1、获取页面中的一类元素，

2、返回多个具有共同特征的元素集合。

三、style属性：

1、设置某个元素的内联样式，

2、设置当前元素对象的具体样式

补充：

元素(标签)选择器 :

-元素选择器优先级小于类选择器， 类选择器小于id选择器

-tag

No.4 前端基础

一、对象

页面中所有的内容就是对象。

二、window

是浏览器的全局对象。

三、doucment

文档对象，代表当前的html文档。