小知识，大挑战！本文正在参与“程序员必备小知识”创作活动。

【详细+超基础】前端之旅

软件工程专业学生的前端之旅，记录自己对三件套（HTML、CSS、JavaScript）、Node.js、Vue、小程序开发（uniapp）以及各种UI组件库、前端框架的学习。

HTML

一、HTML基础结构标签 🔥

HTML（Hyper Text Markup Language）超文本标记语言

之所以叫做超文本标记语言，一是因为它可以加入各类图片、音频、视频等多媒体，二是它可以实现从一个文本文件跳转到另一个文本文件，而且借助互联网，它可以与世界各个主机的文件链接。

HTML骨架格式

 <!-- 页面中最大的标签 根标签 -->
 <html>
     <!-- 头部标签 -->
     <head>     
         <!-- 标题标签 -->
         <title></title> 
     </head>
     <!-- 文档的主体 -->
     <body>
     </body>
 </html>

HTML元素标签分类

HTML标签是由尖括号包围的关键字，例如: <html>

常规标签（双标签）：标签对中的第一个标签是开始标签，第二个标签是结束标签,例如<html> </html>
空元素（单标签）:例如：<br>

文档类型声明

文档类型声明<!DOCTYPE html>会告诉浏览器按照HTML5标准解析页面。

<!DOCTYPE> 声明位于文档中的最前面的位置，处于 <html> 标签之前。
<!DOCTYPE> 不是一个 HTML 标签，它就是文档类型声明标签

页面语言 lang

<html lang="en"> 中 lang 指定该html标签内容所用的语言

en 定义语言为英语
zh-CN 定义语言为中文

lang的作用

根据根据lang属性来设定不同语言的css样式，或者字体
告诉搜索引擎做精确的识别
让语法检查程序做语言识别
帮助翻译工具做识别
帮助网页阅读程序做识别

字符集

在<head>标签内，可以通过<meta> 标签的 charset 属性来规定 HTML 文档应该使用哪种字符编码。

<meta charset = "UTF-8" />
charset 常用的值有：：GB2312 、BIG5 、GBK 和 UTF-8，其中 UTF-8 也被称为万国码，基本包含了全世界所有国家需要用到的字符

注释

注释快捷键为 ctrl + /
注释以  结束

 <!--  注释语句  -->

HTML大总结（一）