2. HTML初体验
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 → 速度快、体积小、插件多
2.3.2 VS Code使用前要求
VSCode 软件安装完毕
Chinese (Simplified) Language Pack for Visual Studio Code 简体中文插件安装完毕
open in browser 直接打开浏览器插件安装完毕
2.3.3 VS Code创建网页的步骤
双击打开VS Code软件
将day01代码文件夹用鼠标左键按住不放，拖拽到VS Code窗口中，文件夹会显示在左侧目录上
点击目录上的+新建文件按钮创建页面，注意：文件后缀名需要是.html
4.快捷键的使用
