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

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

一、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开发资源。
页: [1]
查看完整版本: 数百个HTML常用标签及标签的常用属性汇总