研究链接、列表和图像

“超文本”一词表示，你不仅可以在网页上显示文本。 HTML 提供创建指向其他资源的链接并将图像添加到页面的功能。

超链接

超链接（或仅链接）允许用户导航到其他内容。这可能是您的网站上的另一个页面、完全独立的网站，甚至是电子邮件地址。 HTML 的主要目标之一是允许将这些“指针”添加到页面以便轻松访问。这是通过链接完成的。

用于创建链接的标记 a，是锚点的缩写。打开和关闭 a 标记之间的内容变为超文本，使用户能够访问资源。

所引用的资源是通过使用称为（或称作超文本引用）的href来指示的。属性在开始标记内添加，通常以名称和值（称为键值对）配对的形式出现，其中值包含在引号中。

<a href="some url">clickable text</a>

键值对在表单中使用。如果填写表单，系统可能会要求单独输入名字和姓氏。窗体有一个标签名字和一个空格，还有另一个标签姓氏和一个空格。标签类似于 HTML 属性中的键，在空白空间中放置的任何内容都是值。在 HTML 属性中，键和值通过等号联接，以显示它们属于一起。

链接可以指向许多类型的资源。多次链接指向其他网页或网站。但是，链接也可以指向电子邮件地址、文件（如 PDF 文档）、视频或图像。

若要创建指向外部站点的链接，请使用站点的完整地址。例如，若要创建指向Microsoft文档网站的链接，可以使用：

<a href="/">Microsoft Technical Documentation</a>

可以链接到电子邮件地址。这种类型的链接将自动打开用户的电子邮件客户端，并在指令之后将地址填入“mailto:”字段。

<a href="mailto:someone@example.com">Email us!</a>

如果在正在创建的 HTML 页面中放置链接，你会注意到（不在内部）开始标记和结束标记之间的文本变为蓝色。你还会发现地址已隐藏。最后，你注意到这个单词现在可以被选择。也就是说，您选择该单词以跳转到资源。

显示为链接的文本称为链接文本。使用良好的链接文本是确保页面可供所有用户访问的关键。 “单击此处”等短语对屏幕阅读器和其他用于导航 Web 的非浏览器工具造成干扰。最佳做法是始终使用简要描述所引用资源的链接文本。可以通过浏览辅助功能学习模块详细了解如何确保辅助功能。

img 标记用于在页面上显示图像。与其他大多数元素不同，img 没有结束标记。 src 属性用于指向在页面上显示的图像的位置，alt 描述搜索引擎和屏幕阅读器等内容的图像内容。

重要

虽然 height 和 width 属性可用于指定图像的显示高度和宽度，但它们不会调整图像文件本身的大小。最佳做法是将图像文件调整为页面使用的尺寸。

<img src="headshot.png" alt="Picture of an employee.">

通常需要在页面上显示信息列表。生成简历时，需要列出以前的角色或资格。 HTML 提供两种不同类型的列表，有序列表和无序列表。

若要创建列表，首先将决定要创建的列表的类型。有序列表使用数字（默认值）或字母进行排序，并将 ol 用于 有序列表。无序列表使用项目符号，并通过 ul 标识为 无序列表。 li的项目由指示。

下面创建一个无序列表：

<ul>
    <li>First item</li>
    <li>Second item</li>
    <li>Third item</li>
</ul>

生成的列表：

下面创建有序列表：

<ol>
    <li>First item</li>
    <li>Second item</li>
    <li>Third item</li>
</ol>

生成的列表：