6、HTML5 入门教程：链接、路径与资源管理

HTML5 入门教程：链接、路径与资源管理

1. 统一页面导航

为了让网站拥有统一的设计，方便用户在不同页面间轻松切换，我们可以在每个页面添加相同的导航列表。具体操作如下：
1. 打开 HTML 编辑器中的 ct_locations.html 文件。
2. 粘贴复制的 HTML 代码，替换该文档中之前的页面头部。
3. 保存文件更改。
4. 对 ct_menu.html 、 ct_reviews.html 、 ct_catering.html 和 ct_contact.html 文件重复上述步骤，用 ct_about.html 中的修订头部替换这些文档中的主体头部，并保存每个文件的更改。
5. 在浏览器中重新打开 ct_locations.html 文件，验证是否可以通过点击每个页面顶部导航列表中的项目从一个页面跳转到另一个页面，同时验证是否可以随时通过点击 Curbside Thai 标志跳转到启动页面。

2. 指定文件夹路径

在创建的链接中，浏览器默认链接文件与当前页面位于同一文件夹。但大型网站通常会将文档放在单独的文件夹中以便管理。例如，Curbside Thai 网站可能会有如下文件夹结构：

graph LR
    thai[thai] --> docs[docs]
    thai --> imgs[imgs]