一、VScode快捷键
生成浏览器文件.html的快捷方式
！+ 回车
代码格式化：
Shift+Alt+F
向上或向下移动一行：
Alt+Up 或 Alt+Down
快速复制一行代码：
Shift+Alt+Up 或 Shift+Alt+Down
快速保存：
Ctrl + S
快速查找：
Ctrl + F
快速替换：
Ctrl + H
二、HTML5介绍
HTML5是用来描述网页的一种语言，被称为超文本标记语言。
DOCTYPE是H5的声明位于文档的最前面，网页必备组成部分，避免浏览器怪异模式；
<!DOCTYPE html>html5的基本骨架
- html标签：定义HTML文档，其他元素要包裹在里面，限定文档的开始点和结束点。
- head标签：定义文档的头部，描述文档的各种属性和信息，包括文档的标题、在Web中的位置以及和其他文档的关系等。
- body标签：文档的主体，会直接在页面中显示出来。
- title标签：文档的标题，显示在浏览器的标题栏或状态栏，在head标签中。
三、标签
1.标题
<h1>-<h6>依次递减，在标签中添加属性：
<h1 align="left">一级标题</h1>
必须按照等级标题来使用！
2.段落、换行、水平线
1. 段落：<p></p>
2. 换行：<br> 或 <br />
3. 水平线：<hr>
属性：color、width、size、align（默认居中，只有left和right）
3.图片
<img>标签
<img src=" 图片路径的名字或地址 " alt=" 代替无法显示图片的文本 " title=" 鼠标悬停显示的内容 ">
图片路径详解
1. 绝对路径：通过盘符来找到
2. 相对路径：两者在同一路径下可以直接访问；
4.超文本链接
<a>标签
<a href=" 链接地址 "> 文本内容</a>
超链接属性
默认情况下，链接将以以下形式出现在浏览器中：
- 一个未访问过的链接显示为蓝色字体并带有下划线；
- 访问过的链接显示为紫色并带有下划线；
- 点击链接时，链接显示为红色并带有下划线；
5. 文本
常用文本标签：
<em>定义着重文字
<b>定义粗体文本
<l>定义斜体字
<strong>定义加重语气
<del>定义删除字
<span>元素没有特定的含义
扫一扫
5856
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
