亲自试一试

style 属性淘汰了“旧的” bgcolor 属性。 亲自试一试：设置背景颜色的旧方法

HTML 样式实例 - 字体、颜色和尺寸

font-family、color 以及 font-size 属性分别定义元素中文本的字体系列、颜色和字体尺寸：

亲自试一试

style 属性淘汰了旧的 标签。 亲自试一试：设置字体的旧方法

HTML 样式实例 - 文本对齐

text-align 属性规定了元素中文本的水平对齐方式：

The heading above is aligned to the center of this page.

亲自试一试

style 属性淘汰了旧的 \属性。 亲自试一试：设置居中对齐的旧方法

HTML 链接

? ?

实例

创建超级链接

本例演示如何在 HTML 文档中创建链接。

将图像作为链接

本例演示如何使用图像作为链接。

（可以在本页底端找到更多实例。）

Previous Page Next Page

HTML 使用超级链接与网络上的另一个文档相连。

锚标签和 Href 属性

HTML 使用 （锚）标签来创建连接另一个文档的链接。

锚可以指向网络上的任何资源：一张 HTML 页面，一幅图像，一个声音或视频文件等等。

创建锚的语法：

用来创建锚。href 属性用于定位需要链接的文档，锚的开始标签和结束标签之间的文字被作为超级链接来显示。 这个锚定义了指向 w3school 的链接：

上面的这行在浏览器中显示为这样：Visit W3School!

Target 属性

使用 Target 属性，你可以定义被链接的文档在何处显示。 下面的这行会在新窗口打开文档：

Visit W3School!

锚标签和 Name 属性

Name 属性用于创建被命名的锚（named anchors）。当使用命名锚（named anchors）时，我们可以创建直接跳至页面中某个节的链接，这样使用者就无需不停的滚动页面来寻找他们需要的信息。 以下是命名锚的语法：

name 属性用于创建命名锚。锚的名称可以是任何你喜欢的名字。 下面这行定义了命名锚：

Useful Tips Section

你会注意到，命名锚会以特殊的方式来显示。

将 # 符号和锚名称添加到 URL 的末端，就可以直接链接到 tips 这个节，就像这样：

从文件 html_links.asp 内部链接到 Useful Tips 节的超级链接是这样的： 跳转到 有用的提示 部分

基本的注意事项 - 有用的提示：

总是将正斜杠添加到子文件夹。假如你这样书写链接的话：href=\，就会向服务器产生两次 HTTP 请求。这是因为服务器会添加正斜杠到这个地址，然后创建一个新的请求，就像这样：href=\

命名锚经常被用在长的文档中创建目录。可以为每个章节赋予一个命名锚，然后连接到这些锚的链接被置于文档的上部。 假如浏览器找不到已定义的命名锚，那么就会定位到文档的顶端。不会有错误发生。

更多实例

在新的浏览器窗口打开链接

本例演示如何在新窗口打开一个页面，这样的话访问者就无需离开你的站点了。

链接到同一个页面的不同位置

本例演示如何使用链接跳转至文档的另一个部分

跳出框架

本例演示如何跳出框架，假如你的页面被固定在框架之内。

创建电子邮件链接

本例演示如何如何链接到一个邮件。（本例在安装邮件客户端程序后才能工作。）

创建电子邮件链接 2

本例演示更加复杂的邮件链接。

链接标签

标签 描述

定义锚。 HTML 表格

? ?

实例

表格

这个例子演示如何在 HTML 文档中创建表格。

表格边框

本例演示各种类型的表格边框。

（可以在本页底端找到更多实例。）

Previous Page Next Page

你可以使用 HTML 创建表格。

表格

表格由 标签来定义。每个表格均有若干行（由 标签定义），每行被分割为若干单元格（由 标签定义）。字母 td 指表格数据（table data），即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。

row 1, cell 1 row 1, cell 2

row 2, cell 1 row 2, cell 2

在浏览器显示如下：

row 1, cell 1 row 1, cell 2 row 2, cell 1 row 2, cell 2 表格和边框属性

如果不定义边框属性，表格将不显示边框。有时这很有用，但是大多数时候，我们希望显示边框。 使用边框属性来显示一个带有边框的表格

Row 1, cell 1 Row 1, cell 2

表格的表头

表格的表头使用 标签进行定义。

Heading

Another Heading

row 1, cell 1 row 1, cell 2

row 2, cell 1 row 2, cell 2

在浏览器显示如下：

Heading Another Heading row 1, cell 1 row 1, cell 2 row 2, cell 1 row 2, cell 2 表格中的空单元格

在大多数浏览器中，没有内容的表格单元显示得不太好。

row 1, cell 1