【1.HTML入门知识-网页的组成】

网页的组成

• HTML：网页的结构
• CSS：网页的样式（美化）
• JavaScript：网页的交互（灵魂）

超文本标记语言

（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。

• HTML元素是构建网站的基石；
• 标签+内容 = 元素

什么是标记语言（markup language ）？

• 由无数个标记（标签、tag)组成；
• 是对某些内容进行特殊的标记，以供其他解释器识别处理；
• 比如使用 <h2></h2>标记的文本会被识别为“标题”进行加粗、文字放大显示；
• 由标签和内容组成的称为元素（element）

什么是超文本（ HyperText ）呢？

• 表示不仅仅可以插入普通的文本（Text），还可以插入图片、音频、视频等内容；
• 还可以表示超链接（HyperLink），从一个网页跳转到另一个网页；

VSCode工具安装

VSCode编辑器下载-安装：https://code.visualstudio.com/

安装插件（增加功能）：右侧图标最后一项，Extensions，查找需要的插件（联网）

中文插件：Chinese
颜色主题：atom one dark
文件夹图标：VSCode Great Icons
在浏览器中打开网页：open in browser、Live Sever
自动重命名标签：auto rename tag

VSCode的配置：

Auto Save 自动保存
Font Size 修改代码字体大小
Word Wrap 代码自动换行
Render Whitespace 空格的渲染方式(个人推荐)
Tab Size 代码缩进 推荐2个空格（公司开发项目基本都是2个空格）

什么是元素（Element）

元素是网页的一部分；一个元素可以包含一个数据项，或是一块文本，或是一张照片，亦或是什么也不包含；
元素介绍网页:https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element

元素的组成

元素的属性

文档声明

html元素

head元素

body元素