Day一：HTML--认知+标签学习

一：基础认知

目标：认识 网页组成 和 五大浏览器，明确 Web标准的构成，使用 HTML骨架 搭建出一个网页。

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

2.网页的组成部分：文字、图片、音频、视频、超链接。

3.五大浏览器：IE浏览器、火狐浏览器（Firefox）、谷歌浏览器（Chrome）、Safari浏览器、欧朋浏览器（Opera）。

4.web标准的构成：⑴:结构       HTML          页面元素和内容

                               ⑵ :表现        CSS            网页元素的外观和位置等页面样式（颜色、大小等）

                               ⑶ :行为      Javascript    网页模型的定义与页面交互

二：初体验

1.创建网页步骤：⑴:在代码文件中点击鼠标右键--新建文本文档--命名为：-----.txt

                             ⑵:双击这个文件，输入代码等内容 --记得保存

                             ⑶:在文件上点击鼠标右键 -- 重命名 --- 修改文件后缀为为.html

                             (4):双击.html文档，浏览器会自动打开文件并显示内容

2.HTML的骨架结构：

• html标签：网页的整体
• head标签：网页的头部
• body标签：网页的身体
• title标签：  网页的标题

3.开发神器之一：VSCODE

4.Vscode创建网页的步骤：

1. 打开Vscode软件；
2. 将所用的文件夹拖到Vscode的窗口中，文件会显示在左侧的目录上；
3. 点击目录上的新建文件按钮创建页面，注意：后缀文件名为.html

5.Vscode的基本快捷键：

1. 快速生成标签：英文+Tab
2. 保存文件：Ctrl+s
3. 快速查看网页效果：右击--Open in Default Browser（快捷键：ALT+B）
4. 快速生成结构标签：！+Tab（!是英文状态下的，且保证后缀名为.html）
5. 注释快捷键：ctrl+/

三：HTML标签学习：

1.1.1 标题标签：

1. 代码 ： h系列标签：<h1> </h1>.......<h6></h6>
2. 语义：1-6级标题，重要程度依次递减
3. 特点：文字都有加粗&#