html5网页模板代码

admin 2023年12月29日 02:48 46 0

段落、链接、图片等，以下是一个简单的HTML5网页模板代码示例：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>我的网页标题</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
            background-color: #f0f0f0;
        }
        header {
            background-color: #333;
            color: #fff;
            padding: 10px 0;
        }
        h1 {
            margin: 0;
        }
        main {
            margin: 20px;
        }
        footer {
            background-color: #333;
            color: #fff;
            padding: 10px 0;
            text-align: center;
        }
    </style>
</head>
<body>
    <header>
        <h1>我的网页标题</h1>
    </header>
    <main>
        <p>这是一段示例文本。你可以在这里写任何你想写的内容，可以是文章、产品描述、新闻等。</p>
        <p>记住，HTML是一种标记语言，用于描述网页的结构。你可以使用各种HTML元素来创建链接、插入图片、添加列表等。</p>
        <a href="https://www.example.com">这是一个链接</a>
        <img src="https://example.com/image.jpg" alt="示例图片">
    </main>
    <footer>版权所有 &copy; 2023</footer>
</body>
</html>

这个模板包含了一个基本的网页结构，包括标题、段落、链接和图片，你可以根据自己的需求修改和扩展这个模板。