HTML初识-概念和基本知识

news2024/11/30 14:36:02

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)