一、HTML简介

1.网页

1.1 什么是网页

网站是网页的集合，网页是网站中的一“页”（构成网站的基本元素）。

网页由图片、链接、文字、声音、视频等元素构成，通常是HTML格式的文件（.htm.或html后缀），通过浏览器来阅读。

1.2 什么是HTML

HTML (超文本标记语言)，它是用来描述网页的一种标记语言（一套标记标签）。

超文本的两层含义：

1. 它可以加入图片、声音、动画、多媒体等内容（超越了文本限制）。
2. 它还可以从一个文件跳转到另一个文件，与世界各地主机的文件连接（超级链接文本）。

1.3 网页的形成

HTML标签描述--->网页元素--->网页--->浏览器解析后显示

2.常用浏览器

常用的浏览器（五大浏览器）有： IE、火狐（Firefox）、谷歌（Chrome）、Safari和Opera等。

浏览器	内核	备注
IE	Trident	IE、猎豹安全、360极速浏览器、百度浏览器
firefox	Gecko	火狐浏览器
Safari	Webkit	苹果浏览器
chrome/Opera	Blink	chrome/Opera浏览器。Blink是Webkit的分支

目前国内一般浏览器都会采用 Webkit/Blink 内核，如 360、UC、QQ、搜狗等。

※3.web标准

主要包括结构、表现和行为三个方面。

标准	说明
结构	结构用于对网页元素进行整理和分类
表现	表现用于设置网页元素的版式、颜色、大小等外观样式
行为	行为是指网页模型的定义以及交互的编写

Web 标准提出的最佳体验方案：结构、样式、行为相分离。（结构写到 HTML 文件中，表现写到 CSS 文件中，行为写到 JavaScript 文件中。）

二、HTML标签

1.HTML语法规范

1.1 基本语法概述

1. HTML 标签是由尖括号包围的关键词，例如 <html>。
2. HTML 标签通常是成对出现的，例如 <html> 和 </html> ，我们称为双标签。标签对中的第一个标签是开始标签，第二个标签是结束标签。
3. 有些特殊的标签必须是单个标签（极少情况），例如 <br />，我们称为单标签。

1.2 标签关系

双标签关系可分为两类：包含关系和并列关系。

包含关系(嵌套关系、父子关系)

<head>
    <title></title>
</head>

并列关系（兄弟关系）

<head></head>
<body></body>

2.HTML基本结构标签

每个网页都会有一个基本的结构标签（也称为骨架标签），页面内容也是在这些基本标签上书写。

<html>
    <head>
         <title>我的第一个页面</title>
    </head>
    <body>
         第一个HTML网页
    </body>
</html>

标签名	定义	说明
<html></html>	HTML标签	页面中最大的标签，称为根标签
<head></head>	文档的头部	在head标签中必须设置title标签
<title></title>	文档的标题	让页面拥有一个属于自己的页面标题
<body></body>	文档的主体	包含文档的所有内容，页面的内容基本都放在body中

3.网页开发工具

vscode快捷键

1. 快速复制一行

快捷键： shift+alt+ 下箭头(上箭头)         或者 ctrl+c  然后 ctrl+v

2. 选定多个相同的单词

快捷键：  ctrl + d

先双击选定一个单词，然后按下 ctrl + d  可以往下依次选择相同的单词。

3. 添加多个光标

快捷键：  Ctrl + Alt +  上箭头(下箭头)

4. 全局替换某写单词

快捷键：  ctrl + h

注意选择全部替换即可

5. 快速定位到某一行

快捷键：  ctrl + g

再输入行数即可

6. 选择某个区

快捷键：  按住shift + alt  然后拖动鼠标

可以选择一个区块进行操作

7. 放大缩小整个编辑器界面

快捷键：  ctrl +   +  /  -    ctrl +  加号或者减号

8.注释

快捷键：ctrl + /

9. 自定义快捷键

如js 的多行注释是 shift + alt  + a  ，我们想修改为 ctrl + shfit +  /

设置方法：   管理按钮  ---   键盘快捷方式  ---  输入  shift + alt  + a  找到这个快捷键  ----- 点击编辑按钮  ---- 直接按下  ctrl + shift  +  /     ---- 最后按下回车修改完毕。