Question

 <!DOCTYPE html>
    <html>
    <head>
    <title>______</title>
    <button class="btn about">About</button>
    <button class="btn socialmedia">Social Media</button></button>
    <button class="btn profile">Profile</button>
    <button class="btn contact">Contact</button>
    <button class="btn homepage">Homepage</button>

我想要的是，当他们点击联系人时，它会将他们带到我创建的页面上，其中包含所有联系信息。请以简单的方式解释。

Answer 1

您可以在HTML中使用锚标记来执行此操作。

<a href = " "> </a>

作为HTML约定，在定义节时，您可以为每个节提供标识符的ID：

<section id= "id1" ></section>

您可以通过在锚标记中提及它们来重定向到该部分：

<a href = "#id1"> </a>

https://jsfiddle.net/ybhh3jpx/

Answer 2

使用锚标记：

<a href="http://yourdestination.com">About</a>

您可以将按钮或任何内容放在锚标记之间，它将创建链接。假设你想要一个图像，你会把：

<a href="http://yourdestination.com"><img src="yourimage.png" /></a>

如果你想做按钮，我会在锚标签上创建一个css类，并将它设置为这样：

<a class="button_class" href="http://yourdestination.com">About</a>

但您也可以将按钮放在锚点之间：

<a href="http://yourdestination.com"><button class="btn about">About</button></a>

Answer 3

如果你不喜欢它包装<a>标签，例如：

<a href="http://www.example.com"><button class="btn about">About</button></a>

您可以使用JS或JQuery

<强> 1。内联JS

<button class="btn about" onclick="window.location='http://www.example.com';">About</button>

<强> 2。 JS功能

<script>
    function visitPage(){
        window.location='http://www.example.com';
    }
</script>

<button class="btn about" onclick="visitPage();">About</button>

第3。 JQuery的

<button id="about">About</button> $('#about').click(function() { window.location='http://www.example.com'; });

我如何制作它，以便当我点击Html中的按钮时如何制作它以便网页将自己重定向到它应该去的地方

3 个答案: