HTML 初学者指南 - 结语
我想在这里结束这本 HTML 教程，不过如果我以后想到新的内容，还会继续发布有关 HTML 的课程。也许你会觉得这本教程太短了，但它的标题就是“初学者指南”。我认为没必要在这里详细讲解所有标签，我会在后续的 HTML 参考手册中再介绍它们。
如果你想继续学习，我建议你接着学习 CSS。它是 HTML 的一部分，用来美化 HTML 元素，让网页看起来更漂亮。
这是我编写的 CSS 教程 链接。
CSS 教程
那么，你已经读完了 HTML 教程，现在准备迈出下一步，开始学习 CSS，以打造你自己漂亮的网站。为什么需要 CSS？如果你读过我的《HTML 初学者指南》，你可能注意到那本教程相当简短。我故意略过了许多与样式相关的标签和属性，比如斜体、粗体、颜色、形状和高亮。我这么做是有意的，因为你很快就不再需要它们。
当然，有些人仍然会使用标签 <font>、<b>、<center> 或属性 bgcolor、align、color 等。而且，可能当你阅读其他 HTML 教程时，也遇到过这些用于文本样式的标签。但我要告诉你的是：忘掉它们！ 你将不再需要它们，继续使用这些标签只会让你的代码变得不规范，其他程序员或前端开发人员也会更难理解。
从现在开始，你将学习如何使用 CSS 来美化文本。如果你熟悉排版或印刷出版的版面设计，你会更能体会到 CSS 的强大，因为 CSS 的出现正是为了实现完整的版面布局，而不仅仅是提供类似 font、center 等标签的零散功能。
如果你只读过我的《HTML 初学者指南》，那么你已经具备了足够的 HTML 知识来继续学习 CSS。所以，让我们开始吧。
CSS 教程 - 第 1 课 - 连接 CSS 样式
我不会解释为什么需要 CSS。如果你打开了这本教程，那就说明你想学习它。我只想说，CSS 的功能非常强大，它允许你排版任何复杂的网页布局。同时，使用 CSS 意味着你必须放弃使用某些 HTML 标签属性，如 size、color、bgcolor、align 等，这些属性会“干扰”CSS 的正常工作。
将 CSS 连接到你的 HTML 文件至少有三种方法。让我们先看看最简单的方法，然后是第二种和最正确的方法。
在标签内部编写 CSS
可以通过 style 属性来连接 CSS：
CSS 教程 - 第 2 课 - 开始使用 CSS。CSS 属性 background、color。
大家好。在上一课中，我创建了两个文件：html 和 css。以下是它们的代码：
index.html：
<html> <head> <title>CSS 教程</title> <link type="text/css" rel="stylesheet" media="all" href="style.css" /> </head> <body> <p>与 drupalbook.org 一起学习 CSS</p> <p>第 2 行：与 drupalbook.org 一起学习 CSS</p> </body> </html>
style.css：
CSS教程 - 第3课：background-color、font-style、font-weight、text-align、text-decoration、text-transform 属性。
在 HTML 的发展过程中，出现了许多不同的标签。而随着 CSS 的广泛应用，其中一些标签（如 <font>、<b>、<i>、<center>）已经不再推荐使用。我们将在后续课程中继续了解其他“过时”的标签。这些 CSS 属性能帮助你避免在 HTML 中编写冗余代码，将样式逻辑转移到 CSS 文件中。
在上一课中，我们学习了如何添加 CSS 属性以及如何为这些属性选择颜色。本课我们将学习一组常见的样式属性，这些属性你可能在学习 HTML 时已经见过，但那时可能是通过标签实现的。现在我们将使用 CSS 来完成同样的任务，这是更规范、更现代的做法。
Background-color
该属性不仅可以为块级元素设置背景颜色，还可以用于文本或链接。例如：
CSS教程 - 第4课：display 属性。div 与 span 的区别。
在前几课中，我们通过外部文件引入了 CSS，并编写了一些简单的样式来了解其工作方式。本课我们将学习一个非常重要的属性——display。该属性决定了 HTML 标签在页面上的显示方式：它是作为一段内联文本排列，还是作为一个具有独立宽度和高度的块级元素显示。我们先从最基础的开始——默认情况下，不同的标签显示方式不同。例如，<div> 默认显示为块级元素，而 <span> 则作为行内元素显示。我们先来看看文本是如何显示的。创建一段测试文本并用 <span> 标签包裹它。
CSS教程 - 第5课：float 与 clear 属性。元素环绕与清除浮动。
想象一条湍急的山间河流，快速而嘈杂地奔腾着。忽然，一块岩石挡在河流的路径上，水流便绕过这块石头。如果石头位于河流的左侧，水流就会从右侧绕过；如果石头在右侧，水流就会从左侧绕过。CSS 中的 float 属性的工作原理与此非常相似。
CSS float
为了演示 float 和 clear 属性的工作方式，我绘制了以下示意图：
CSS教程 - 结课篇：从 HTML/CSS 到 Drupal
至此，CSS 教程告一段落，但对 CSS 的学习并不会就此结束。接下来，我建议进入实践阶段，继续通过为 Drupal 创建主题的方式深入学习 CSS。我会在互联网上找到一个 PSD 设计稿，并带你一步步将它转换为基于 Zen 主题的 Drupal 主题。
你也可以继续学习 PHP：
此外，Drupal 7 可能已经相对过时，因此你也可以直接开始学习 Drupal 8：
JavaScript课程（教材，自学指南）
JavaScript 是世界上最流行的编程语言之一，虽然随着时间的推移它的地位有所下降，但仍然被许多程序员所学习和使用。
JavaScript 是学习 jQuery 的基础，因此在学习 jQuery（本质上是一个 JavaScript 框架）之前，必须先掌握 JavaScript 的基本知识。
JavaScript 代码直接嵌入在 HTML 页面中，使用 <script></script> 标签：