文章目录 语法 HTML标签示例 HTML元标签 HTML文本标签 HTML链接标签 HTML图像和对象标签 HTML列表标签 HTML表格标签 HTML表单标签 HTML脚本标签 HTML标签列表(包含HTML……
文
章
目
录
- 语法
- HTML标签示例
- HTML元标签
- HTML文本标签
- HTML链接标签
- HTML图像和对象标签
- HTML列表标签
- HTML表格标签
- HTML表单标签
- HTML脚本标签
- HTML标签列表(包含HTML5)
HTML标签类似于关键词,它们定义了Web浏览器如何格式化和显示内容。借助标签,Web浏览器可以区分HTML内容和普通内容。HTML标签包含三个主要部分:起始标签、内容和结束标签。但有一些HTML标签是不需要闭合的标签。
当Web浏览器读取HTML文档时,它会从上到下、从左到右进行阅读。HTML标签用于创建HTML文档并呈现其属性。每个HTML标签都有不同的属性。
HTML文件必须具有一些基本标签,以便Web浏览器可以区分普通文本和HTML文本。根据代码要求,您可以使用任意数量的标签。
- 所有HTML标签必须用尖括号(< >)括起来。
- HTML中的每个标签执行不同的任务。
- 如果您使用了一个起始标签<标签>,那么您必须使用一个结束标签</标签>(除了一些标签)。
语法
<标签>内容</标签>
HTML标签示例
注意:HTML标签始终以小写字母书写。以下是基本的HTML标签:
<p> 段落标签 </p>
<h2> 标题标签 </h2>
<b> 加粗标签</b>
<i> 斜体标签 </i>
<u> 下划线标签</u>
未闭合的HTML标签 有些HTML标签不需要闭合,例如br和hr。
<br>标签:br代表换行,它在代码中断开一行。
<hr>标签:hr代表水平线。这个标签用于在网页中绘制一条横线。
HTML元标签
DOCTYPE、title、link、meta和style
HTML文本标签
<p>、<h1>、<h2>、<h3>、<h4>、<h5>、<h6>、<strong>、<em>、<abbr>、<acronym>、<address>、<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表格标签
table、tr、td、th、tbody、thead、tfoot、col、colgroup和caption
HTML表单标签
form、input、textarea、select、option、optgroup、button、label、fieldset和legend
HTML脚本标签
script和noscript
注意:我们将在后面的章节中使用这些标签来进行示例。
HTML标签列表(包含HTML5)
以下是按字母顺序排列的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> | 用于定义内容的字体、大小、颜色和字体。 |
| <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注释中的解释和发音。 |
| <ruby> | 用于表示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> | 用于定义文本中可能发生换行的位置。 |
还没有评论呢,快来抢沙发~