【网页设计】HTML做一个属于我的音乐页面（纯html代码）
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>属于我的音乐</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<img src="logo.png" alt="Logo">
<nav>
<ul>
<li><a href="index.html">首页</a></li>
<li><a href="my-music.html">属于我的音乐</a></li>
<li><a href="playlist.html">播放列表</a></li>
<li><a href="about.html">关于我们</a></li>
</ul>
</nav>
</header>
<main>
<h1>属于我的音乐</h1>
<p>在这里，你可以找到我最喜欢的歌曲，以及我的个人播放列表。我们的目标是为你提供一个充满活力的音乐社区，让我们一起探索音乐的世界。</p>
<figure>
<img src="music-image.jpg" alt="音乐图片">
<figcaption>音乐的力量</figcaption>
</figure>
</main>
<footer>
<p>© 2023 属于我的音乐</p>
</footer>
</body>
</html>这个简单的HTML页面展示了一个典型的网页结构，包括头部(header)、导航(nav)、主体内容(main)和底部(footer)。同时，它包含了一个图片和段落，用以提供页面内容的细节。这个示例展示了如何使用HTML创建一个基本的网页框架，为后续的样式表(CSS)和互动(JavaScript)的添加做好准备。
评论已关闭