html在线

作者：整整ー世♂陰霾そ发布日期:2025-12-17 浏览:92

<!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 页面，用于展示如何创建基本的网页结构。</p>

    <!-- 这是一个注释 -->
    <div>
        <p>这里是一个 div 元素，通常用于包裹其他元素。</p>
    </div>

    <ul>
        <li>列表项 1</li>
        <li>列表项 2</li>
        <li>列表项 3</li>
    </ul>

    <a href="https://www.example.com">点击这里访问示例网站</a>
</body>
</html>

解释说明：

<!DOCTYPE html>: 声明文档类型为 HTML5。
<html lang="zh-CN">: 根元素，lang 属性指定文档的语言为简体中文。
<head>: 包含元数据（如字符编码、视口设置、标题等）。
<meta charset="UTF-8">: 设置字符编码为 UTF-8，确保正确显示各种语言的字符。
<meta name="viewport" content="width=device-width, initial-scale=1.0">: 使页面在移动设备上能够正确缩放。
<title>: 设置页面的标题，显示在浏览器标签中。
<body>: 页面的主体内容，包含可见的文本、图片、链接等。
<h1>: 标题标签，表示最重要的标题。
<p>: 段落标签，用于定义段落。
<div>: 定义一个块级容器，通常用于布局或分组其他元素。
<ul> 和 <li>: 无序列表及其列表项。
<a>: 超链接标签，href 属性指定链接的目标 URL。

上一篇：html网页制作代码大全

下一篇：html+css网页设计与制作