html练习

作者：靈魂风尖上发布日期:2025-11-24 浏览:49

<!DOCTYPE html>
<html>
<head>
    <title>HTML 练习</title>
</head>
<body>
    <h1>欢迎来到 HTML 练习页面</h1>
    <p>这是一个简单的 HTML 页面，用于练习基本的 HTML 标签。</p>

    <!-- 这是一个标题 -->
    <h2>标题示例</h2>
    <p>使用 <code>&lt;h1&gt;</code> 到 <code>&lt;h6&gt;</code> 标签可以创建不同级别的标题。</p>

    <!-- 这是一个段落 -->
    <h3>段落示例</h3>
    <p>使用 <code>&lt;p&gt;</code> 标签可以创建段落。</p>

    <!-- 这是一个链接 -->
    <h3>链接示例</h3>
    <p>使用 <code>&lt;a&gt;</code> 标签可以创建超链接。例如：<a href="https://www.example.com">点击这里</a>。</p>

    <!-- 这是一个图片 -->
    <h3>图片示例</h3>
    <p>使用 <code>&lt;img&gt;</code> 标签可以插入图片。例如：<img src="https://www.example.com/image.jpg" alt="示例图片"></p>

    <!-- 这是一个列表 -->
    <h3>列表示例</h3>
    <p>使用 <code>&lt;ul&gt;</code> 和 <code>&lt;li&gt;</code> 标签可以创建无序列表：</p>
    <ul>
        <li>项目 1</li>
        <li>项目 2</li>
        <li>项目 3</li>
    </ul>

    <p>使用 <code>&lt;ol&gt;</code> 和 <code>&lt;li&gt;</code> 标签可以创建有序列表：</p>
    <ol>
        <li>项目 1</li>
        <li>项目 2</li>
        <li>项目 3</li>
    </ol>
</body>
</html>

解释说明：

<h1> 到 <h6>：这些标签用于定义标题，数字越小级别越高。
<p>：用于定义段落。
<a>：用于创建超链接，href 属性指定链接的目标 URL。
<img>：用于插入图片，src 属性指定图片的路径，alt 属性提供替代文本。
<ul> 和 <ol>：分别用于创建无序列表和有序列表，<li> 用于定义列表项。

希望这个示例能帮助你更好地理解 HTML 的基本用法！

上一篇：html缓存

下一篇：html 行间距