Question

我是HTML5编码的新手，并且正在建立我的第一个网站。例如，我如何将“事件”页面链接到“关于我们”页面？因此，按此顺序：主页>关于我们>活动。我觉得我可能已经想不通了，但是我找不到任何答案。我需要链接两个页面。我是否要在“关于我们”页面中添加另一个导航选项？

Answer 1

如果这只是一个静态HTML网站，则可以将文件夹结构设置为：

/home
    - index.html
    - /about
        - index.html
        - /events
            - index.html

然后每个索引页都将链接到其他任何类似的页面

<a href="./about">About Us</a>

然后只要在页面正文中执行任何操作即可。

如果有后端或前端框架，则还有许多其他方法可以做到这一点。

Answer 2

每个页面都是一个单独的.html文件。

在每个html文件的顶部，都有一个导航栏。它可以由内嵌显示的<li></li>个元素构成，也可以是一系列<div>的元素（同样，内部div的样式为内联或内联块），也可以是一个表格（错误想法，但只是说...）。

导航栏的每个“单元”都包含一个<a href="">链接，该链接链接到其他页面。例如，使用常见的<li>格式：

<ul id="navbar">
    <li><a href="index.html">Home</a></li>
    <li><a href="about.html" class="active">About</a></li>
    <li><a href="summat.html">Summat Else</a></li>
</ul>

在“关于”页面上，您将为该页面的链接提供一个特殊的className（流行的是“ active”），然后使用CSS设置该链接的样式，使其显示为活动状态-可能是深色背景和黄色文本，或者一些这样的。

.active{color:yellow;background:darkcyan;}

在每个页面上，为该页面分配链接以具有活动的类。这样，在每个页面上的导航链接会向用户显示他们所在的页面。

如果用户在主页（index.html）页面上并单击“关于”页面-单击的<a>标记会将其发送到about.html页面。就这么简单。如果所有页面都在服务器上的同一目录中（或xampp中），则无需任何斜杠或类似内容。

在“关于”页面上，您可以在“事件”页面的菜单中添加其他内容-所做的操作与之前完全相同，但是现在您为events.html页面添加了<li>。 导航栏通常在每页上显示 相似 ，但不相同-通常，每个页面都有一个或多个该页面特有的导航栏链接。

Answer 3

href 属性指定链接的目的地：

<a href="https://www.w3schools.com">Visit W3Schools</a>

语法：

<a href="URL">

您可以使用 href 属性来直接重定向到您网站的另一页面：

<a href="./contact">Contact page</a> 
<a href="./home">Home page</a>

如何将网页添加到现有网页？（HTML5）

3 个答案:

如何将网页添加到现有网页？ （HTML5）

3 个答案:

如何将网页添加到现有网页？（HTML5）