HTML中的元素(elements)

HTML(HyperText Markup Language)中的元素(elements)定义了网页的结构和内容。以下是一些常见的HTML元素及其各自的作用:

文档结构元素:

  • <html>:根元素,包裹所有其他HTML元素。
  • <head>:包含文档的元数据,如标题、字符集声明、样式表链接、脚本等。
  • <title>:定义文档的标题,显示在浏览器标签页上。
  • <body>:包含文档的所有可见内容,如文本、图片、视频、游戏、可播放的音频等。

文本内容元素:

  • <h1> - <h6>:标题元素,<h1> 表示最高的标题级别,<h6> 表示最低的。
  • <p>:段落元素,用于定义文本段落。
  • <br>:换行元素,强制文本换行。
  • <hr>:水平线元素,用于创建主题分隔。
  • <em>:强调元素,通常呈现为斜体。
  • <strong>:加粗元素,通常呈现为粗体。
  • <small>:小号字体元素,用于呈现小号字体文本。
  • <mark>:标记元素,用于突出显示文本。
  • <del>:删除线元素,表示文本已被删除。
  • <ins>:下划线元素,表示文本已被插入。
  • <sub>:下标元素。
  • <sup>:上标元素。

链接和导航元素:

  • <a>:锚元素,用于创建超链接。
  • <nav>:导航元素,用于包含页面主导航链接。
  • <ul>:无序列表元素。
  • <ol>:有序列表元素。
  • <li>:列表项元素,用于<ul>或<ol>中。

图片和媒体元素:

  • <img>:图像元素,用于嵌入图像。
  • <video>:视频元素,用于嵌入视频内容。
  • <audio>:音频元素,用于嵌入音频内容。
  • <source>:源元素,为<video>或<audio>提供多种媒体源。
  • <iframe>:内联框架元素,用于嵌入另一个HTML页面。

表格元素:

  • <table>:表格元素,用于创建表格。
  • <tr>:表格行元素。
  • <th>:表格头元素,用于表头单元格。
  • <td>:表格数据元素,用于表格单元格。

表单和输入元素:

  • <form>:表单元素,用于收集用户输入。
  • <input>:输入元素,根据type属性的不同,可以是文本框、密码框、单选框、复选框等。
  • <label>:标签元素,定义输入字段的描述标签。
  • <button>:按钮元素。
  • <select>:选择元素,用于创建下拉列表。
  • <option>:选项元素,用于<select>、<optgroup>或<datalist>中定义选项。
  • <textarea>:多行文本输入元素。

分组和划分元素:

  • <div>:分区元素,用于划分页面上的区域或节。
  • <span>:跨度元素,用于对文档中的行内元素进行分组。
  • <header>:头部元素,用于包含介绍性内容或导航链接。
  • <footer>:页脚元素,用于包含页面的页脚信息。
  • <section>:节元素,用于定义文档中的一个独立部分。
  • <article>:文章元素,用于包含独立的内容。
  • <aside>:旁白元素,用于包含与页面内容关联度较低的内容。

元数据元素:

  • <meta>:元数据元素,用于提供关于HTML文档的元数据。
  • <link>:链接元素,用于链接外部样式表等资源。
    这些只是HTML中可用元素的一部分。每个元素都有其特定的语义和用途,合理使用这些元素可以创建结构良好、易于理解和访问的网页。
相关推荐
迅猛龙办公室5 小时前
Python输出当前计算机的系统日期和时间
开发语言·前端·python
小狼154545 小时前
浏览器扩展脚本为什么有时候不生效:注入时机、iframe 和单页路由,多多开票助手
前端·chrome
じòぴé南冸じょうげん6 小时前
油猴脚本突然发现变成灰色了,无法使用?页面不生效?刷新页面没反应?
前端
Csvn7 小时前
组合式 API(Composition API)
前端
火柴就是我8 小时前
Android 打包报错 25.0.3
android·前端
BD_Marathon8 小时前
消息对象中字段的说明
java·前端·python
八荒启·交互动画8 小时前
Web特效025—用 Canvas 2D 做Web特效的定义与边界:这支画笔能做到哪一步
前端·webgl·网页特效·八荒启-交互动画·八荒启
Ai-_Man8 小时前
您您这可以把Dola的多个会话比如说。左侧的多个会话一次性导出吗?不是单条会话里面的多次会对话。用AI导出鸭,答案是可以的
开发语言·前端·人工智能·小程序
excel9 小时前
Nuxt 中使用 useHead 优化 SEO 与 GEO
前端
IT_陈寒10 小时前
SpringBoot启动慢得像蜗牛?原来是这个配置在捣鬼
前端·人工智能·后端