标签: HTML

通过前面的四节，我们对HTML已经有了一个基本的认识和使用。可是，当我们写了很多的HTML时，我们会发现即使一样的展示效果，可是我们却写得全然不同。例如：

<body>
    <span style="background-color: red;">这是span</span>
    <p style="background-color: red; display: inline;">这是p</p>
</body>

全栈道原创2023/9/11大约 3 分钟

性能优化。您可以使用该loading=lazy属性来推迟图像的加载，直到用户滚动到它们为止。

<img src='image.jpg' loading='lazy' alt='Alternative Text'>

全栈道原创2023/9/11大约 4 分钟

通过上一节的了解，我们知道html标签是构建网页结构的关键，而且它的种类繁多。为了更好的了解和使用它们，本章节将在功能上对它们进行分类，了解这些标签的功能。如果有分类不太精准的地方，还望不吝指正。
当然这些标签并不是都需要记住，最初只需要记住常用的即可。随着不断的使用，慢慢就会熟悉大部分标签的。

文档基础标签

<!DOCTYPE> 定义文档类型。
<html> 定义 HTML 文档。
<head> 定义关于文档的信息。
<title> 定义文档的标题。
<body> 定义文档的主体。
 定义注释。

全栈道原创2023/9/12大约 13 分钟

由第一节浏览器简介中我们知道，浏览器有很多种，由不同的商家生产，功能上也有所不同。那么浏览器是如何渲染HTML、CSS、JS成一个漂亮且有用的网页的呢？

如果把浏览器比作一个机器人加工厂，HTML就是零散的零件，CSS就是涂色的的工具，JS就是内置的程序，以便我们使用指令，能让其动起来。

以此类推，开发简单网页，我们只需要掌握HTML即可，如果希望网页有点样式，还需要学习CSS，如果还希望网页能做一些交互或者展示动态的数据等功能，还需要掌握Javascript。也就是：

HTML + CSS + Javascript = 一个好看且有用的网页

全栈道原创2023/9/11大约 3 分钟

由前面两个章节了解到，浏览器如同一个加工厂，在这个加工厂里面，有HTML、CSS、JS三大零件，然后浏览器将这些零件组装成一张张美丽的网页。

HTML负责骨架，CSS负责样式，JS负责行为。

HTML是Hyper Text Markup Language（超文本标记语言）的简写，是一种标记语言，而不是一种编程语言，是网页制作所必备的。超文本，本质也是文本。

全栈道原创2023/9/11大约 6 分钟

在平时使用电脑时，我们经常会用到浏览器，可以供我们阅读，娱乐，工作等。上图展示了一个浏览器简单的工作过程，输入网址到页面展示的过程如下：

输入网址 -> dns解析 -> 与服务器创建连接 -> 请求返回页面-> 断开连接-> 展示网页。

一个新的电脑里面，我们会发现win10自带的浏览器Edge，就是下面这个样子：

全栈道原创2023/9/11大约 3 分钟