数百个HTML常用标签及标签的常用属性汇总

人亦已歌 · 发表于 2023-12-15 20:46:38

一、HTML中的常用标签

由于HTML不断更新和发展，新的标签和特性会随着时间而增加。这里我将列出一些常见的HTML标签以及它们的用途，但请注意这并不是一个完整的列表，因为总共有数百个不同的标签。

基础标签：

<!DOCTYPE>: 指定HTML文档遵循的文档类型定义(DTD)。
<html>: 定义一个HTML文档。
<head>: 包含关于文档的元数据，如字符编码、样式表引用等。
<title>: 定义文档的标题。
<body>: 定义文档的主体。
<header>: 页面头部区域。
<nav>: 页面导航部分。
<mAIn>: 页面主要内容区域。
<article>: 自包含的独立内容块。
<section>: 表示文档中的一个章节或区域。
<aside>: 与主要内容相关的辅助性内容。
<footer>: 页面底部区域。
<h1> - <h6>: 标题级别从大到小。
<p>: 定义一个段落。
<br>: 定义简单的折行。
<hr>: 定义水平线。
: 定义一个注释。

文本格式化标签：

<b>: 粗体文本。
<strong>: 强调文本，语义上的重要性。
<i>: 斜体文本。
<em>: 强调文本，语义上的强调。
<u>: 下划线文本。
<del>: 删除线文本。
<ins>: 插入线文本。
<sub>: 下标文本。
<sup>: 上标文本。
<mark>: 高亮文本。
<small>: 小号文本。
<cite>: 引用或作品名称。
<dfn>: 定义术语。
<abbr>: 缩写。
<code>: 计算机代码片段。
<kbd>: 键盘输入。
<samp>: 示例输出。
<var>: 变量名。
<pre>: 预格式化的文本。

链接标签：

<a>: 定义超链接。

图像标签：

<img>: 插入图像。

表格标签：

<table>: 创建表格。
<caption>: 表格标题。
<tr>: 表格行。
<th>: 表头单元格。
<td>: 数据单元格。
<thead>: 表格头部。
<tbody>: 表格主体。
<tfoot>: 表格脚部。

列表标签：

<ul>: 无序列表。
<ol>: 有序列表。
<li>: 列表项。
<dl>: 定义列表。
<dt>: 定义列表中的项目。
<dd>: 定义列表项目的描述。

媒体标签：

<audio>: 嵌入音频文件。
<video>: 嵌入视频文件。

表单标签：

<form>: 创建表单。
<input>: 输入字段（多种类型）。
<textarea>: 多行文本输入框。
<select>: 下拉选择菜单。
<option>: 下拉菜单选项。
<label>: 标签，关联控件和其描述。
<fieldset>: 将相关表单控件分组。
<legend>: 为<fieldset>定义标题。

其他常见标签：

<script>: 包含JavaScript或其他客户端脚本语言。
<style>: 包含内联CSS样式。

这只是HTML标签的一部分，还有更多其他标签可以根据需要使用。具体的完整标签列表可以参考W3C官方文档或者其他权威的Web开发资源。

二、HTML中所有标签的常用属性

HTML标签有许多可选的属性，这些属性用于定义元素的行为和外观。以下是常用的HTML标签属性：

常见全局属性：

id: 为元素分配唯一标识符，以便通过JavaScript或CSS进行访问。
class: 为元素赋予类名，以便通过CSS或JavaScript进行样式或操作。
style: 在元素上直接设置内联样式。
title: 提供元素的提示信息，通常在鼠标悬停时显示。
lang: 定义元素内容的语言。

常见链接标签属性：

href: 在<a>标签中指定链接的目标URL。
target: 指定链接打开的位置，如新窗口 _blank 或当前窗口 _self。

常见图像标签属性：

src: 指定图像源文件路径。
alt: 提供图像无法加载时的替代文本。
title: 提供图像的提示信息。
width 和 height: 设置图像的宽度和高度。
align: 设置图像的对齐方式。

常见表格标签属性：

border: 设置表格边框宽度。
cellpadding: 设置单元格内容与边框之间的距离。
cellspacing: 设置单元格之间的间距。

常见列表标签属性：

type: 设置列表项目符号的类型（仅适用于<ul>和<ol>）。
start: 设置有序列表的起始数字（仅适用于<ol>）。

媒体标签属性：

controls: 显示媒体播放器控制。
autoplay: 当页面加载后自动播放媒体。
loop: 使媒体循环播放。
muted: 默认情况下静音播放媒体。

表单标签属性：

name: 为表单控件指定名字，以便于提交表单时获取数据。
value: 为表单控件设置初始值。
placeholder: 提供输入字段的占位提示信息。
checked: 使复选框或单选按钮默认选中。
disabled: 禁用表单控件。
required: 指定表单控件必须填写。

以上只是部分常用的HTML标签属性。每个标签可能有更多的特定属性，具体取决于它们的功能和用途。要获得最准确和最新的信息，请参考W3C官方文档或其他权威的Web开发资源。

[官方公告] 数百个HTML常用标签及标签的常用属性汇总

相关帖子

活跃会员

热心会员

推广达人

宣传达人

突出贡献

优秀版主

荣誉管理

论坛元老

新手

使用

会员

软件简介