一、为什么需要Web标准

浏览器差异问题：五大主流浏览器（IE、Chrome、Firefox、Safari等）使用不同渲染引擎，导致相同代码解析效果存在差异。

为什么需要Web标准？

不同浏览器的渲染引擎不同，对于相同代码解析的效果会存在差异。

如果用户想看一个网页，结果用不同浏览器打开效果不同，用户体验极差！

Web标准：让不同的浏览器按照相同的标准显示结果，让展示的效果统一！

用户体验需求：用户使用不同浏览器访问同一网页时，需要保持展示效果统一。
解决方案：通过Web标准规范代码编写，使不同浏览器按照相同标准显示结果。

1.2 Web标准的构成

Web标准中分成三个构成：

构成	语言	说明
结构	HTML	页面元素和内容
表现	CSS	网页元素的外观和位置等页面样式（如：颜色、大小等）
行为	JavaScript	网页模型的定义与页面交互

结构层(HTML)：
作用：负责页面元素和内容的结构化展示。
示例：文字、图片、音频、视频等内容的放置。
专业术语：决定网页的"身体"结构。
表现层(CSS)：
作用：控制网页元素的外观和位置样式。
功能：调整颜色、大小、布局等视觉效果。
形象比喻：相当于给网页"化妆"的美化工具。
行为层(JavaScript)：
作用：实现网页交互和动态效果。
应用场景：轮播图切换、表单验证等交互功能。
简称：JS（基础班学习HTML+CSS，就业班学习JS）。

二、 HTML的概念

2.1 HTML的概念

全称：Hyper Text Markup Language（超文本标记语言）。

核心功能：通过标签对网页中的文本、图片、音频、视频等内容进行描述。

通信对象：是程序员与浏览器之间的沟通语言，需要遵循特定语法规则。

基本结构：由一对尖括号 <><><> 包裹英文单词构成。

标签类型：
- 开始标签： 
- 结束标签：
 （比开始标签多一个斜杠）
语法要点：
- 所有符号必须使用英文状态。
- 开始标签和结束标签必须成对出现。
- 结束标签的斜杠表示功能结束。
- 开发流程：
  - 创建.html文件。
  - 用记事本编辑内容。
  - 添加HTML标签。
  - 保存文件。
  - 在浏览器中刷新查看效果。
  - 注意事项：修改后必须保存文件并刷新浏览器才能看到最新效果。