HTML的元素众多,包括基础元素、列表元素、表格元素、表单元素以及其他一些特殊元素。以下是对HTML元素的一个详细归纳:
一、基础元素
- 标题元素:HTML提供了六级标题,从
<h1>
到<h6>
,字体大小依次递减。 - 段落元素:
<p>
标签用于定义一个段落。 - 文本格式化元素:包括加粗
<b>
、斜体<i>
、下划线<u>
、删除线<del>
、上标<sup>
和下标<sub>
等。 - 换行元素:
<br>
标签用于在文本中插入一个换行符。 - 链接元素:
<a>
标签用于创建链接,可以链接到其他页面或同一页面内的锚点。 - 图像元素:
<img>
标签用于嵌入图像,可以指定图像的URL、宽度和高度等属性。
二、列表元素
- 无序列表:
<ul>
标签用于定义无序列表,列表项使用<li>
标签定义。无序列表的列表项默认使用黑色实心圆标记。 - 有序列表:
<ol>
标签用于定义有序列表,列表项同样使用<li>
标签定义。有序列表的列表项默认使用数字标记。 - 定义列表:
<dl>
标签用于定义定义列表,<dt>
用于定义列表项标题,<dd>
用于定义列表项描述。
三、表格元素
- 表头:
<th>
标签用于定义表头单元格。 - 表格行:
<tr>
标签用于定义表格行。 - 表格单元格:
<td>
标签用于定义表格单元格。
四、表单元素
- 表单:
<form>
标签用于定义表单,可以包含多种输入控件如文本框、单选框、复选框、提交按钮等。 - 输入控件:包括文本框
<input type="text">
、密码框<input type="password">
、单选框<input type="radio">
、复选框<input type="checkbox">
、提交按钮<input type="submit">
等。 - 多行文本输入框:
<textarea>
标签用于定义多行文本输入框。 - 下拉菜单:
<select>
标签用于定义下拉菜单,选项使用<option>
标签定义。
五、其他元素
- 布局元素:如
<div>
用于将文档分隔成独立的区域,<span>
类似于<div>
但通常用于标记文本的一部分。还有<header>
、<footer>
、<nav>
、<section>
和<article>
等用于页面布局和组织的元素。 - 音频和视频元素:
<audio>
和<video>
标签分别用于嵌入音频和视频内容。 - 画布元素:
<canvas>
标签用于定义绘图和动画的画布。 - 内嵌框架元素:
<iframe>
标签用于在网页中嵌入其他网页或内容。
此外,HTML5还引入了一些新的元素和属性,如用于定义页面元数据的<meta>
标签、用于定义页面样式的<style>
标签以及用于定义自定义数据的data-*
属性等。这些元素和属性进一步增强了HTML的功能和灵活性。