现在页面有了文字，但读者还不能从一处内容前往另一处。链接（link）把内容连接起来。HTML 使用 a 元素创建链接，href 属性指定目的地，元素中的文字说明要去哪里。
<a href="https://example.com">访问示例网站</a>浏览器默认常把链接显示为带下划线的彩色文字。颜色可能随着访问状态变化；不要只根据颜色判断是不是链接。使用描述清楚的文字，如“查看活动安排”，比“点这里”更容易理解。
先分清地址从哪里开始
https://example.com 是包含协议和域名的绝对地址，表示某个网站。about.html 是相对地址：从当前文档所在目录找这个文件。如果 index.html 和 about.html 在同一文件夹里，就可以这样互相链接；如果目标不存在，会出现找不到页面，标签本身并不会创建文件。
images/photo.jpg 表示当前目录下 images 文件夹中的文件；../about.html 表示先向上一层目录再找文件。这些路径写法也会用于下一节的图片。网页路径使用 /，不要复制 Windows 路径中的反斜杠。
跳到当前页面的一部分
给目标元素加一个 id 属性，可以为它提供在本页中唯一的标识。链接使用 # 加上这个标识，就能定位该位置：
<a href="#schedule">查看活动安排</a>
<h2 id="schedule">活动安排</h2>
<p>上午十点开始阅读。</p>href="#schedule" 与 id="schedule" 的拼写要完全一致，id 的值不要在同一页重复，也不要包含空格。后面会用 id 关联表单说明和控件；现在先把它理解为元素的唯一名字。
新标签页并不是默认行为
普通链接通常在当前浏览上下文中打开。确实需要新标签页时，可以加 target="_blank"，并明确写 rel="noopener"，避免新页面通过 opener 访问原页面。链接文字最好提示“新标签页打开”。默认不必给每个链接都加这些属性。
Lab 使用页内链接，便于你在课程里安全地试点。点击“Jump to schedule”后观察滚动，再改错 id，看看链接为什么不能到达目标；用重置恢复。外部链接和多个本地 HTML 文件可以在你自己的浏览器页面中练习。
页面实验：链接
先切换对照示例，再按照观察提示修改一处 HTML，比较源码与真实页面。示例中的英文短句可以替换成自己的文字。
点击跳转后使用 Back to top 返回；目标位置由 id 决定。
预览保留浏览器默认的标题、段落和表单外观。示例切换会替换编辑内容；重置实验可恢复初始状态。可点击页内链接、输入文字和选择选项；此练习预览不提交数据、不运行脚本。要在本机尝试，将完整代码保存为 index.html 后用浏览器打开。
知识测验
动手编写：链接
新建 index.html，按照下面的要求编写完整页面；保存并用浏览器打开，边操作边检查结果。参考答案是一种实现，文字内容可以不同。
- 创建“活动安排”和“参加方式”两个 h2，分别给出唯一 id。
- 在页面开头添加两条描述明确的页内链接，检查每条链接与目标 id 对应。