html 格式

作者：看悲伤的曲发布日期:2025-04-29 浏览:81

<!DOCTYPE html>
<html>
<head>
    <title>HTML 格式示例</title>
</head>
<body>
    <h1>这是一个 HTML 格式的示例页面</h1>
    <p>以下是一些常见的 HTML 元素：</p>
    <ul>
        <li><strong>标题</strong>：使用 <code>&lt;h1&gt;</code> 到 <code>&lt;h6&gt;</code> 标签。</li>
        <li><strong>段落</strong>：使用 <code>&lt;p&gt;</code> 标签。</li>
        <li><strong>列表</strong>：无序列表使用 <code>&lt;ul&gt;</code> 和 <code>&lt;li&gt;</code> 标签，有序列表使用 <code>&lt;ol&gt;</code> 和 <code>&lt;li&gt;</code> 标签。</li>
        <li><strong>链接</strong>：使用 <code>&lt;a&gt;</code> 标签，例如：<a href="https://www.example.com">访问 Example 网站</a>。</li>
        <li><strong>图片</strong>：使用 <code>&lt;img&gt;</code> 标签，例如：<img src="https://www.example.com/image.jpg" alt="示例图片"></li>
    </ul>
</body>
</html>

解释说明：

<!DOCTYPE html> 声明文档类型为 HTML5。
<html> 标签是 HTML 文档的根元素。
<head> 包含文档的元数据（如标题、字符集等），不会显示在页面上。
<title> 定义文档的标题，显示在浏览器标签中。
<body> 包含文档的所有内容，如文本、图像、链接等。
<h1> 到 <h6> 是标题标签，<h1> 是最高级别的标题。
<p> 用于定义段落。
<ul> 和 <li> 分别用于创建无序列表和列表项。
<a> 用于创建超链接，href 属性指定链接的目标 URL。
<img> 用于嵌入图像，src 属性指定图像的路径，alt 属性提供替代文本。

上一篇：html缩进

下一篇：nginx html