一、HTML
1.超文本标记语言；
2.超出文本的限制，包含了音频、视频、图片等元素。
二、浏览器
1.浏览器
谷歌、IE、火狐、Safari、Opera。
前端人员必备的浏览器：谷歌。
原因：
a.使用范围广。
b.更新快。
2.浏览器内核：
读取网页内容并且显示网页内容。
国内主流浏览器内核：Webkit&Blink（谷歌）。
三、Web 标准
W3C组织和其他标准化组织制定的一系列标准的集合。能够让前端程序员写的代码可以在不同的浏览器中一样的效果（提高用户体验）。
2.构成
结构 表现 行为
结构：主要对网页元素进行整理和分类--html
表现：主要对网页元素进行渲染---css
行为：实现网页的交互效果。----JS
四、标签语法规范
1.标签分类
标签包含在一对尖括号包含在内。
双标签：<html></html>
单标签：<br/>
2.标签关系
包含系、并列关系。
五、HTML 基本结构标签
1.基本骨架
<html></html> 根标签，包裹所有的标签
<head></head> 用来配置一个文件的一个标签
<title></title> 网页的标题
<body></body> 文档的主体，包含文档所有的内容
六、VScode 常用的快捷键
ctrl+d 选择一样的代码
Ctrl+shift+k 删除一行代码
换行：
a.光标在末尾，enter直接换行
b.光标在文本中间，ctrl+enter 不改变当前文字代码的格式，直接换行。
选择多行代码：
按住鼠标滚轮，进行拖拽。
home 让光标移动到开头
end 让光标移动到结尾
ctrl+y 回退
ctrl+f 查找
ctrl+h 替换
七 VScode 代码含义
<!DOCTYPE html>
文档类型声明标签,告诉浏览器这个页面是用html5来显示的。
< html lang="zh-CN">
告诉浏览器或者搜索引擎这是一个中文网站，本页面采取中文来显示。
<meta chareset="UTF-8"/> 必须写，采取UTF-8保存文字，如果不写就会出现乱码。
八 标签
1.标题标签
h1-h6 从大到小 从粗到细
注意：
每一个网页，一般只允许出现一次
2.段落标签和换行标签
段落<p></p> 换行 <br />
注：段落和段落之间的空隙会比换行之后的行与行之间的空隙要大.
3.文本格式化标签
加粗 <strong></strong> 或 <b></b> 推荐使用<strong></strong>
倾斜 <em></em> 或 <i></i> 推荐使用 <em></em>
删除 <del></del> <s></s> 推荐使用 <del></del>
下划线<ins></ins>或<u></u> 推荐使用 <ins></ins>
4.标签特性：
一行多个:
文本格式化标签:strong em del ins <span></span>
一行一个 p div h
5.img 标签(单标签）
alt属性 当图片显示不出来时，用alt里面的文本替代；
title属性 当鼠标经过图片的时候，图片出现的提示信息。
width heihgt border 都可以设置
6.目录文件夹和根目录
目录文件夹：就是普通文件夹(一般我们在里面放了页面的相关素材）
根目录：打开目录文件夹的第一层就是根目录。
7.相对路径
就是图片相对于html文件的位置。
a.同一级路径--直接写
b.上一级路径--../
c.下一级路径--/
8.绝对路径
9.图片标签 img 一行可以显示多个。
10.a标签 一行可以显示多个。
href 必须属性；
外部链接：必须在链接地址上加http://
如果加路径的话，则路径的使用和img里的src一致。
target 显示方式：
a._self(默认)是当前页面显示
b._blank 新窗口打开
