srcmini本文概述
- 句法
- 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元标记
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> | 它定义了文本中可能存在折线的位置。 |
评论前必须登录！
注册