总结
<html>`:整个 HTML 文档的根元素。
<head>`:包含如标题、元数据、样式表链接、脚本链接等。
<title>`:定义文档标题,显示在浏览器标题栏。
<body>`:包含页面可见的实际内容。
文本相关标签
- `<h1>` - `<h6>`:各级标题,重要性递减。
- `<p>`:段落。
- `<br>`:换行。
- `<hr>`:水平分隔线。
- `<b>`:加粗文本。
- `<i>`:斜体文本。
- `<u>`:下划线文本。
- `<sub>`:下标。
- `<sup>`:上标。
列表
`<ul>`:无序列表,使用 `<li>` 作为列表项。
`<ol>`:有序列表,也使用 `<li>`。
**超链接**:
- `<a href="链接地址">链接文本</a>`:创建超链接。
**图像**:
- `<img src="图像地址" alt="替代文本">`:插入图像,alt 属性提供替代描述。
**多媒体**:
- `<audio>`:音频播放。
- `<video>`:视频播放。
**表格**:
- `<table>`:表格。
- `<tr>`:行。
- `<td>`:单元格。
- `<th>`:表头单元格。
**表单**:
- `<form>`:表单容器。
- `<input type="类型(如 text、password、submit 等)">`:各种输入框。
- `<textarea>`:多行文本输入域。
- `<select>`:下拉列表,包含 `<option>`。
- `<label>`:为表单元素添加标签。
**语义化标签**:
- `<header>`:页面头部或区域头部。
- `<nav>`:导航部分。
- `<main>`:主要内容区域。
- `<section>`:文档中的节。
- `<article>`:独立的文章内容。
- `<aside>`:侧边栏或补充内容。
- `<footer>`:页面底部或区域底部。
**其他**:
- `id`:元素的唯一标识符。
- `class`:用于分类和样式设置。
- `style`:内联样式定义。