html常用标签

div 标签

div标签是一个块级元素，用于将内容分组，通常用于布局和样式化。

这个标签是html中很常用的标签，里面可以包各种元素标签，然后通过css样式来进行控制。

示例如下：

<div>
  <p>这是一个段落，包含在div元素内。</p>
</div>

a 标签

a标签定义一个超链接，用于从一个页面链接到另一个页面或站点。

a标签有些自己特有的属性：

• href：定义链接的目标URL。这是创建链接时必须的属性。

• type：指定链接的目标内容的MIME类型。

• rel：指定链接和当前文档之间的关系，如 nofollow（告诉搜索引擎不要跟踪链接）。

• target：指定在何处打开链接的目标URL。

• download：提示浏览器下载链接的目标URL，而不是导航到它。可以指定下载文件的名称。

• hreflang：指定链接的目标URL的语言。

常用的是第一个href标签。同时a标签有自己的默认样式：下划线和字体颜色(蓝色)。

示例如下：

<a href="https://www.example.com" target="_blank">访问示例网站</a>

img 标签

img标签用于在html页面中嵌入图像。

img常用属性：

• src：指定图像的URL。这是创建图像时必须的属性。

• alt：提供图像的替代文本，用于图像无法显示时提供信息，也有助于搜索引擎优化和可访问性。

• width 和 height：分别定义图像的宽度和高度，可以是像素值或百分比。

• title：提供图像的额外信息，当用户将鼠标悬停在图像上时显示。

示例如下：

<img src="image.jpg" alt="示例图像" width="100" height="100">

button标签

button标签用于定义一个可点击的按钮。

button常用属性：

• type：定义按钮的类型。常见的值有 submit（提交表单）、reset（重置表单）、button（普通按钮）。

• name：定义按钮的名称，用于表单提交时标识按钮。

• value：定义按钮的值，当表单提交时，该值会发送到服务器。

• disabled：如果设置，按钮将被禁用，用户无法点击。

• onclick：当用户点击按钮时，指定要执行的JavaScript函数。

示例如下：

<button type="submit">提交</button>
<button type="button" onclick="alert('按钮被点击')">按钮</button>