HTML按钮（Button）和链接（Href）

HTML中有两种常用的元素，按钮和链接。本文将介绍它们的不同之处和如何创建它们。

链接（Href）

在HTML中，链接是通过给<a>标签设置href属性来创建的。该属性指定要链接到的URL。例如：

<a href="https://www.example.com">Link to Example</a>

在浏览器中，这个标记将看起来像这样：

Link to Example

<a>标记还可以用于在同一页面中定位到特定的元素。例如，下面的代码将使用户单击链接后滚动到ID为“section1”的元素：

<a href="#section1">Go to section 1</a>

<p id="section1">This is section 1!</p>

按钮（Button）

按钮是HTML中的交互元素，可以用于提交表单、执行JavaScript函数等。可以使用<button>标签来创建按钮。例如：

<button>Click me!</button>

在浏览器中，这个标记将看起来像这样：

Click me!

通常，按钮在点击后会触发某些事件，例如提交表单或执行JavaScript函数。要指定这些事件，请使用type属性。例如：

<button type="submit">Submit form</button>

按钮还可以与表单一起使用，提交表单的方式类似于上面的示例。例如：

<form action="/submit" method="post">
  <input type="text" name="username">
  <button type="submit">Submit</button>
</form>

此表单将提交到/submit URL，并在发送请求时包括名称为username的文本输入字段的值。

总结

链接和按钮是HTML中的两个常用元素。链接用于跳转到其他页面或页面上的不同部分，按钮用于在HTML中创建交互式元素。