html页面制作

作者：慢靈魂发布日期:2025-06-08 浏览:33

<!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>
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 20px;
            background-color: #f4f4f4;
        }
        h1 {
            color: #333;
        }
        p {
            line-height: 1.6;
        }
    </style>
</head>
<body>
    <h1>欢迎来到我的 HTML 页面</h1>
    <p>这是一个简单的 HTML 页面示例。通过这个页面，你可以了解如何使用 HTML 和 CSS 来创建一个基本的网页。</p>
    <p>HTML (HyperText Markup Language) 是用于创建网页的标准标记语言。CSS (Cascading Style Sheets) 用于描述网页的样式和布局。</p>
</body>
</html>

解释说明：

<!DOCTYPE html>: 声明文档类型为 HTML5。
<html lang="zh-CN">: 根元素 <html>，并设置语言为简体中文。
<head>: 包含元数据（如字符集、视口设置、标题等）。
- <meta charset="UTF-8">: 设置字符编码为 UTF-8。
- <meta name="viewport" content="width=device-width, initial-scale=1.0">: 确保页面在移动设备上正确显示。
- <title>: 设置页面标题。
- <style>: 内联 CSS 样式，用于定义页面的外观。
<body>: 页面主体内容。
- <h1>: 标题标签，用于显示大标题。
- <p>: 段落标签，用于显示文本内容。

这个示例展示了如何创建一个简单的 HTML 页面，并使用内联 CSS 进行基本的样式设置。

上一篇：html text

下一篇：html中的div标签