1. 什么是HTML?
HTML 是用来描述网页的一种语言。
• HTML 指的是超文本标记语言 (Hyper Text Markup Language)
• HTML 不是一种编程语言,而是一种标记语言 (markup language)
• 标记语言是一套标记标签 (markup tag)
• HTML 使用标记标签来描述网页
2. 什么是HTML标签?
HTML 标记标签通常被称为 HTML 标签 (HTML tag)。
• HTML 标签是由尖括号包围的关键词,比如
• HTML 标签通常是成对出现的,比如 和
• 标签对中的第一个标签是开始标签,第二个标签是结束标签
• 开始和结束标签也被称为开放标签和闭合标签
• 当然,HTML也有单标签,例如:
,
3. HTML文档 = 网页
• HTML 文档描述网页
• HTML 文档包含 HTML 标签和纯文本
• HTML 文档也被称为网页
Web 浏览器的作用是读取 HTML 文档,并以网页的形式显示出它们。浏览器不会显示 HTML 标签,而是使用标签来解释页面的内容。
4. 五大浏览器及其内核
4.1 浏览器内核
浏览器内核又可以分成两部分:渲染引擎(layout engineer 或者 Rendering Engine)和 JS 引渲染引擎擎。
1)渲染引擎
它负责取得网页的内容(HTML、XML、图像等等)、整理讯息(例如加入 CSS 等),以及计算网页的显示方式,然后会输出至显示器或打印机。浏览器的内核的不同对于网页的语法解释会有不同,所以渲染的效果也不相同。
2)JS引擎
JS引擎则是解析Javascript语言,执行javascript语言来实现网页的动态效果。
5. Web标准
5.1 来源
通过以上浏览器的内核不同,我们知道它们工作原理、解析肯定不同,显示就会有差别。
5.2 Web标准构成
web标准不是某一个标准,而是由W3C(万维网)和其他标准化组织制定的一系列标准的集合。
主要包括结构(Structure)、表现(Presentation)和行为(Behavior)三个方面。
结构标准:结构用于对网页元素进行整理和分类,即:HTML。
表现标准:表现用于设置网页元素的版式、颜色、大小等外观样式,即:CSS👇
(Cascading Style Sheet)级联样式表
行为标准:行为是指网页模型的定义及交互的编写,即:JavaScript。
5.3 Web标准的好处
1、让Web的发展前景更广阔
2、内容能被更广泛的设备访问
3、更容易被搜寻引擎搜索
4、降低网站流量费用
5、使网站更易于维护
6、提高页面浏览速度
6. HTML骨架
7. HTML标签
7.1 标签分类
1)单标签
<标签名 />
单标签也称空标签,是指用一个标签符号即可完整地描述某个功能的标签。
2)双标签
<标签名>内容</标签名>
比如 :我是文字
7.2 标签关系
1)嵌套关系