html源码网站

作者：刀剑傲天发布日期:2025-08-28 浏览:40

<!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>
    <header>
        <h1>欢迎来到HTML源码网站</h1>
        <p>这是一个展示HTML源码的示例网站。</p>
    </header>

    <main>
        <section>
            <h2>什么是HTML?</h2>
            <p>HTML（HyperText Markup Language）是用于创建网页的标准标记语言。它使用标签来定义网页的结构和内容。</p>
        </section>

        <section>
            <h2>HTML的基本结构</h2>
            <pre>
                &lt;!DOCTYPE html&gt;
                &lt;html&gt;
                    &lt;head&gt;
                        &lt;title&gt;页面标题&lt;/title&gt;
                    &lt;/head&gt;
                    &lt;body&gt;
                        &lt;p&gt;这是页面的内容。&lt;/p&gt;
                    &lt;/body&gt;
                &lt;/html&gt;
            </pre>
        </section>
    </main>

    <footer>
        <p>&copy; 2023 HTML源码网站</p>
    </footer>
</body>
</html>

解释说明：

<!DOCTYPE html>: 声明文档类型，确保浏览器以标准模式渲染页面。
<html lang="zh-CN">: 根元素，指定文档的语言为简体中文。
<head>: 包含元数据（如字符集、视口设置和页面标题）。
<meta charset="UTF-8">: 指定字符编码为UTF-8，支持全球所有字符。
<meta name="viewport" content="width=device-width, initial-scale=1.0">: 确保页面在移动设备上正确缩放。
<title>: 设置页面标题，显示在浏览器标签上。
<body>: 包含页面的主要内容。
<header>: 页面头部，通常包含标题和简介。
<main>: 页面主要内容区域。
<section>: 定义文档中的节或部分。
<pre>: 保留格式的文本块，适合展示代码。
<footer>: 页面底部，通常包含版权信息等。

这个示例展示了如何构建一个简单的HTML页面，并解释了每个部分的作用。

上一篇：html 特殊符号

下一篇：html5网站