初学前端，Web标准，HTML结构及标签的使用规范

今天是HTML的第一天，知道了网页的组成和Web标准，重点掌握HTML的结构及标签！
今日框架：

今日重点：
一、HTML简介:
1、网页的介绍：
1)网站：提供特定服务的一组网页集合。
2）网页：网页：网站中的一“页”，可以用浏览器查看；通常由文字、图片、链接、音频、视频等元素组成；网页又称为 HTML 文件，常以 .html 或 .htm 为扩展名。
3）HTML：超文本标记语言（Hyper Text Markup Language）
4）网页的形成：前端工程师用开发工具写代码 —— 标签及内容；浏览器解释和渲染代码：用户在浏览器中浏览页面的展示结果。
2、常用浏览器：1） 谷歌浏览器 Chrome 2）火狐浏览器 Firefox 3）Safari （苹果电脑） / iPhone / iPAD 4）IE / Edge （微软） 5）欧朋浏览器 Opera
3、Web标准：（结构最重要）

4、HTML语法规范：
1）手写规范：
（1）所有标签都包含在 <> 中间，例如： ；
（2）大多标签都是成对出现的（双标签）
（3）单标签不需要结束标签
2）标签的关系：（1）包含关系：父子；（2）并列关系：兄弟。
注：在 H5 单标签不用写 / 表示结束，直接
即可
二、HTML基本骨架：
1、HTML基本结构标签：

2、VScode工具：！一键生成
3、DOCTYPE 和 lang 以及字符集的作用：
1） 告诉浏览器当前页面是 H5 的网页；
2）lang 用来定义当前文档显示的语言；
3）UTF-8 （万国码）以前常用的字符集；一定要写！
4、HTML常用标签：
1）标题标签（h）：
（1）标题共有 6 个等级
（2）重要性依次递减，字号依次递减
（3）标题文字会独占一行显示
2）段落标签（p）：段落标签负责显示一段文字；
特点：（1）是双标签 （2）文本在一个段落中会根据浏览器窗口的大小自动换行 （3）段落和段落之间有一定的空隙。
3）换行标签（br）：换行标签会把文字强制换行
特点：（1）是个单标签 （2）换行后只是另起一行，不像 p 标签会有明显的间距
4）文本格式化标签：突出显示，比普通文字重要

5）div 和 span 标签（无语义）

6）图像标签（img）：
（1）src 属性是图像标签的必须属性；只有指定了图像文件的路径和文件名，图像标签才能正确地显示图片

注：img.jpg 必须和自己的 html 文件在同一个目录下；务必要注意保存的文件名。

（2）宽度属性 width / 高度属性 height ；

注：alt 属性，指定图像不显示时显示的文本；title 属性，指定鼠标悬停在图片上方时显示的文本。
7）目录文件夹和根目录
（1）目录文件夹：就是普通文件夹，可以保存多个文件和其他文件夹；
（2）网站根目录：一个网站项目的第一层文件夹，保存所有网站需要的网页和素材。
8）相对路径：以文件所在位置为参考基础建立的目录路径。（../ 表示上一级文件夹，./表示下一级文件夹）
9）绝对路径：文件或文件夹的绝对位置，能够直接定位
10）链接标签（a）：
（1）从一个页面链接跳转到另一个页面或者页面的其他位置。
注：链接标签是双标签， href 属性用来指定跳到哪。
（2）target ：窗口打开方式（_self （默认）在当前窗口打开 _blank 在新窗口中打开）
（3）外部链接，跳转到其他网站，跳出当前网站；
内部链接，网站内部页面之间的相互链接，可以使用相对路径。
空链接会重新刷新页面。
11）锚点链接（href="#id"）：
12）注释标签和特殊字符：
（1）注释的快捷键是：ctrl + /
（2）空格   ： no break space
（3）大于号 > ： greater than 小于号 < ： less than
总结：

1、骨架标签：

2、常用标签：

3、VSCode 快捷键

今日重点单词：

有关HTML的表格、列表、表单的介绍请点击a=href"https://www.cnblogs.com/kk199578/p/13904478.html"