如何链接到html中的其他页面内容

Question

我是建立网站的新手，我没有基本的编程知识。

我尝试构建一个可以显示许多gif动画的html网站。如何链接导航列表让我们说nav_work只显示工作内容？

<div id="navigation_bar">
<ul id="navList">
<li><a id="nav_home" class="menu" href="index.html">Home</a></li>

<li><a id="nav_work" class="menu" href="work.html">Work</a></li>

<li><a id="nav_about" class="menu" href="about.html">About</a></li>

<li><a id="nav_contact" class="menu" href="contact.html">Contact</a></li>
</ul>

</div>

enter image description here

Answer 1

您可以简单地使用＃进行导航。
示例1

<a href="#work">Work</a>

将使用id＆＃34; work＆＃34;
来定位div <div id="work">ABC</div>
示例2

<a href="work.html">Work</a>

将定位到work.html页面

示例3

<a href="work.html#work">Work</a>

将从work.html页面

定位ID为工作的div