HTML标签全览:从基础到高级
需积分: 9 40 浏览量
更新于2024-09-08
1
收藏 3KB TXT 举报
"HTML标签是构建网页的基本元素,它们用于定义网页内容的结构和样式。本文将对HTML标签进行详细总结,涵盖常见的文本格式化、链接、图像、表格、表单和其他元素。"
HTML(HyperText Markup Language)是用于创建网页的标准标记语言,它的核心就是各种标签。以下是一些主要的HTML标签及其用途:
1. `<a>`: 锚点标签,用于创建链接,可以链接到其他网页、文件或页面内的特定位置。
2. `<abbr>`: 缩写标签,用于表示缩写的全称,例如`<abbr title="World Health Organization">WHO</abbr>`。
3. `<acronym>`: 已废弃,原本用于表示首字母缩写,现在通常使用`<abbr>`替代。
4. `<address>`: 地址标签,用于显示联系信息,如作者或网站所有者的地址、电话和电子邮件。
5. `<area>`: 区域标签,与`<map>`配合使用,定义图像映射,即在图像上设置可点击的热点区域。
6. `<b>`: 粗体标签,用于强调文本,现代HTML更推荐使用`<strong>`来表示强调。
7. `<base>`: 基本URL标签,用于设定页面所有链接的基准URL。
8. `<bdo>`: 文本方向覆盖标签,用于指定文字方向,比如从右到左。
9. `<big>`: 大号文本标签,已废弃,现代CSS中可以使用`font-size`属性替代。
10. `<blockquote>`: 引用块标签,用于插入大段引用或者区块引用。
11. `<body>`: 主体标签,定义HTML文档的主要内容。
12. `<br>`: 换行标签,用于在文本中插入一个单独的换行。
13. `<button>`: 按钮标签,用于创建交互式按钮,可以关联JavaScript事件。
14. `<caption>`: 表格标题标签,用于定义表格的标题。
15. `<cite>`: 引用标签,用于表示作品的名称,如书籍、歌曲或电影。
16. `<code>`: 计算机代码标签,用于表示一小段代码片段。
17. `<col>`: 列定义标签,用于定义表格列的属性。
18. `<colgroup>`: 列组标签,用于定义表格中的多列属性。
19. `<dd>`: 定义描述标签,用于定义`<dl>`列表中的定义项的描述。
20. `<del>`: 删除文本标签,用于表示文本已被删除。
21. `<div>`: 分区标签,用于组合其他HTML元素,提供样式布局和文档分区。
22. `<dfn>`: 定义实例标签,用于表示术语的首次定义。
23. `<dl>`: 定义列表标签,用于创建术语和解释的列表。
24. `<dt>`: 定义项标签,用于定义`<dl>`列表中的术语。
25. `<em>`: 弱强调标签,表示文本的重要性或强调,通常用斜体表示。
26. `<fieldset>`: 表单域标签,用于分组表单相关的元素。
27. `<form>`: 表单标签,用于创建用户输入表单。
28. `<frame>`: 页框标签,用于在`<frameset>`中定义一个独立的显示区域。
29. `<frameset>`: 页框集标签,用于组织多个`<frame>`,创建多窗口页面。
30. `<h1>` to `<h6>`: 标题标签,分别表示一至六级标题,用于定义页面结构和层次。
31. `<head>`: 头部标签,包含页面的元数据,如标题、字符集、样式表等。
32. `<hr>`: 水平线标签,用于插入一条水平分隔线。
33. `<html>`: HTML文档根标签,包裹整个HTML文档。
34. `<i>`: 斜体标签,用于表示文本的特殊意义,如技术术语或外来词。
35. `<iframe>`: 内联框架标签,用于在页面中嵌入另一个网页或资源。
36. `<img>`: 图像标签,用于插入图片,需要指定`src`属性指向图像文件。
37. `<input>`: 输入控件标签,用于创建各种类型的用户输入,如文本框、复选框、单选按钮等。
38. `<ins>`: 插入文本标签,表示文本被插入或添加。
39. `<kbd>`: 键盘输入标签,用于表示用户应按下的键盘键。
40. `<label>`: 标签标签,用于关联表单控件,提高可用性。
41. `<legend>`: 传说标签,用于定义`<fieldset>`的标题。
42. `<li>`: 列表项标签,用于创建有序或无序列表的项目。
43. `<link>`: 链接标签,用于引入外部样式表或定义页面关系。
44. `<map>`: 图像映射标签,与`<area>`配合使用,定义可点击的图像区域。
45. `<meta>`: 元数据标签,提供页面元信息,如字符编码、关键词、描述等。
46. `<noframes>`: 无框架内容标签,用于在不支持框架的浏览器中显示内容。
47. `<noscript>`: 无脚本标签,用于在浏览器禁用JavaScript时显示内容。
48. `<object>`: 对象标签,用于插入各种类型的内容,如图像、视频、Flash等。
49. `<ol>`: 有序列表标签,用于创建带有数字或字母序号的列表。
50. `<optgroup>`: 选项组标签,用于在下拉列表`<select>`中创建逻辑组。
51. `<option>`: 选项标签,用于定义下拉列表中的选项。
52. `<p>`: 段落标签,用于定义文本的段落。
53. `<param>`: 参数标签,用于定义嵌入对象(如`<object>`)的参数。
54. `<pre>`: 预格式化文本标签,保留空格和换行,用于显示代码或其他格式化的文本。
55. `<q>`: 短引号标签,用于插入简短的直接引用。
56. `<samp>`: 样例代码标签,用于表示代码示例。
57. `<script>`: 脚本标签,用于引入JavaScript代码或外部脚本文件。
58. `<select>`: 下拉列表标签,用于创建用户选择的下拉菜单。
59. `<small>`: 小号文本标签,用于表示较小的文本,如注释或法律条款。
60. `<span>`: 内联元素标签,用于组合文本或应用样式到部分文本。
61. `<strong>`: 强调标签,表示文本的重要性和强调,通常用粗体表示。
62. `<style>`: 样式标签,用于在HTML文档中定义CSS样式。
63. `<sub>`: 下标标签,用于将文本置于基线之下,如化学公式中的小写字母。
64. `<sup>`: 上标标签,用于将文本置于基线之上,如数学公式中的指数。
65. `<table>`: 表格标签,用于创建表格结构。
这只是HTML标签的一小部分,实际中还有更多标签,如表格的`<thead>`, `<tbody>`, `<tfoot>`, `<th>`, `<td>`等,以及表单元素的`<textarea>`、`<select>`、`<option>`等。熟练掌握这些标签,能帮助开发者构建功能丰富且结构清晰的网页。
2020-12-31 上传
2008-07-24 上传
2008-10-18 上传
2007-06-24 上传
点击了解资源详情
点击了解资源详情
2016-05-10 上传