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

HTML标签总结

需积分: 9 196 浏览量更新于2024-09-08 1 收藏 3KB TXT 举报

身份认证购VIP最低享 7 折!

30元优惠券

"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>`等。熟练掌握这些标签，能帮助开发者构建功能丰富且结构清晰的网页。

资源详情

资源推荐

<a>:anchor 定义锚
<abbr>:abbreviation 定义缩写
<acronym>: 定义只取消首字母的缩写
<address>:定义地址元素
<area>:定义图像映射内部的区域
<b>:bold 定义粗体字
<base>:定义页面当中的所有链接的基准链接
<bdo>: bidirectional override 定义文字的显示方向
<big>:定义大号字
<blockquote>:定义长的引用
<body>:定义body元素
<br>:break 插入一个回车
<button>:定义按钮
<caption>:定义表格标题
<cite>:citation 定义引用
<code>:computer code 定义计算机代码文本
<col>:column 定义用于表格列的属性
<colgroup>:column group 定义表格的列祖
<dd>:definition description 定义定义的描述
<del>:delete 定义被删除的文本
<div>:division 定义文档中的节
<dfn>:defining instance 定义定义的项目。
<dl>:definition list 定义定义列表
<dt>:definition term 定义定义的项目
<em>:emphasized 定义强调文本
<fieldset>:定义域结构
<form>:定义表单
<frame>:定义框架的子窗口
<frameset>:定义框架集
<h1>to<h6>:定义标题1到标题6

下载后可阅读完整内容，剩余3页未读，立即下载

Downton97

粉丝: 24
资源: 5

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

html标签总结

HTML标签总结，包含HTML4和HTML5

html样式总结,html标签自带样式总结(示例代码)

js给html代码中第2个标签添加一个闭合标签

js遍历json html标签

java中匹配html标签的正则表达式

html中input的作用和结论,html中input标签的属性有哪些？input标签的用法总结（附实例）...

echarts formatter加入html标签

HTML里的ul标签

html中label标签

行级标签和块状标签的区别

以html新增标签写一篇1000字的文章

MarkDown 里的分隔符，不能使用 HTML 的标签实现，例如 对吗

html td标签显示边框

简述HTML文档的基本结构，并编写一个HTML文档。

routerlink标签

好看的table标签

print.js打印得力标签

HTML学习有什么需要注意的

python3 xpath 根据文字找标签所在的位置

最新资源

MarkDown 里的分隔符，不能使用 HTML 的标签实现，例如
对吗