<!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>
<!-- 这是一个注释 -->
<div>
<h2>HTML 基本结构</h2>
<p>HTML 文档的基本结构包括以下几个部分：</p>
<ul>
<li><strong><!DOCTYPE></strong>: 声明文档类型。</li>
<li><strong><html></strong>: 根元素，包含整个 HTML 文档。</li>
<li><strong><head></strong>: 包含元数据（如标题、字符集等）。</li>
<li><strong><body></strong>: 包含页面的主要内容。</li>
</ul>
</div>
<div>
<h2>常用标签</h2>
<p>以下是一些常用的 HTML 标签：</p>
<ul>
<li><strong><p></strong>: 段落标签。</li>
<li><strong><a></strong>: 超链接标签。</li>
<li><strong><img></strong>: 图像标签。</li>
<li><strong><div></strong>: 容器标签，用于分组。</li>
<li><strong><span></strong>: 行内容器标签。</li>
</ul>
</div>
<footer>
<p>© 2023 HTML 编辑示例</p>
</footer>
</body>
</html><!DOCTYPE html> 是一个声明，告诉浏览器这是一个 HTML5 文档。<html> 是 HTML 文档的根元素，所有的内容都必须包含在这个标签内。<head> 包含了文档的元数据，如字符编码 (<meta charset="UTF-8">) 和视口设置 (<meta name="viewport" content="width=device-width, initial-scale=1.0">)。<body> 包含了页面的主要内容，如标题 (<h1>, <h2>)、段落 (<p>)、列表 (<ul>, <li>) 等。<!-- ... --> 是 HTML 中的注释语法，不会在浏览器中显示。<p>)、超链接 (<a>)、图像 (<img>) 等。上一篇：text/html
下一篇：html flex
Laravel PHP 深圳智简公司。版权所有©2023-2043 LaravelPHP 粤ICP备2021048745号-3
Laravel 中文站