HTML标签全览:从基础到高级

需积分: 3 1 下载量 163 浏览量 更新于2024-09-13 收藏 45KB TXT 举报
"这是关于HTML的标记总结,涵盖了各种HTML元素及其用途,对于学习网页设计非常有帮助。" 在HTML(超文本标记语言)中,不同的标记用于构建网页结构和呈现内容。以下是一些常见的HTML标记及其功能: 1. `<!DOCTYPE>`: 这是一个声明,用来指定文档类型和使用的DTD(文档类型定义),例如HTML5不需要引用DTD,只写`<!DOCTYPE html>`即可。 2. `<a>`: 创建超链接,用于跳转到其他页面或锚点,属性`href`用于设定链接地址。 3. `<acronym>`: 用于表示缩写词,现在已经不推荐使用,可以使用`<abbr>`替换。 4. `<address>`: 用于显示联系信息,通常用于页脚。 5. `<applet>`: 用于嵌入Java小应用程序,但在HTML5中已被废弃,现在多使用`<object>`或`<embed>`。 6. `<area>`: 与`<map>`配合使用,定义图像映射,创建可点击的图像区域。 7. `<attribute>`: 不是HTML元素,但它是元素的属性,用于定义元素的特性,如`<img src="image.jpg" alt="Image description">`中的`src`和`alt`。 8. `<b>`: 用于强调文本,使字体变粗,现在更推荐使用`<strong>`来表示语义上的强调。 9. `<base>`: 设置页面的基础URL,影响所有相对链接。 10. `<basefont>`: 设置页面默认字体、颜色和大小,已在HTML5中废弃。 11. `<bdo>`: 用于定义文字方向,如从右到左(RTL)或从左到右(LTR)。 12. `<bgsound>`: 在HTML4中用于添加背景音乐,现在不推荐使用,可以使用JavaScript替代。 13. `<big>`: 使文本增大,已在HTML5中废弃,使用CSS来改变字体大小。 14. `<blockquote>`: 用于引用大段文字,通常会缩进。 15. `<body>`: 定义HTML文档的主体内容。 16. `<br>`: 换行标签,用于插入一个简单的换行。 17. `<button>`: 创建按钮,可与JavaScript交互。 18. `<caption>`: 为表格添加标题。 19. `<center>`: 居中内容,已在HTML5中废弃,使用CSS的`text-align: center`来代替。 20. `<cite>`: 用于引用作品名称,如书籍、电影等。 21. `<code>`: 显示代码片段,保留原有格式。 22. `<col>`: 用于定义表格列的样式。 23. `<colgroup>`: 用于定义表格中一组列的样式。 24. `<comment>`: HTML注释,不会在浏览器中显示。 25. `<currentStyle>`: 对象属性,用于获取元素的当前样式。 26. `<custom>`: 自定义标记,HTML5引入了自定义元素的概念,允许开发者创建自己的标签。 27. `<datatransfer>`: 与拖放操作相关,存储拖放数据。 28. `<dd>`: 定义描述列表中的描述项。 29. `<del>`: 标记已删除的文本,表示修改历史。 30. `<dfn>`: 表示定义术语的首次出现。 31. `<dir>`: 列出目录,现已废弃,使用`<ul>`或`<ol>`代替。 32. `<div>`: 布局容器,用于组合其他元素并进行样式布局。 33. `<dl>`: 定义描述列表。 34. `<document>`: 表示整个HTML文档。 35. `<dt>`: 描述列表中的术语。 36. `<em>`: 用于强调文本,通常是斜体,但现在更注重语义,表示重要性或情感色彩。 37. `<embed>`: 用于插入外部资源,如音频、视频、插件等。 38. `<event>`: 与JavaScript事件处理有关,如`onclick`。 39. `<external>`: 与外部资源相关,比如外部脚本。 40. `<fieldset>`: 将表单元素分组,便于视觉组织。 41. `<font>`: 用于设置字体、大小和颜色,已被CSS取代。 42. `<frame>`: 用于定义框架集中的单个框架。 43. `<frameset>`: 用于创建框架布局。 44. `<from>`: 错误拼写,可能是`form`,用于创建表单。 45. `<head>`: 包含文档元信息,如标题、样式表、脚本等。 46. `<history>`: 与浏览器历史记录相关,用于管理浏览历史。 47. `<hn>`: 错误拼写,可能是`<h1>`到`<h6>`,定义标题级别。 48. `<hr>`: 水平线,用于分隔内容。 49. `<html>`: HTML文档的根元素。 50. `<i>`: 使文本呈斜体,通常用于表示术语或引用。 51. `<iframe>`: 用于在页面中嵌入另一个HTML文档。 52. `<input>`: 创建输入字段,有许多类型如`button`, `checkbox`, `file`, `hidden`, `image`, `password`, `radio`, `reset`, `submit`, `text`等。 53. `<input type=button>`: 创建一个按钮输入字段。 54. `<input type=checkbox>`: 创建一个复选框输入字段。 55. `<input type=file>`: 创建一个文件上传输入字段。 56. `<input type=hidden>`: 创建一个隐藏的输入字段,用户看不到。 57. `<input type=image>`: 创建一个图像提交按钮。 58. `<input type=password>`: 创建一个密码输入字段。 59. `<input type=radio>`: 创建一个单选按钮输入字段。 60. `<input type=reset>`: 创建一个重置按钮,用于清除表单数据。 61. `<input type=submit>`: 创建一个提交按钮,用于提交表单数据。 62. `<ins>`: 标记已插入的文本,表示修改历史。 63. `<isindex>`: 提供搜索字段,已在HTML5中废弃。 64. `<kbd>`: 用于表示键盘输入,通常用于教程或快捷键。 65. `<keygen>`: 用于生成证书的密钥对,已在HTML5中废弃。 66. `<label>`: 与表单控件关联,用于提供可点击的标签。 67. `<legend>`: 为`<fieldset>`提供标题。 68. `<li>`: 列表项,用于`<ul>`无序列表或`<ol>`有序列表。 69. `<link>`: 引入外部资源,如样式表、图标等。 70. `<listing>`: 显示原始文本,类似于`<pre>`,但在HTML5中已被废弃。 71. `<map>`: 定义图像映射,与`<area>`配合使用。 72. `<mark>`: 高亮文本,表示需要突出显示的部分。 73. `<menu>`: 创建菜单列表,HTML5中用于命令菜单。 74. `<meta>`: 描述文档的元信息,如字符集、关键词、描述等。 75. `<meter>`: 显示量度范围,如评分、进度条。 76. `<nav>`: 用于定义主要导航链接。 77. `<noframes>`: 当不支持框架时显示的内容。 78. `<noscript>`: 当浏览器不支持或禁用JavaScript时显示的内容。 79. `<object>`: 用于插入任何类型的外部对象,如视频、音频、插件等。 80. `<ol>`: 创建有序列表。 81. `<optgroup>`: 为`<select>`创建选项组。 82. `<option>`: `select`下拉列表中的选项。 83. `<output>`: 显示计算结果或表单值。 84. `<p>`: 段落。 85. `<param>`: 为`<object>`定义参数。 86. `<pre>`: 预格式化文本,保留空格和换行。 87. `<progress>`: 显示进度,如加载或完成状态。 88. `<q>`: 短引号,用于表示直接引用。 89. `<rp>` 和 `<rt>`: 用于在Ruby注释中显示发音。 90. `<ruby>`: 显示Ruby注释,常用于东亚语言的音读。 91. `<s>`: 删除文本,表示过时或不再有效。 92. `<samp>`: 用于表示计算机代码样本。 93. `<script>`: 引入JavaScript代码或外部脚本。 94. `<section>`: 定义文档中的区域或节。 95. `<select>`: 创建下拉列表。 96.