代码：
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HTML知识点总结</title>
</head>
<body>
<h1>HTML知识点总结</h1>
<p>HTML（超文本标记语言）是用于创建网页的标准标记语言。以下是HTML的一些基础知识：</p>
<h2>基本结构</h2>
<ul>
<li><code><!DOCTYPE html></code>: 声明文档类型为HTML5。</li>
<li><code><html></code>: 根元素，包含整个HTML文档的内容。</li>
<li><code><head></code>: 包含元数据，如字符集、视口设置、标题等。</li>
<li><code><body></code>: 包含网页的主要内容。</li>
</ul>
<h2>常用标签</h2>
<ol>
<li><code><p></code>: 段落。</li>
<li><code><a href="url"></code>: 超链接。</li>
<li><code><img src="image.jpg" alt="description"></code>: 图像。</li>
<li><code><ul></code>/<code><ol></code>: 无序/有序列表。</li>
<li><code><li></code>: 列表项。</li>
<li><code><div></code>: 块级容器。</li>
<li><code><span></code>: 内联容器。</li>
</ol>
<h2>表格示例</h2>
<table border="1">
<caption>HTML 表格示例</caption>
<thead>
<tr>
<th>标签</th>
<th>描述</th>
</tr>
</thead>
<tbody>
<tr>
<td><code><table></code></td>
<td>定义表格。</td>
</tr>
<tr>
<td><code><caption></code></td>
<td>定义表格标题。</td>
</tr>
<tr>
<td><code><thead></code></td>
<td>定义表格头部。</td>
</tr>
<tr>
<td><code><tbody></code></td>
<td>定义表格主体。</td>
</tr>
<tr>
<td><code><tfoot></code></td>
<td>定义表格底部。</td>
</tr>
<tr>
<td><code><tr></code></td>
<td>定义表格行。</td>
</tr>
<tr>
<td><code><th></code></td>
<td>定义表格头部单元格。</td>
</tr>
<tr>
<td><code><td></code></td>
<td>定义表格数据单元格。</td>
</tr>
</tbody>
</table>
<h2>iframe 示例</h2>
<p><code><iframe></code> 标签用于在当前页面中嵌入另一个 HTML 页面。</p>
<iframe src="https://www.taobao.com" width="600" height="400" title="Example Page"></iframe>
<h2>示例链接</h2>
<p>访问<a href="https://developer.mozilla.org/zh-CN/docs/Web/HTML" target="_blank">MDN Web Docs HTML教程</a>了解更多详细信息。</p>
<h2>示例图像</h2>
<img src="https://img0.baidu.com/it/u=1007751803,2398288345&fm=253&fmt=auto&app=138&f=JPEG?w=300&h=300" alt="富贵花开">
<footer>
<p>版权所有 © 2024 红红火火恍恍惚惚公司</p>
</footer>
</body>
</html>
效果：
依托，哈哈哈。
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
