HTML标签的分类和用途总结

最新推荐文章于 2025-04-09 19:03:24 发布
最新推荐文章于 2025-04-09 19:03:24 发布
阅读量494 收藏 8
点赞数 3
文章标签： html 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/Sakura_Le/article/details/144402409
版权

最近开始学习前端，虽然有组件好用但是有些标签还是得知道，要不然都不知道改哪里，顺手记录一下~

1. 基础结构标签

  • <html>: 定义 HTML 文档的根元素。
  • <head>: 包含文档的元信息（meta 信息），如标题、样式表等。
  • <title>: 定义页面的标题，显示在浏览器标签上。
  • <body>: 定义网页的主要内容。

2. 元信息标签

  • <meta>: 提供文档的元数据，例如字符编码、描述、作者等。
    <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
  • <link>: 用于链接外部资源（如 CSS 文件）。
  • <style>: 定义页面的内部样式。
  • <script>: 嵌入或链接 JavaScript 脚本。

3. 标题和文本标签

  • <h1> ~ <h6>: 标题标签，从最大（<h1>）到最小（<h6>）。
  • <p>: 段落标签。
  • <span>: 行内文本容器。
  • <div>: 块级容器，用于布局。
  • <br>: 换行符。
  • <hr>: 水平分割线。
  • <blockquote>: 块引用。
  • <pre>: 预格式化文本。

4. 列表标签

  • 无序列表：
    <ul>
  <li>列表项 1</li>
  <li>列表项 2</li>
</ul>
  • 有序列表：
    <ol>
  <li>第一项</li>
  <li>第二项</li>
</ol>
  • <dl>: 定义列表。
    <dl>
  <dt>术语</dt>
  <dd>术语解释</dd>
</dl>

5. 链接和媒体标签

  • <a>: 超链接。
  • <img>: 图像。
  • <audio>: 音频文件。
  • <video>: 视频文件。
  • <source>: 指定音频或视频的多种来源。
  • <iframe>: 嵌入框架（如视频、网页）。

6. 表格标签

  • <table>: 表格。
  • <tr>: 表格行。
  • <td>: 表格单元格。
  • <th>: 表头单元格。
  • <thead>: 表格头部。
  • <tbody>: 表格主体。
  • <tfoot>: 表格尾部。
  • <caption>: 表格标题。

7. 表单标签

  • <form>: 表单。
  • <input>: 输入字段（如文本、密码、单选框等）。
  • <textarea>: 文本区域。
  • <button>: 按钮。
  • <select>: 下拉菜单。
  • <option>: 下拉菜单项。
  • <label>: 表单字段的标签。

8. 语义化标签

  • <header>: 页眉。
  • <nav>: 导航栏。
  • <main>: 主内容。
  • <section>: 章节。
  • <article>: 文章。
  • <aside>: 侧边栏。
  • <footer>: 页脚。
  • <figure>: 图像或图表。
  • <figcaption>: 图像说明。

9. 样式和脚本标签

  • <style>: 内嵌 CSS。
  • <script>: 内嵌 JavaScript。
  • <noscript>: 浏览器不支持 JavaScript 时的内容。

10. 特殊用途标签

  • <canvas>: 绘制图形。
  • <svg>: 矢量图形。
  • <progress>: 进度条。
  • <meter>: 测量值范围。
  • <details>: 交互式展开/折叠内容。
  • <summary>: <details> 的标题。
  • <mark>: 标记文本。
  • <time>: 时间标记。

11. 过时标签（不推荐使用）

  • <b> / <i>: 加粗/斜体（推荐使用 <strong> / <em>）。
  • <u>: 下划线（推荐使用 CSS）。
  • <center>: 居中（推荐使用 CSS）。
  • <font>: 字体（推荐使用 CSS）。
Elena_Le
关注
HTML ＜style＞ 标签
玄链教育
08-19 2775
style> 标签用于为 HTML 文档定义样式信息。在 style 中，您可以规定在浏览器中如何呈现 HTML 文档。type 属性是必需的，定义 style 元素的内容。唯一可能的值是 "text/css"。style 元素位于 head 部分中。
HTML样式标签的使用方法及示例代码
DevRevolt的博客
10-02 355
它们可以让开发者通过添加样式规则来改变文本、图像和其他HTML元素的颜色、字体、大小、边框和位置等属性，以实现定制化的网页设计。样式表文件中可以定义多个样式规则，以实现对不同元素的样式控制。此外，还可以使用类选择器为元素指定类名，并在样式表中使用类选择器来定义样式规则。HTML样式标签可以通过内联样式、内部样式表和外部样式表来实现对网页元素的样式控制。属性来定义样式规则，将文本颜色设置为蓝色，并将字体大小设置为 20 像素。标签的文本颜色设置为红色，并将字体大小设置为 18 像素。在上面的示例中，我们在。
html中的style有什么用
zhang20040217的博客
10-29 2859
标签主要用于包含文档的CSS样式信息。它可以用来定义文档的布局、颜色、字体和许多其他的视觉效果。标签可以让我们更方便地控制HTML元素的样式，使我们的网页更美观、更易于阅读。标签可以有两种形式：内联样式和嵌入式样式表。元素会有一个粉蓝色的背景，所有的。元素会有Verdana字体。元素会有蓝色的文本，所有的。在这个例子中，所有的。
如何通过 HTML 的＜style＞标签实现内联样式的作用域限定，避免样式污染全局？
最新发布
前端大白话
04-09 803
CSS 变量可以在特定的元素或选择器中定义，从而使样式在该作用域内生效。DOCTYPE html > < html lang = " en " > < head > < meta charset = " UTF-8 " > < title > 使用 CSS 变量限定样式作用域 </ title > < style > /* 在 .custom - scope 类内定义 CSS 变量 */ .custom-scope {} /* 使用定义的 CSS 变量 */ .custom-scope p {
HTML中的style标签怎么写,html style标签是什么意思？关于style标签的使用方
weixin_42498987的博客
05-31 9679
本篇文章主要讲的是html style标签的定义和属性介绍，先让我们了解style标签在HTML中的一些用途和位置，然后介绍了使用中的一些方法和细节技巧，让我们一起来看看吧html style标签的定义和用法：style 标签用于为 HTML 文档定义样式信息。在 style 中，您可以规定在浏览器中如何呈现 HTML 文档。type 属性是必需的，定义 style 元素的内容。唯一可能的值是 t...
html资源总结，适合初级人员入门学习
04-10
- **标签分类**： - **带标签体的标签**：如`文本</p>`。 - **不带标签体的标签**：如`<img src="image.jpg"/>`。 - **标签属性**： - **定义**：标记中的属性用于提供更多关于标签的信息。 - **格式**：`...
HTML5 - body内标签（分类及常用总结）
LIN的博客
09-19 2885
目录 标签分类 标题(h&gt; 段落 - 段落折行（br /） - 分割线（hr/）----多用于段落之间的分割 - 显示原文本文字 （pre &gt;&lt; /pre） section vs p 文本 容器（div and span） -div - span 标签分类 1、单|双标签 单标签在⾃身标签标识结束，主要应⽤场景为功能性标签 双标签： 双标签有成对的...
html+css+javascript知识点总结.docx
11-17
HTML 标签的分类： 1. 结构性标签：<html>、、等，用于定义网页的结构。 2. 内容标签：、、、等，用于承载网页的内容。 3. 语义化标签：、、、等，用于强调或引用别人的文本。 HTML 中的注释： 1. HTML 注释语法...
HTML标签
weixin_45701868的博客
03-29 1636
目录 一、显示级分类 1、块级元素(block) 2、内联元素(inline) 3、内联块元素(inline-block) 二、文本类型的标签 三、块类型的文本标签 四、超链接 1、属性href: 指定跳转的路径 2、锚点：实现的页内跳转 五、排版类型的标签 1、p标签 2、div标签 3、span标签 4、dl自定义列表 5、有序列表 ​编辑 6、无序列表 7、img图片标签 8、图片映射 六、表单类型的标签 1.input标...
3. 掌握HTML标签的分类和相关性
HTML标签通过尖括号包围，通常是成对出现的，分为开始标签和结束标签。开始标签包含元素的名称，结束标签在名称前加上斜杠。例如，`<p>`是一个段落的开始标签，`</p>`是相应的结束标签。 ## 1.2 HTML标签的组成结构...
Html中style标签是做什么的
热门推荐
Zirui0503的博客
05-22 2万+
一、style标签的定义及用法 在html中，style标签是使用来定义html文档的样式信息，在该标签中你可以规定浏览器怎样显示html文档内容。 除了使用style标签来为元素添加样式外，我们还可以使用link标签来引入外部样式文件 scoped属性是html5中新增的属性，如果没有设置"scoped" 属性，那么style标签必须位于head标签中。 二、style标签语法格式 语法格式说明： type属性是style标签必须属性，用来规定样式表的MIME类型，唯一的值为：text/css； 一个h
HTML篇二：HTML中常用标签及分类
weixin_63022858的博客
10-10 885
行标签：a,b,span,img,input,select,strong等。块标签：div,ul,ol,li,dl,dt,dd,h1,p等。超文本：具体指的是具有超链接的文本！一句话概括：超文本包含超链接！（简单理解就是页面跳转！核心区别：是否可独占一行。超链接：具体指的是链接点！标签的分类大致可分为。用于指向性的资源跳转。
HTML标签类型
Snake-Ma的博客
05-01 3304
块标签及说明 标签名 说明 div 常用块状标签 address 地址 blockquote 块引用 center 居中对齐块 dir 目录列表 dl 自定义列表 fieldset form控制组 form 交互表单 hr 水平分割线 pre 格式化文本 table 表格 ol 有序列表 ul 无序列表 h1~h6 标题 块状标签： 特点：在CSS
超链接与锚点功能
greentrainsad的博客
10-08 863
超链接的写法 绝对路径 相对路径 锚点功能
定义一个html文档的范围用什么标签,定义一个HTML文档的范围用（)标签 A.ol B.ul C.pre D.html...
weixin_39927848的博客
06-04 493
定义一个HTML文档的范围用()标签 A.ol B.ul C.pre D.html更多相关问题模型校正的基本操作包括A、导入地理信息B、编辑发射机参数C、导入实测数据D、通用模型参数校正以下OMC菜单功能，哪些可以用于邻区配置？______A、Configuration－>WirelessConfigApplicati频内切换的建立条件A、RRC连接建立后，与承载UE上下文建立消息的第一次R...
html不同文档类型支持的元素标签
weixin_30950237的博客
12-24 118
转载于:https://www.cnblogs.com/geek12/p/4183174.html
HTML：HTML中的基础标签
卓汶的博客
03-29 1646
HTML：超文本标记语言 CSS：页面上的内容显示的风格（决定页面上内容的美观程度） javaScript：页面特效 html基础标签 html、head、title、meta、body、p、br标签 <html> <head> <title>网页的标题</title><!-- title 表示网页的标题 --> <meta charset="UTF-8"><!---可以在meta标签中设置
对HTML的理解及常用标签使用介绍--来自我的百度前端技术学院的笔记
liudanyang_21的博客
08-17 296
HTML是什么，HTML5是什么？ ——HTML：超文本标记语言，一种用于创建网页的标准标记语言； ——HTML5：目前最新的HTML标准，包含新的元素、属性、行为，基于它们的功能特征将他们分成不同的组别： * 语义：能够让你更恰当地描述你的内容是什么； * 连通性：能够让你和服务器之间通过创新的技术方法进行通信； * 离线&存储：能够让网页在客户端本地存储数据更高效地离线运行； * 多媒体：使用video和audio成为了所有web中的一等公民； * 2D/3D绘图&效果：提供了一个更加分
HTML标签类型及特点
likunpeng6656201的博客
08-18 1465
一、 概述 HTML（Hyper Text Markup Language ）作为一种标记语言，网页所有的内容均书写在标签内部，标签是组成Html页面的基本元素，因此对标签特性的理解在HTML的学习过程中比较重要。 二、基本分类 HTML中的标签从闭合的角度可以分为闭合标签和空标签。而HTML中大部分标签都是闭合标签，其他少数为空标签，常见的空标签有、 、 、 、 等。 HTML中对标签另一种分...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值