2. HTML初体验

2.1.1 HTML 的概念

➢ HTML（Hyper Text Markup Language）中文译为：超文本标记语言

➢ 专门用于网页开发的语言，主要通过HTML标签对网页中的文本、图片、音频、视频等内容进行描述

➢ 案例：文字变粗案例

➢ 体验构建一个网页，需要在网页中显示一个加粗的文字

2.1.2 网页体验 - 构建基本网页的步骤

\1. 在代码文件夹中点击鼠标右击 → 新建文本文档 → 命名为：文字变粗案例.txt

\2. 双击这个文件，输入代码等内容 → 记得保存！

\3. 在文件上点击鼠标右键 → 重命名 → 修改文件后缀为为.html

\4. 双击文字变粗案例.html ，浏览器会自动打开文件并显示之前输入的内容

2.1.3 小结

➢ HTML的中文译名叫做？

• 超文本标记语言

➢ HTML中是通过什么来对网页中的文本、图片、音频、视频等内容进行描述的？

• HTML标签

2.2.1 HTML页面固定结构

➢ 网页类似于一篇文章：

➢ 每一页文章内容是有固定的结构的，如：开头、正文、落款等……

➢ 网页中也是存在固定的结构的，如：整体、头部、标题、主体

➢ 网页中的固定结构是要通过特点的 HTML标签 进行描述的

2.2.2 小结

➢ HTML骨架结构由哪些标签组成？

• html标签：网页的整体

• head标签：网页的头部

• body标签：网页的身体

• title标签：网页的标题

3. 开发工具的使用

2.3.1 为什么要使用 VS Code？

➢ 刚刚通过文本编辑器，如：记事本，完全可以编写网页源代码

➢ 但是效率……不忍直视

➢ 实际开发中，注重开发的效率和便捷性，因此我们会使用一些开发工具

➢ 开发工具有很多： Visual Studio Code 、 Webstorm 、 Sublime 、Dreamweaver、 Hbuilder

➢ 前端开发神器：VS Code → 速度快、体积小、插件多