HTML 标签使用总结

最新推荐文章于 2022-03-09 08:47:44 发布

原创最新推荐文章于 2022-03-09 08:47:44 发布 · 666 阅读

2 ·

CC 4.0 BY-SA版权

html 专栏收录该内容

1 篇文章

订阅专栏

本文详细介绍了HTML的各种常用标签，包括文档声明<!DOCTYPE>、HTML结构标签<html>、<head>、<body>、标题标签<h1>~<h6>、段落<p>、链接<a>、图像<img>、表格<table>等，以及各种文本格式化标签如<b>、<i>、<strong>等，还有表单元素<input>、<select>、<textarea>等，以及一些高级标签如<section>、<article>、<audio>等，旨在帮助读者全面理解并掌握HTML基本元素的使用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1. <!DOCTYPE> 定义文档类型

<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN"> HTML 2.0

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN"> HTML 3.2

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/ frameset.dtd">

HTML 4.01 Farsemeset

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> HTML 4.01 Strict

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

HTML 4.01 Transitional

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> HTML 4.01 Transitional（Quirks）

<!DOCTYPE html> HTML 5

2. <html></html> 定义HTML文档

3. <head></head> 定义关于文档的信息

4. <mete> 定义关于HTML文档的元信息

width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />

5.<title></title> 定义文档的标题

6.<body></body> 定义文档的主体

7. <a></a> 定义锚

<a href="指定链接" target="_blank"></a> 在新窗口页面打开指定链接

8. <b></b> 定义粗字体

9. <br /> 定义简单折行（回车）

10. <button></button> 定义按钮（push button）

11. <canvas></canvas> 定义图形（画布）

12. <div></div> 定义文档中的节(block)

13. <footer></footer> 定义section或page的页脚

14. <form></form> 定义表格

15. <h1></h1> to <h6></h6> 定义HTML标题从大到小

16. <header></header> 定义section或page的页眉

17. <i></i> 定义斜字

18. <ifream></ifream> 定义内联框架（通常用于嵌套引入另一页面）

19. <img /> 定义图片

20.

<input /> 定义输入控件

<input type="button" id="" value="按钮" /> 按钮

<input type="image" src="images/ic_like.png" /> 图片

<input type="radio" name="" id="" value=""/><label for=""></label> 单选

<input type="checkbox" name="" id="" value=""/><label for=""></label> 多选

<input type="password" name="" /> 密码

<input type="reset" value="重置" /> 重置

<input type="search" name="" required="" placeholder="Search" x-webkit-speech="" x-webkit-grammar="builtin:search" lang="zh-CN"> 查询

<input type="submit" id="" name="提交" /> 提交

<input type="text" id="" value="" /> 文本

21. <ul></ul> 定义无序列表

22. <li></li> 定义列表的项目

23. <link /> 定义文档与外部资源的关系

24. <ol></ol> 定义有序列表

25. <select></select> 定义选择列表（下拉列表：样式不可更改，可代替）

26. <option></option> 定义选择列表中的选项

</select>

27. <p></p> 定义段落

28. <script></script> 定义客户端脚本

29. <style></style> 定义文档的样式信息

30. <section></section> 定义section（区域）

31. <span></span> 定义文档中的节（inline）

32. <strong></strong> 定义强调文本

33. <table></table> 定义表格

34. <thead></thead> 定义表格中表头内容（可省略）

35. <tbody></tbody> 定义表格中主体内容（可省略）

36. <tfoot></tfoot> 定义表格中表注内容（脚注）（可省略）

37. <tr></tr> 定义表格中的行

38. <th></th> 定义表格中表头单元格

39. <td></td> 定义表格中的单元

40. <abbr></abbr> 定义缩写

41. <acronym></acronym> 定义只取首字母的缩写

42. <address></address> 定义文档作者或拥有者的联系信（斜体字）

43. <applet></applet> 不赞成使用。定义嵌入的applet（用java编写的小应用程序，可以包含在 HTML(标准通用标记语言的一个应用)页中）

44. <area /> 定义图像映射内部的区域

圆形：shape="circle"，coords="x,y,z"

多边形：shape="polygon"，coords="x1,y1,x2,y2,x3,y3,..."

矩形：shape="rectangle"，coords="x1,y1,x2,y2"

</map>

45. <article></article> 定义文章

46. <aside></aside> 定义页面内容之外的内容

47. <audio></audio> 定义声音内容

48. <base /> 定义页面中所有连接的默认地址或默认目标

49. <basefont /> 不赞成使用。定义页面中文本的默认字体、颜色或尺寸

50. <bdi></bdi> 定义文本的文本方向，使其脱离周围文本的方向设置

目前只有 Firefox 和 Chrome 支持 <bdi> 标签。

51. <bdo></bdo> 定义文本方向

52. <big></big> 定义大号字体

53. <small></small> 定义小号字体

54. <blockquote></blockquote> 定义长的引用

55. <caption></caption> 定义表格标题

56. <center></center> 不赞成使用。定义居中文本

57. <cite></cite> 定义引用（citation）（斜体字）

58. <code></code> 定义计算机代码文本

59. <col /> 定义表格中一个或多个列的属性值

60. <colgroup></colgroup> 定义表格中供格式化的列组

61. <command /> 定义命令按钮（只有ie9支持）

command 元素表示用户能够调用的命令。

<command> 标签可以定义命令按钮，比如单选按钮、复选框或按钮。只有当 command 元素位于 menu 元素内时，该元素才是可见的。否则不会显示这个元素，但是可以用它规定键盘快捷键。

62. <datalist><datalist/> 定义下拉列表

</datalist>

63. <dd></dd> 定义定义列表中项目的描述

64. <del></del> 定义被删除文本

65. <details></details> 定义元素细节

66. <dir></dir> 不赞成使用。定义目录列表

67. <dfn></dfn> 定义一个定义项目

68. <dialog></dialog> 定义对话框或窗口

目前只有 Chrome 和 Safari 6 支持 <dialog> 标签。

默认不显示，添加open显示 <dialog open></dialog>

69. <dl></dl> 定义一个定义列表

70. <dt></dt> 定义一个定义列表中的项目

<frame></frame> 定义框架集的窗口或框架

71. <em></em> 定义强调文本

72. <embed></embed> 定义外部交互内容或插件

73. <fieldset></fieldset> 定义围绕表单中原色的边框

</fieldset>

74. <legend></legend> 定义fieldset元素的标题

75. <figure></figure> 定义媒介内容的分组，以及它们的标题

76. <figcaption></figcaption> 定义figure元素的标题

77. <font></font> 不赞成使用。定义文字的字体、颜色和尺寸

78. <frameset></frameset> 定义框架集

79. <hr /> 定义水平线

80. <ins></ins> 定义被插入文本

81. <isindex /> 不赞成使用。定义与文档相关的可搜索索引

82. <kbd></kbd> 定义键盘文本

83. <keygen /> 定义生成秘钥

84. <mark></mark> 定义有记号的文本

85. <menu></menu> 定义命令的列表或菜单

86. <menuitem></menuitem> 定义用户可以从弹出菜单调用的命令/菜单项目

87. <meter></meter> 定义预定义范围内的度量

Firefox, Chrome, Opera 以及 Safari 6 支持 <meter> 标签

88. <nav></nav> 定义导航链接

89. <noframes></noframes> 定义针对不支持框架的用户的代替内容

90. <noscript></noscript> 定义针对不支持客户端脚本的用户的替代内容

91. <object></object> 定义内前对象

92. <optgroup></optgroup> 定义选择列表中相关选项的组合

93. <output></output> 定义输出的一些类型

94. <param /> 定义对象的参数

95. <pre></pre> 定义预格式文本

96. <progress></progress> 定义任何类型的任务的进度

97. <q></q> 定义短的引用

98. <rp></rp> 定义不支持ruby元素显示的内容

99. <rt></rt> 定义ruby注释的解释

100. <ruby></ruby> 定义ruby注释

ruby：一种简单快捷的面向对象(面向对象程序设计)脚本语言

101.<s></s> 不赞成使用。定义加删除线的文本

102. <samp></samp> 定义计算机代码样本

103. <source /> 定义媒介源

104. <strike></strike> 不赞成使用。定义加删除线的文本

105. <sub></sub> 定义下标文本

106. <summary></summary> 为<details>元素定义可见标题

107. <sup></sup> 定义上标文本

108. <textarea></textarea> 定义多行的文本输入控件

109. <time></time> 定义日期/时间

<time> 标签不会在任何浏览器中呈现任何特殊效果。

<p>我们在每天早上 <time>9:00</time> 开始营业。</p>

110. <track></track> 定义用在媒体播放器中的文本轨道

IE10, Chrome 以及 Opera 支持 <track> 标签。

</video>

111. <tt></tt> 定义打字机文本

112. <u></u> 不赞成使用。定义下划线文本

113. <var></var> 定义文本变量部分

114. <video></video> 定义视频

115. <wbr></wbr> 定义可能的换行符

116. <xmp></xmp> 不赞成使用。定义预格式文本

根据W3school HTML参考手册及部分调试总结，如有不妥，请多指正。

W3school链接 http://www.w3school.com.cn/tags/index.asp