HTML（基础1）| 青训营

这是我参与「第五届青训营 」伴学笔记创作活动的第6天

前端常用使用工具

vscode下载官网链接：Visual Studio Code - Code Editing. Redefined

（下载方法：全选下一步即可安装成功）

在青训营学习了“前端要解决的基本问题”及“什么是 HTML ”两个基本问题，层层解析前端技术栈的构成，了解前端最为基础的技术、HTML基础语法和基本功能，在实际研发过程中如何做到 HTML 语义化；在学习了青训营的基础课程之后，官网查找HTML官方文档，进一步了解了HTML的基础结构；接下来将从vscode前端便捷插件、文档声明、常用标签三个部分进行描述；

vscode前端插件

auto rename tag	方便修改标签，实现前后标签修改一致
view-in-browser	页面预览（右键选择view in browser实现页面跳转）
live server	页面预览实时更新（保存后页面自动更新）
htmltagwrap	*标签包裹 *

文档声明

*<!DOCTYPE ***>	前端标准，一般为html指代使用html5标准
<\html lang=" ">	表面语言	ja-jp(日语）zh-CN(中文）en(英文）
<\html lang=" ">	表面语言	ja-jp(日语）zh-CN(中文）en(英文）
<\meta charset=" ">	表面语言	ja-jp(日语）zh-CN(中文）en(英文）

常用标签

基础标签

基础标签	解析
<h1></h1> <h2></h2>......<h6></h6>	文本标题，自带加粗，字体大小从h1到h6递减，独占一行
<br/>	换行标签
<hr/>	水平线标签
<p></p>	文本标签

强调文字

标签	含义
<b></b>	文字加粗
<strong></strong>	文字突出
<em></em>	字体倾斜
<i></i>	字体倾斜

删除线

<s></s>	删除线
<del></del>	删除线

上标下标下划线

<u></u>	下划线
<sub></sub>	下标
<sup></sup>	上标

特殊符号

含义	标签	具体含义
尖括号	<>	左括号；右尖括号
空格	  	受字体大小影响空白格大小 不受字体大小影响空白格大小
商标	™&reg	TM商标：可使用但未审核通过 R商标：已经注册完成，审核通过
表情符	&#12851x(x为可选数字)	表情包