HTML标签

本文概述

  • 句法
  • HTML标签示例
  • 未封闭的HTML标签
  • HTML元标记
  • HTML文字标签
  • HTML链接标签
  • HTML图像和对象标签
  • HTML列表标签
  • HTML表格标签
  • HTML表单标签
  • HTML脚本标记
  • HTML标签列表
HTML标签就像关键字一样, 定义了Web浏览器如何格式化和显示内容。借助标签, Web浏览器可以区分HTML内容和简单内容。 HTML标签包含三个主要部分:开始标签, 内容和结束标签。但是某些HTML标记是未封闭的标记。
当网络浏览器读取HTML文档时, 浏览器从上到下以及从左到右读取。 HTML标记用于创建HTML文档并呈现其属性。每个HTML标签都有不同的属性。
HTML文件必须具有一些基本标记, 以便Web浏览器可以区分简单文本和HTML文本。你可以根据代码要求使用任意数量的标签。
  • 所有HTML标记必须包含在这些括号内。
  • HTML中的每个标签执行不同的任务。
  • 如果你使用了开放标签< tag> , 则必须使用封闭标签< / tag> (某些标签除外)
句法< tag> 内容< / tag>
HTML标签示例注意:HTML标记始终以小写字母书写。基本的HTML标签如下:
< p> Paragraph Tag < /p> < h2> Heading Tag < /h2> < b> Bold Tag < /b> < i> Italic Tag < /i> < u> Underline Tag< /u>

立即测试
未封闭的HTML标签某些HTML标记未关闭, 例如br和hr。
< br> 标签:br代表换行符, 它折断了代码行。
< hr> 标记:hr代表水平尺。此标记用于在网页上放置一行。
HTML元标记【HTML标签】DOCTYPE, 标题, 链接, 元和样式
HTML文字标签< p> , < h1> , < h2> , < h3> , < h4> , < h5> , < h6> , < strong> , < em> , < abbr> , < 首字母缩写> , < 地址> , < bdo > , < blockquote> , < cite> , < q> , < code> , < ins> , < del> , < dfn> , < kbd> , < pre> , < samp> , < var> 和< br>
HTML链接标签< a> 和< base>
HTML图像和对象标签< img> , < area> , < map> , < param> 和< object>
HTML列表标签< ul> , < ol> , < li> , < dl> , < dt> 和< dd>
HTML表格标签表, tr, td, th, tbody, thead, tfoot, col, colgroup和caption
HTML表单标签表单, 输入, 文本区域, 选择, 选项, optgroup, 按钮, 标签, 字段集和图例
HTML脚本标记脚本和脚本
注意:我们将在以后的章程中看到使用这些标签的示例。HTML标签列表以下是HTML标签的完整列表以及按字母顺序排列的描述。
注意:此处表示HTML5中新添加的Elements。HTML字母标记
标签名称 描述
< !– – > 此标记用于在HTML文档中应用注释。
< !DOCTYPE> 该标签用于指定HTML版本
A
< a> 它被称为锚标记, 并创建超链接或链接。
< abbr> 它定义了短语或较长单词的缩写。
< acronym> 它定义了单词的缩写。 (HTML5不支持)
< address> 它定义了HTML文章的作者联系信息
< applet> 它定义了一个嵌入式Java小程序。 (HTML5不支持)
< area> 它定义了图像地图的区域。
< article> 它定义了独立的内容。
< aside> 除了主要内容, 它还定义内容。主要表示为侧边栏。
< audio> 它用于在HTML文档中嵌入声音内容。
B
< b> 它用于使文本加粗。
< base> 此标记定义文档中所有相对URL的基本URL。
< basefont> 此标记用于为文档的所有元素设置默认字体, 大小和颜色。 (HTML5不支持)
< bdi> 该标签用于为那部分文本提供隔离, 该部分的格式可能与其周围的文本不同。
< bdo> 用于覆盖当前文本方向。
< big> 此标记用于使字体大小比其周围的内容大一级。 (HTML5不支持)
< blockquote> 它用于定义从另一个来源获取的内容。
< body> 它用于定义HTML文档的正文部分。
< br> 它用于应用单个换行符。
< button> 用于表示可点击的按钮
C
< canvas> 它用于在Web文档中提供图形空间。
< caption> 它用于定义表格的标题。
< center> 它用于使内容居中对齐。 (HTML5不支持)
< cite> 它用于定义作品, 书籍, 网站等的标题。
< code> 它用于在HTML文档中显示部分编程代码。
< col> 它定义了表中的一列, 这些列代表列的通用属性, 并与< colgroup> 元素一起使用。
< colgroup> 它用于定义表中的列组。
D
< data> 它用于将内容与机器可读的翻译链接。
< datalist> 它用于提供输入选项的预定义列表。
< dd> 它用于在描述列表中提供术语的定义/描述。
< del> 它定义了已从文档中删除的文本。
< details> 它定义了用户可以查看或隐藏的其他详细信息。
< dfn> 它用于指示在句子/短语中定义的术语。
< dialog> 它定义了一个对话框或其他交互式组件。
< dir> 它用作文件目录列表的容器。 (HTML5不支持)
< div> 它在HTML文档中定义了一个分区或部分。
< dl> 它被用来定义描述列表。
< dt> 它用于定义描述列表中的术语。
E
< em> 它用于强调此元素中应用的内容。
< embed> 它用作外部文件/应用程序/媒体等的嵌入式容器。
F
< fieldset> 它用于对Web表单内的相关元素/标签进行分组。
< figcaption> 它用于为< figure> 元素添加标题或说明。
< figure> 它用于定义独立的内容, 并且通常称为单个单元。
< font> 它定义了内容的字体, 大小, 颜色和外观。 (HTML5不支持)
< footer> 它定义了网页的页脚部分。
< form> 它用于定义HTML表单。
< frame> 它定义了网页的特定区域, 其中可以包含另一个HTML文件。 (HTML5不支持)
< frameset> 它定义了框架组。 (HTML5不支持)
H
< h1> 至< h6> 它定义了从1级到6级的HTML文档的标题。
< head> 它定义了HTML文档的头部。
< header> 它定义了部分或网页的标题。
< hr> 它用于在段落级元素之间应用主题中断。
< html> 它代表HTML文档的根。
I
< i> 它用于以某种不同的声音表示文本。
< iframe> 它定义了可以嵌入其他内容的嵌入式框架。
< img> 它用于在HTML文档中插入图像。
< input> 它在HTML表单中定义一个输入字段。
< ins> 它表示已插入HTML文档中的文本。
< isindex> 用于显示当前文档的搜索字符串。 (HTML5不支持)
K
< kbd> 它用于定义键盘输入。
L
< label> 它为表单的输入字段定义了文本标签。
< legend> 它定义了< fieldset> 内容的标题
< li> 它用于表示列表中的项目。
< link> 它表示当前文档和外部资源之间的关系。
M
< main> 它代表HTML文档的主要内容。
< map> 它定义了具有活动区域的图像地图。
< mark> 它代表突出显示的文本。
< marquee> 它用于水平或垂直插入滚动文本或图像。 (HTML5不支持)
< menu> 它用于创建命令菜单列表。
< meta> 它定义了HTML文档的元数据。
< meter> 它定义了具有已知范围或分数值的标量测量。
N
< nav> 它代表页面的一部分, 代表导航链接。
< noframes> 它提供了备用内容以在不支持< frame> 元素的浏览器中表示。 (HTML5不支持)
< noscript> 如果浏览器不支持脚本类型, 它将提供替代内容。
O
< object> 它用于将对象嵌入HTML文件中。
< ol> 它定义了项目的有序列表。
< optgroup> 它用于对下拉列表的选项进行分组。
< option> 它用于定义下拉列表中的选项或项目。
< output> 它用作可以显示计算结果的容器元素。
P
< p> 它代表HTML文档中的一个段落。
< param> 它为< object> 元素定义参数
< picture> 它定义了多个源元素和一个图像元素。
< pre> 它在HTML文档中定义预格式化的文本。
< progress> 它定义HTML文档中任务的进度。
Q
< q> 它定义了短内联报价。
R
< rp> 如果浏览器不支持ruby注释, 它将定义替代内容。
< rt> 它在红宝石注释中定义了解释和发音。
< ruby> 它用于表示红宝石注释。
S
< s> 它呈现不再正确或不相关的文本。
< samp> 它用于表示计算机程序的示例输出。
< script> 它用于在HTML文档中声明JavaScript。
< section> 它定义了文档的通用部分。
< select> 它表示一个提供选项菜单的控件。
< small> 它用于使文本字体比文档的基本字体大小小一号。
< source> > 它为不同的媒体元素(例如< picture> , < video> 和< audio> 元素)定义了多种媒体资源。
< span> 它用于内联样式和分组。
< strike> 它用于通过文本呈现删除线。 (HTML5不支持)
< strong> 它用于定义重要的文本。
< style> 它用于包含HTML文档的样式信息。
< sub> 它定义了一个显示为下标文本的文本。
< summary> 它定义了可与< details> 标记一起使用的摘要。
< sup> 它定义了一个表示为上标文本的文本。
< svg> 它用作SVG(可缩放矢量图形)的容器。
T
< table> 它用于以表格形式显示数据或在HTML文档中创建表格。
< tbody> 它表示HTML表的正文内容, 并与< thead> 和< tfoot> 一起使用。
< td> 它用于定义包含表数据的HTML表的单元格
< template> 它用于包含客户端内容, 这些内容在页面加载时将不会显示, 并且稍后可能会使用JavaScript呈现。
< textarea> 它用于定义多行输入, 例如评论, 反馈和审阅等。
< tfoot> 它定义了HTML表的页脚内容。
< th> 它定义了HTML表的头部单元格。
< thead> 它定义了HTML表的标题。它与< tbody> 和< tfoot> 标记一起使用。
< time> 它用于定义HTML文档中的数据/时间。
< title> 它定义了HTML文档的标题或名称。
< tr> 它在HTML表格中定义行单元格
< track> 它用于定义< audio> 和< video> 元素的文本轨道。
< tt> 它用于定义电传文本。 (HTML5不支持)
U
< u> 它用于呈现带有下划线的封闭文本。
< ul> 它定义了无序列表。
V
< var> 它定义了在数学或编程环境中使用的变量名。
< video> 用于将视频内容嵌入HTML文档
W
< wbr> 它定义了文本中可能存在折线的位置。

    推荐阅读