按钮 HTML 链接到另一个页面 - HTML

HTML中的按钮可以通过指定链接地址实现链接到另一个页面的作用。这种按钮通常被称为超链接按钮。

使用 <a> 标签创建超链接按钮

要创建一个链接到另一个页面的按钮，可以使用HTML中的超链接标签 <a>。例如，要创建包含文本“Click Me”的按钮，可以使用以下代码：

<a href="http://www.example.com">Click Me</a>

在上面的示例中，href 属性指定了要链接到的页面的网址（URL），Click Me 是按钮中显示的文本。

要将超链接按钮呈现为按钮形状，还需要使用 CSS 来设置样式。以下代码展示了如何使用 CSS 为超链接按钮设置样式：

<style>
    .btn {
        display: inline-block;
        padding: 10px 20px;
        background-color: #0070C0;
        color: #fff;
        text-decoration: none;
        border-radius: 5px;
    }

    .btn:hover {
        background-color: #00588C;
    }
</style>

<a href="http://www.example.com" class="btn">Click Me</a>

在上面的示例中，class 属性为按钮添加了 btn 样式类。.btn 样式类定义了按钮的样式，例如按钮的背景颜色、文本颜色、边框半径等。.btn:hover 样式类为鼠标悬停时的样式定义了不同的背景颜色。

总结

使用 HTML 超链接标签 <a> 可以轻松地创建链接到其他页面的按钮。要将超链接按钮呈现为按钮形状，还需要使用 CSS 设置样式。使用样式类可以让按钮具有各种不同的样式。