html的常用标签

简介: 【4月更文挑战第1天】html的常用标签

HTML(HyperText Markup Language)是一种用于创建网页的标准标记语言。它的基本构建块称为“标签”,这些标签通常成对出现,如<tag>content</tag>。下面是一些常用的HTML标签及其用途:

  1. <!DOCTYPE html>: 声明文档类型,告知浏览器这是一个HTML5文档。

  2. <html>: 根元素,包裹了整个HTML文档。

  3. <head>: 包含了所有头部元素,如标题、样式表链接、脚本等。

  4. <title>: 定义了网页的标题,显示在浏览器的标签页上。

  5. <body>: 包含了可见的页面内容。

  6. <h1><h6>: 定义了六个级别的标题,从最重要的<h1>到次要的<h6>

  7. <p>: 定义段落文本。

  8. <a>: 定义超链接,指向另一个资源或页面。

  9. <img>: 用于嵌入图片。

  10. <ul><ol>: 分别定义无序列表和有序列表。

  11. <li>: 定义列表项。

  12. <div>: 用于分组内容,常用于CSS布局。

  13. <span>: 用于对文档中的文本进行分组或应用样式。

  14. <form>: 定义了一个用于提交数据的表单。

  15. <input>: 用于输入数据的各种控件,如文本字段、按钮、复选框等。

  16. <button>: 定义了一个可点击的按钮。

  17. <table>: 定义了一个表格。

  18. <tr>, <th>, <td>: 分别定义表格行、表头单元格和表格单元格。

  19. <script>: 用于嵌入或引用执行脚本。

  20. <style>: 用于定义元素的样式规则。

  21. <link>: 用于链接外部资源,如样式表或图标。

  22. <meta>: 提供了有关页面的元信息,如字符集定义、页面描述、关键词等。

  23. <footer>: 定义了文档或节的页脚。

  24. <header>: 定义了文档或节的页眉。

  25. <nav>: 定义了导航链接的集合。

  26. <section>: 定义了文档中的一个章节或节。

  27. <article>: 定义了独立的、完整的内容块,如博客帖子或新闻文章。

  28. <video><audio>: 分别用于嵌入视频和音频内容。

  29. <canvas>: 提供了一个用于绘制图形的区域。

  30. <svg>: 用于嵌入矢量图形。

以上是HTML的一些基础标签,它们是构建网页的基本单元。每个标签都有其特定的目的和用法,了解它们的功能和如何结合使用是学习HTML的关键。随着HTML的不断发展,还引入了许多新的标签和API,以便更有效地处理现代网页的需求,如媒体查询、本地存储、地理定位等功能。

目录
相关文章
|
12天前
|
前端开发
HTML中的pre标签表示空格或换行
HTML中的pre标签表示空格或换行
|
12天前
HTML_表单标签
HTML_表单标签
17 0
|
3天前
|
iOS开发
iOS中如何显示后台返回的带有html标签的富文本字符串
iOS中如何显示后台返回的带有html标签的富文本字符串
6 0
|
12天前
|
前端开发 JavaScript 数据安全/隐私保护
【HTML】基本标签介绍(下)
【HTML】基本标签介绍(下)
18 3
|
12天前
|
机器学习/深度学习 前端开发 JavaScript
【HTML】基本标签介绍(上)
【HTML】基本标签介绍
17 1
|
12天前
|
存储 前端开发 JavaScript
【Web 前端】如何找到所有 HTML select 标签的选中项?
【5月更文挑战第2天】【Web 前端】如何找到所有 HTML select 标签的选中项?
|
12天前
|
编解码 移动开发 前端开发
【专栏:HTML与CSS移动端开发篇】使用Viewport Meta标签优化移动端显示
【4月更文挑战第30天】本文介绍了HTML的Viewport Meta标签在移动端网页优化中的作用。Viewport Meta标签定义了视口属性,如宽度、高度、初始缩放等,解决移动设备因屏幕尺寸差异导致的显示问题。主要属性包括width(常用device-width)、initial-scale、maximum-scale、minimum-scale和user-scalable。
|
12天前
|
移动开发 前端开发 开发者
【专栏:HTML进阶篇】网页结构与语义化标签进阶
【4月更文挑战第30天】提升网页结构清晰度和无障碍访问性,有利于SEO。这些标签为屏幕阅读器提供额外上下文,简化CSS样式设计,避免无意义的&lt;div&gt;和&lt;span&gt;。正确使用语义化标签是现代网页开发的关键,能创造更优质、易访问和优化的Web体验。
|
12天前
|
前端开发 数据安全/隐私保护
Day-1 HTML基本标签和CSS常用样式
Day-1 HTML基本标签和CSS常用样式
|
12天前
|
前端开发 容器
HTML_块级标签
HTML_块级标签
13 0