HTML 简介
HTML 的核心是一种由元素组成的语言,这些元素可以应用于文本片段,以赋予它们在文档中的不同含义(是段落吗?是项目符号列表吗?是表格的一部分吗?),将文档结构化为逻辑部分(它有标题吗?三列内容?导航菜单?),并将图像和视频等内容嵌入到页面中。本模块将介绍其中的前两个,并介绍您需要了解的理解 HTML 的基本概念和语法。
先决条件
指南
本模块包含以下文章,它们将引导您完成 HTML 的所有基本理论,并为您提供充分的机会来测试一些技能。
- HTML 入门
-
涵盖 HTML 的绝对基础知识,帮助您入门——我们定义元素、属性和其他重要术语,并展示它们在语言中的位置。我们还展示了典型的 HTML 页面是如何构建的以及 HTML 元素是如何构建的,并解释了其他重要的基本语言特性。在此过程中,我们将使用一些 HTML 来激发您的兴趣!
- 头部有什么?HTML 中的元数据
-
HTML 文档的头部 是在页面加载时不会显示在 Web 浏览器中的部分。它包含诸如页面
<title>
、CSS 链接(如果您想使用 CSS 样式化 HTML 内容)、自定义网站图标链接以及元数据(有关 HTML 的数据,例如谁编写了它以及描述文档的重要关键字)等信息。 - HTML 文本基础
-
HTML 的主要工作之一是赋予文本意义(也称为语义),以便浏览器知道如何正确显示它。本文介绍了如何使用 HTML 将文本块分解为标题和段落结构,为单词添加强调/重要性,创建列表等等。
- 创建超链接
-
超链接非常重要——它们使 Web 成为一个网络。本文展示了创建链接所需的语法,并讨论了链接的最佳实践。
- 高级文本格式化
-
HTML 中还有许多其他用于格式化文本的元素,我们在HTML 文本基础知识一文中没有提到。这里的元素不太为人所知,但仍然值得了解。在这篇文章中,您将学习有关标记引文、描述列表、计算机代码和其他相关文本、下标和上标、联系信息等的知识。
- 文档和网站结构
-
除了定义页面各个部分(例如“一段话”或“一张图片”),HTML 也用于定义网站的各个区域(例如“页眉”,“导航菜单”或“主要内容栏”)。本文探讨了如何规划基本网站结构以及如何编写 HTML 来表示这种结构。
- 调试 HTML
-
编写 HTML 很好,但如果出现错误,您无法找出代码中的错误在哪里呢?本文将向您介绍一些可以提供帮助的工具。
评估
另请参阅
- 学习 HTML 和 CSS MDN 课程合作伙伴
-
Scrimba 的 学习 HTML 和 CSS 课程通过构建和部署五个很棒的项目来教授您 HTML 和 CSS,并提供由知识渊博的老师教授的有趣的互动课程和挑战。