基础要打牢，一周时间过了一遍html与css，分两次对了解到的知识做一个简单的总结。

HTML的起手式

首先，什么是HTML，搬用MDN上的解释：HyperText Markup Language，与我们熟悉的c/c++等不同，它不是编程语言，而是一种用来告诉浏览器如何组织页面的标记语言，由一系列的元素组成。
那么何谓元素：参加下图

标签＋内容就组成了一个元素。至于标签，在接下来会详细介绍，在此之前，我们了解了HTML之后，就可以在诸如cscode等软件上开始写代码啦。

框架

当你打开vccode,新建一个html文件之后，输入！+tab就会出现如下的一个东东，即是我们编写的html的一个主体，前辈们也非常形象，包含了等部分，那么接下来就逐一介绍一下。

<!DOCTYPE html>
<html lang = "zh - CN">
<head>
    <meta charset = "UTF-8">
    <meta name = "viewport" content = "width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta http-equiv = "X - UA - Compatible" content = " IE = edge ">
    <title>内容</type>
</head>
<body>
    内容
</body>
</html>

解释

[引用自MDN](HTML 基础 - 学习 Web 开发 | MDN (mozilla.org))

<!DOCTYPE html> — 文档类型。混沌初分，HTML 尚在襁褓（大约是 1991/92 年）之时，DOCTYPE 用来链接一些 HTML 编写守则，比如自动查错之类。DOCTYPE 在当今作用有限，仅用于保证文档正常读取。现在知道这些就足够了。

<html></html> — <html> 元素。该元素包含整个页面的内容，也称作根元素。

<head></head> — <head> 元素。该元素的内容对用户不可见，其中包含例如页面描述、CSS 样式表和字符编码声明等。

<meta charset="utf-8"> — 该元素指定文档使用 UTF-8 字符编码，UTF-8 包括绝大多数人类已知语言的字符。基本上 UTF-8 可以处理任何文本内容，还可以避免以后出现某些问题，没有理由再选用其他编码。

<title></title> — <title> 元素。该元素设置页面的标题，显示在浏览器标签页上，也作为收藏网页的描述文字。

<body></body> — <body> 元素。该元素包含期望让用户在访问页面时看到的内容，包括文本、图像、视频、游戏、可播放的音轨或其他内容。

在上边提到的<head></head>标签所包裹的内容对用户不可见，在它其中包含css的样式，网页的标题（主要不要弄混和h1和title），以及一些元数据等。接下来我们就简单说一下元数据：

首先是文档编码，一般使用通用的utf-8即可，这里的utf-8明明是解码方式，为什么要用charset即字符集呢？这涉及到一个遗留问题，就是在以前的解码方式和字符集的名字都是一样的，而utf却有8/16/32等，所以就只能这么叫了
其次是大家可以注意到，元数据有的是以name和content组成的，其中name是指这个元数据的类型、信息，content则是指具体的内容，[打开一个大型的网站](淘宝网 - 淘！我喜欢 (taobao.com))开发模式下可以看到他们常用的元数据，在我们的简单demo中，可以使用淘宝的关于窗口的以下代码。

<meta name = "viewport" content = "width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

主要是限制屏幕的缩放

引用

[MDN](HTML（超文本标记语言） | MDN (mozilla.org))
[网道](HTML 教程 - 网道 (wangdoc.com))

HTML的杂七杂八

HTML的起手式

框架

解释

标签

文本标签

内容标签

全局属性

引用