HTML标签

前端 潘老师 7个月前 (10-14) 142 ℃ (0) 扫码查看

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> 用于定义文本中可能发生换行的位置。

版权声明:本站文章,如无说明,均为本站原创,转载请注明文章来源。如有侵权,请联系博主删除。
本文链接:https://www.panziye.com/front/9567.html
喜欢 (0)
请潘老师喝杯Coffee吧!】
分享 (0)
用户头像
发表我的评论
取消评论
表情 贴图 签到 代码

Hi,您需要填写昵称和邮箱!

  • 昵称【必填】
  • 邮箱【必填】
  • 网址【可选】