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>