1 . HTML初识-基础认知 + HTML标签
1.1 目录
◆ 基础认知
◆ HTML标签学习
◆ 综合案例
1.2 学习目标
◆ 能够理解HTML的 基本语法 和标签的关系
◆ 能够使用 排版标签 实现网页中标题、段落等效果
◆ 能够使用 相对路径 选择不同目录下的文件
◆ 能够使用 媒体标签 在网页中显示图片、播放音频和视频
◆ 能够使用 链接标签 实现页面跳转功能
1.3 基础认知：
目标：认识 网页组成 和 五大浏览器 ，明确 Web 标准的构成****，使用 HTML 骨架 搭建出一个网页。
1.4学路路径
1. 基础概念铺垫（了解）
1. 认识网页
2. 五大浏览器和渲染引擎
3. Web标准
2. HTML初体验
3. 语法规范
1.5 认识网页
➢ 问题1：网页由哪些部分组成？
✓ 文字、图片、音频、视频、超链接
➢ 问题2：我们看到的网页背后本质是什么？
✓ 前端程序员写的代码
➢ 问题3：前端的代码是通过什么软件转换成用户眼中的页面的？
✓ 通过浏览器转化（解析和渲染）成用户看到的网页
1.6 小结
➢ 网页由哪些部分组成？
• 文字、图片、音频、视频、超链接
➢ 咱们程序员写的代码是通过什么软件转换成网页的？
• 浏览器
1.7 五大浏览器
1.8渲染引擎
1.9.小结
➢ 五大浏览器有哪些？
• IE浏览器
• 火狐浏览器（Firefox）
• 谷歌浏览器（Chrome）
• Safari浏览器
• 欧朋浏览器（Opera）
➢ 相同的网页在不同浏览器中显示效果会完全一致吗？
• 因为不同浏览器渲染引擎不同，解析的效果会存在差异
➢ 前端工程师日常推荐使用哪一个浏览器？
• 谷歌浏览器（Chrome）
1.10. 为什么需要 Web 标准？（了解）
1.11. Web 标准的构成
1.12 Web标准的记忆方法
➢ Web标准要求页面实现：结构、表现、行为三层分离
1.13 小结：
标签：Web,网页,标签,基本知识,初识,HTML,浏览器,页面 From： https://www.cnblogs.com/atao-BigData/p/16929518.html➢ Web标准的构成有哪些？分别通过什么语言表示？
• 结构：HTML → 页面元素
• 表现：CSS → 页面样式
• 行为：JavaScript → 页面交互的动态效果