HTML页面上的按钮不会打开到单独的页面

时间:2019-05-04 00:02:40

标签: html css web button

我无法让主页底部的按钮链接到包含各种信息的其他页面,例如我在访问中创建的表格。这是有关信息技术的入门级大学课程的最后一个项目,我从未建立过网站。

尝试了许多不同的方法,但它似乎只能在已经下载了所有文件的计算机上工作,而不是从非本地服务器上工作。

您应该能够单击底部的按钮,这将打开一个包含其他信息的单独页面。尝试上传到代码中的所有其他文件已保存为.html

<html><head>
</head><body bgcolor="#808080" <link="" rel="stylesheet" type="text/css" href="style.css">


<h1>
    Serial Killers
</h1>
<h3>LIS 351 Final Project by Luke Tinsey</h3>
<img src="https://i.pinimg.com/originals/59/56/be/5956bef9b1d3384714d5e37826e41055.png" alt="Serial Killer Collage" width="400" height="300">
<p style="font-size: 25px;">
    My project is about serial killers and I'm interested in creating a database that includes details about some of the most infamous killers in the world.
    I list things such as their names, methods of killing, hometowns, confirmed and potential kills.
</p><p>
</p><p style="font-size: 25px;"></p>
    The serial killers I focused on are:
    <ul>
    <li>1. Ted Bundy</li>
    <li>2. Jeffrey Dahmer</li>
    <li>3. Harold Shipman</li>
    <li>4. Belle Gunness</li>
    <li>5. John Wayne Gacy</li>
    <li>6. Edmund Kemper</li>
    <li>7. Gary Ridgway</li>
</ul>
<p></p>
<p></p>
<p>Click the links below for some more information!</p>
<button onclick="window.location.href='SerialKillersInfo%20Query.html'">Serial Killer Information</button>
<button onclick="window.location.href='Method%20Query.html'">Methods</button>
<button onclick="window.location.href='Documentation%20Query.html'">Documentation</button>
<button onclick="window.location.href='Method_Killer%20Query.html'">Cold Weather Correlation</button>
<p></p>
<p></p>
<button onclick="window.location.href='citations.html'">Citations</button>
<button onclick="window.location.href='Reflection%20Response.htm'">Reflection Response</button>
</body></html>

2 个答案:

答案 0 :(得分:0)

如果其他.html文件与该文件位于同一文件夹/目录中,则更改指向该文件的链接。

<button onclick="window.location.href='./SerialKillersInfo%20Query.html'">Serial Killer Information</button>

我也强烈建议您删除文档名称中的空格,并插入 SerialKillersInfoQuery.html

<button onclick="window.location.href='./SerialKillersInfoQuery.html'">Serial Killer Information</button>

简而言之,只需在HTML文件的名称中添加./infront。

答案 1 :(得分:0)

将链接添加到按钮的正确方法实际上是使用标签。

然后,您可以使用一点CSS来使标签看起来像一个按钮 这是一个示例,您可以简单地用您的html文件替换href中的内容

<a href="file.html">Click Here!</a>