在网站上经常会使用到列表：比如菜单、正文中的条目列表等。我们先从最常用的一种——无序列表 <UL></UL>（unordered list - 无序列表）开始学习。

UL 列表

UL 列表用于菜单和带有项目符号的列表，并且可以通过 HTML 设置项目符号的样式。

我们先来修改一下我们的 HTML 代码：

我们现在来到了 HTML 的最核心部分 —— 超链接（或简称 链接）。链接是组织和连接不同资料的方式。假设你有 100,000 个文本文件，如果要为它们建立目录，即使每个目录下有 200 个文档描述，你也需要 500 个目录。要浏览这 500 个目录找到所需的信息会耗费大量时间。那么链接是如何让我们的生活变得更简单的呢？

链接以任意方式连接两个 HTML 文档，使每个文档都有唯一的名称。这样我们就能从一个文档跳转到十个其他相关或热门的文档，从而更容易找到所需的信息。

表格是信息存储的重要形式之一。像 Excel、Access 等数据库都是以表格的形式来存储信息。表格能够直观地展示数据，并且这些数据很方便用于绘制图表和统计图。在本课中，我们将学习如何在 HTML 中创建表格。为此，我们会使用以下标签：<table>、<tr>、<td>、<th>、<thead>、<tbody>、<tfoot>。

标签 table

TABLE 是表格的主标签，其他表格相关的标签都放在它的内部。

<table>
</table>

所有其他的表格标签都要写在这个标签内部。

网站上的图片是非常重要的元素，没有图片的网站看起来会灰暗、单调。图片用于装饰网站、展示相册，或者仅仅是为了在页面中添加一些视觉内容。

要插入图片，可以使用 IMG 标签（注意我们写的是 img，而不是完整的 image）。IMG 标签是单标签，即 <img />，没有闭合标签。

IMG 标签的主要属性是 src。它的作用与链接标签的 href 类似，我们需要在 src 属性中指定图片文件的路径。路径可以是相对路径，也可以是绝对路径。

我们经常需要在自己的博客中嵌入 YouTube 视频，本课我们将学习如何使用相应的标签及其属性。首先，让我们访问 YouTube 并复制视频的嵌入代码。

得到的代码如下：

我们之前已经讲过，不同的标签具有各自的属性。现在该谈谈另一类属性——那些对所有标签都通用的属性。让我们来看看最常用的一些。

属性 id

id 属性用于给标签指定一个唯一的名称。这样的名称不应重复，否则在使用 jQuery 或 JavaScript 时可能会引发问题。以下是一些 id 属性的使用示例：

网站的主要元素之一是菜单（导航）。通过菜单，用户可以在网站页面之间进行跳转。菜单对于搜索引擎的索引也非常重要，如果页面之间没有链接，搜索引擎就无法遍历整个网站。让我们看看菜单是如何组成的。

菜单通常使用无序列表（标签 ul、li）来实现，因此每个菜单项都是列表中的一个元素：

...
<ul>
  <li></li>
  <li></li>
</ul>
...

在 li 标签内部通常插入指向不同页面的链接：

我想在这里结束这本 HTML 教程，不过如果我以后想到新的内容，还会继续发布有关 HTML 的课程。也许你会觉得这本教程太短了，但它的标题就是“初学者指南”。我认为没必要在这里详细讲解所有标签，我会在后续的 HTML 参考手册中再介绍它们。

如果你想继续学习，我建议你接着学习 CSS。它是 HTML 的一部分，用来美化 HTML 元素，让网页看起来更漂亮。

这是我编写的 CSS 教程 链接。

使用 HTML，您可以创建自己的网站。本HTML 教程将教会您如何编写HTML 网站。这些HTML 课程简单易懂，您一定会享受学习 HTML 的过程。

那么，你已经读完了 HTML 教程，现在准备迈出下一步，开始学习 CSS，以打造你自己漂亮的网站。为什么需要 CSS？如果你读过我的《HTML 初学者指南》，你可能注意到那本教程相当简短。我故意略过了许多与样式相关的标签和属性，比如斜体、粗体、颜色、形状和高亮。我这么做是有意的，因为你很快就不再需要它们。

当然，有些人仍然会使用标签 <font>、<b>、<center> 或属性 bgcolor、align、color 等。而且，可能当你阅读其他 HTML 教程时，也遇到过这些用于文本样式的标签。但我要告诉你的是：忘掉它们！ 你将不再需要它们，继续使用这些标签只会让你的代码变得不规范，其他程序员或前端开发人员也会更难理解。

从现在开始，你将学习如何使用 CSS 来美化文本。如果你熟悉排版或印刷出版的版面设计，你会更能体会到 CSS 的强大，因为 CSS 的出现正是为了实现完整的版面布局，而不仅仅是提供类似 font、center 等标签的零散功能。

如果你只读过我的《HTML 初学者指南》，那么你已经具备了足够的 HTML 知识来继续学习 CSS。所以，让我们开始吧。