以我的世界服务器官网为题,写一个有图片和超链接模块的模板代码
时间: 2024-04-02 21:33:30 浏览: 69
以下是一个简单的以“我的世界服务器官网”为题的网页模板代码,包含图片和超链接模块:
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>我的世界服务器官网</title>
</head>
<body>
<header>
<h1>我的世界服务器官网</h1>
</header>
<nav>
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">服务器介绍</a></li>
<li><a href="#">加入我们</a></li>
<li><a href="#">联系我们</a></li>
</ul>
</nav>
<main>
<section>
<h2>服务器介绍</h2>
<p>这里是服务器介绍的文字内容。</p>
<img src="server.jpg" alt="服务器图片">
</section>
<section>
<h2>加入我们</h2>
<p>如果您想加入我们的服务器,请先阅读我们的规定。</p>
<a href="rules.html"><img src="join.jpg" alt="加入我们"></a>
</section>
<section>
<h2>联系我们</h2>
<p>如果您有任何问题或建议,请联系我们。</p>
<ul>
<li>Email:<a href="mailto:server@example.com">server@example.com</a></li>
<li>QQ:<a href="tencent://message/?uin=12345678&Site=sc.qq.com&Menu=yes">12345678</a></li>
</ul>
</section>
</main>
<footer>
<p>版权所有 © 2021 我的世界服务器官网</p>
</footer>
</body>
</html>
```
其中,`<img>` 标签用于插入图片,`<a>` 标签用于创建超链接,`href` 属性指定链接的目标地址。在这个模板中,图片文件和规定页面的链接文件应该与 HTML 文件放在同一目录下。
阅读全文