HTML 基础：我在第一课中学到的内容

# Web 开发# 初学者# HTML

我的第一堂 HTML 课：网页制作的基础知识

开始学习 HTML 既令人兴奋又让人不知所措！下面简要介绍一下我在第一堂 HTML 课上学到的内容。

什么是 HTML？

HTML（超文本标记语言）是所有网页的支柱。它构建了我们在网站上看到的内容，并允许我们创建文本、图像、链接等。

我的第一课的要点

-**Index.html 文件**:创建 html 文件时，我们首先创建一个名为 index.html 的文件。也可以将其命名为 。

为什么是 index.html 而不是 default.html 或者 any.html

这是因为 index.html 很容易被服务器读取，尽管 default.html 在过去也被使用过，但随着许多人采用 index,html，default.html 逐渐被淘汰。

Apache2 服务器

除此之外还有许多服务器，例如 GoDaddy、Nginx、Caddy、Lighttpd 等。

但最常用的是 Apache HTTP 服务器。

我们还有 cPanel 服务器，其中有 Apache 提供给我们的默认文件夹

此外，Nginx 服务器为我们提供与 cPanel 相同的服务。

因为它们允许用户访问不同的网站。

在编写 index.html 文件时，我们应该考虑遵循行业标准，即**快速编写**

这可以通过使用或任何插件工具来完成。

服务器背后发生了什么

*当客户端在 Web 浏览器中发出请求时，服务器会通过检查其本地存储中是否有与客户端所需的信息相匹配的信息来响应该请求。服务器检索这些信息，然后显示它们。

实时服务器扩展如何在刷新本地主机后更改已保存的文档

是否可用取决于您使用的 vs code 版本。其他文本编辑器可以是：sublimetxt、fleet、code blocks 等等。

HTML 代码

**!DOCTYPE html 标签**

*浏览器被设计来跟踪这些文件，因此必须明确显示浏览器正在处理的文件类型，以便存储。

**html lang = 标签**

*我们还指定了编写代码的语言。这有助于网络浏览器知道它必须以哪种语言提供服务或运行，在本例中，它将是英语。

**head 标签**

*此标签内的内容在网站打开时无法显示

**body 标签**

*此标签内写的所有内容均明确显示，可供访问该网站的其他人查看。

  • 基本标签：我了解了基本的标签：
  • 创建标题和段落：使用 到 标题和 对于段落。它们还具有可与其一起使用的属性或特性，例如：title，即 h1 title="Html code"。对于标题，只有当您将鼠标悬停在 h1 标签内的文本上时，才会看到此标题。我们还可以在段落中使用 lorem[字数]，即 p lorem200 p，这将在您的段落中显示 200 个单词的文本。
  • 添加链接、换行符和图像：我练习了使用 嵌入图像和使用 创建链接。br 为我们提供了换行符。

    • * 标签，我们有属性，它非常有用，如果**图像的源**错误，我们可以知道图像未显示的确切位置。当我们有一个包含许多图像的大型文档时，这尤其有用。

    当给定的 **img** 标签有多个图像时。

    * 在我的 index.html 文件中。