HTML详解

1. 文档结构标签

  • <!DOCTYPE html>:声明文档类型,告诉浏览器这是一个HTML5文档。
  • <html>:HTML文档的根元素,包含整个HTML文档。
  • <head>:包含文档的元数据(metadata),如标题、样式、脚本等。
  • <title>:定义文档的标题,在浏览器标签栏显示。
  • <body>:包含文档的主体内容。

2. 文本格式化标签

  • <h1>到<h6>:定义六个级别的标题,<h1>级别最高,<h6>级别最低。
  • <p>:定义一个段落。
  • <br>:插入一个换行符。
  • <hr>:插入一个水平线(水平分割线)。
  • <strong>:定义重要的文本,通常显示为粗体。
  • <em>:定义强调的文本,通常显示为斜体。
  • <small>:定义小号文本。
  • <blockquote>:定义一个长的引用。
  • <q>:定义一个短的引用。
  • <cite>:定义引用的来源。
  • <code>:定义计算机代码片段。
  • <pre>:定义预格式化文本,保留空格和换行。

3. 链接与图片

  • <a>:定义一个超链接,可以链接到另一个网页、文件、电子邮件地址等。
  • <img>:定义一个图像,通过src属性指定图像文件的路径和文件名。

4. 列表

  • <ul>:定义一个无序列表,列表项用圆点或方块标记。
  • <ol>:定义一个有序列表,列表项用数字或字母顺序标记。
  • <li>:定义列表中的一个项目,无论是无序列表还是有序列表。
  • <dl>:定义一个定义列表,包含术语和描述。
  • <dt>:在定义列表中定义术语(子标题)。
  • <dd>:在定义列表中定义描述(正文)。

5. 表格

  • <table>:定义一个表格。
  • <tr>:定义表格中的一行。
  • <th>:定义表格中的表头单元格,通常显示为加粗和居中的文本。
  • <td>:定义表格中的标准单元格。
  • <caption>:定义表格的标题。

6. 表单

  • <form>:定义一个表单,用于向服务器提交数据。
  • <input>:定义一个输入控件,如文本框、密码框、单选按钮、复选框等。
  • <label>:定义输入控件的标签,通过for属性与控件的id属性关联。
  • <textarea>:定义一个多行文本输入控件。
  • <button>:定义一个按钮,可以提交表单或执行其他操作。
  • <select>:定义一个下拉列表。
  • <option>:定义下拉列表中的选项。

7. 多媒体

  • <audio>:定义音频内容,支持多种音频格式。
  • <video>:定义视频内容,支持多种视频格式。

8. 其他常用标签

  • <div>:定义文档中的一个区块或节,常用于布局和样式化。
  • <span>:定义文档中的一个小块或区域,常用于对文本的一部分进行样式化。
  • <iframe>:定义一个内联框架,用于嵌入另一个文档(如HTML页面)。
  • <header>、<nav>、<main>、<footer>、<article>、<section>、<aside>:HTML5中引入的语义化标签,用于定义文档的结构和内容的含义。
相关推荐
程序员大阳13 小时前
HTML+CSS+JS对话式实战(6)-学生端查看活动功能开发
javascript·css·html·模块·查看学生
code2cat14 小时前
HTML基础篇之第一张网页:从index.html到浏览器里的任务清单
前端·html
秋天的怀念_David16 小时前
算法一千零一夜 · 第二十八夜 注册
java·程序人生·算法
2603_969694851 天前
JDBC 基础学习笔记:API 核心原理解析与 CRUD 代码实操
数据库·笔记·mysql·学习方法·database·sql注入
用户298698530142 天前
Python 实战:将 HTML 批量转换为 Markdown
python·html·markdown
ShuangNaoPai3 天前
饱和品类的心智词生成:从“新米”认知到“五新米”的判定路由
人工智能·程序人生·产品·思维·品牌营销
程序员大阳4 天前
HTML+CSS+JS对话式实战(3)-活动管理页实现查询、新增、删除API后端接口
javascript·css·html·实战·删除·查询·新增
ZhengEnCi4 天前
12 种高级 UI 交互效果及对应 AI 提示词:从按压回弹到底部抽屉的物理感教学
前端·css·交互设计
维克兜率天4 天前
【维克】复合型CTA:趋势+套利的双轮驱动
python·学习方法
浮尘笔记4 天前
JetBrains差异设置被自动勾选的排查与根治实录
经验分享·程序人生·编辑器·intellij idea·phpstorm·webstorm