一.语法规范
1.1基本语法概述
- HTML标签是由尖括号包围的关键词,列如<html>
- HTML标签通常是成对出现的,列如<html></html>,这种称之为双标签,标签中的第一个标签是开始标签,第二个标签是结束标签
- 有些特殊的标签必须是单个标签(极少情况) 比如:<br />,这种称之为单标签
1.2标签关系
标签关系可以分为两类:包含关系和并列关系
包含关系(父子关系):
1 <head> 2 <title></title> 3 </head>
并列关系(兄弟关系):
<head></head> <title></title>
二.基本结构标签
2.1第一个HTML页面
每个网页都会有一个基本的结构标签(也称为骨架结构),页面内容也是在这些基本标签上书写的
1 <html> 2 <head> 3 <title>第一个页面</title> 4 </head> 5 <body> 6 努力学习 7 </body> 8 </html>
| 标签名 | 定义 | 说明 |
| <html></html> | HTML标签 | 页面中最大的标签,称之为根标签 |
| <head></head> | 文档的头部 | 主义在head标签中我们必须要设置的标签是title |
| <title></title> | 文档的标题 | 让页面拥有一个属于自己的网页标题 |
| <boby></boby> | 文档的主题 | 元素包含文档的所有内容,页面内容,基本都是放到boby里面的 |
三.Vs Code(前端常用设置)
3.1常用插件
| 插件名 | 插件功能 |
| chinese | 汉化 |
| Auto Rename Tag | 开始和结束标签同步 |
| One Dark Pro | 主题颜色 |
| 格式化代码 | 自动整理代码 |
| open in browser | 预览浏览器 |
| Live Server | 实时预览浏览器 |
| vscode-icons | 设置文件图标 |
| Easy LESS | 编译LESS文件 |
| 会了吧 | 学习单词插件 |
3.2常用快捷键
| 快捷键 | 作用 |
| shift+a/t+下箭头 | 复制并粘贴代码 |
| ctrl+d | 选定相同的单词 |
| ctrl+a/t+下箭头 | 添加多个光标 |
| ctrl+h | 替换单词 |
| ctrl+g | 快速定位到行号 |
| shift+a/t+鼠标 | 选择一块区块 |
| ctrl+ + | 放大页面 |
| 自定义快捷键 | https://www.bilibili.com/read/cv9699783?spm_id_from=333.999.0.0 |