如何创建一个指向我创建的另一个页面的按钮？ [复制]答案

【问题标题】：How to create a button that leads to another page that I have created? [duplicate]如何创建一个指向我创建的另一个页面的按钮？ [复制]
【发布时间】：2019-07-30 09:19:06
【问题描述】：

我用 CSS 和 HTML 创建了 2 个页面，现在我想将两者链接在一起。

我找到了这段代码，但我相信还有更好的选择：

<form action="http://google.com">
    <input type="submit" value="Go to Google" />
</form>

如果我使用它，我必须将两个页面都上传到互联网吗？如何将我的两个页面链接在一起？

【问题讨论】：

为什么不使用链接？
你应该为这样的事情使用链接。它更具语义性。 <a href="http://google.com">Go to Google</a>
developer.mozilla.org/en/docs/Web/HTML/Element/a
使用标签。 w3schools.com/tags/tag_a.asp
“如果我使用它，我必须将两个页面都上传到互联网，对吗？” - 您需要一个网络主机/网络服务器和一个通过 DNS 记录链接的注册域 @yourFavoriteProviderAndRegistrar ，然后上传它，希望你不要破坏整个互联网 ;) 请认真注意 - 在进入中间之前先让自己熟悉前端开发和整个 www，现在基础知识很重要！跨度>

标签： html css

【解决方案1】：

试试下面的代码，

<a href="http://google.com">Go to Googl</a>

【讨论】：

【解决方案2】：

如果您想坚持使用 Form 方法，请参见下文：

<form action="http://www.google.com">
  <button type="submit" class="">Go to Google</button>
</form>

更优雅的是：

<a href="http://www.google.com/">
 <input type="button" value="Go to Google" />
</a>

【讨论】：

【解决方案3】：

试试这段代码，它将帮助你学习 HTML 和 Bootstrap

<html>
<head>
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
</head>
<body>

<div class="container">

  <a href="https://www.google.com/" class="btn btn-info" role="button">Click Here</a>

</div>
</body>
</html>

【讨论】：

您不需要 Bootstrap 将两个页面链接在一起。