1. 此网页介绍了三首歌曲,可以在线播放。 2. “流行音乐”设为一级标题。 3. 三首歌曲用表格布局,表格边框为1px、实线,单元格间距和边距为0,背景颜色为#C9F7FE,表格中文字的大小为24像素。 4. 表格第一行设为表头。 5. 所有单元格文字居中显示。 6. 第二行第三个单元格插入图片Mariah Carey.jpg,图片长宽均为125像素,说明文字为“The Emancipation Of Mimi(Ultra Platinum Edition)”,即alt= The Emancipation Of Mimi(Ultra Platinum Edition)。 7. 第二行第四个单元格用<audio>标记插入声音文件We Belong Together.mp3,有控制面板。 8. 第三行、第四行内容的设置与第二行基本相同。相应的图片可以在文件夹中找到,两个图片分别以“Love (Deluxe Edition)”、“21”作为说明文字。 9. 网页内容居中显示。 10. 要求同学们通自己找到的歌曲素材制作网页,可以扩充网页功能,比如下载歌曲、介绍专辑、介绍歌手等。
时间: 2024-03-05 13:48:43 浏览: 25
很抱歉,作为AI语言模型,我无法制作网页。但我可以为您提供一些HTML代码示例,帮助您完成相应的网页制作任务。
以下是一份示例代码,可供参考:
```html
<!DOCTYPE html>
<html>
<head>
<title>流行音乐</title>
<meta charset="UTF-8">
<style type="text/css">
table{
border: 1px solid;
border-collapse: collapse;
background-color: #C9F7FE;
margin: 0 auto;
text-align: center;
}
td{
border: 1px solid;
padding: 0;
margin: 0;
font-size: 24px;
text-align: center;
}
img{
width: 125px;
height: 125px;
}
</style>
</head>
<body>
<h1>流行音乐</h1>
<table>
<thead>
<tr>
<th>歌曲名称</th>
<th>歌手</th>
<th>专辑</th>
<th>播放</th>
</tr>
</thead>
<tbody>
<tr>
<td>Touch My Body</td>
<td>Mariah Carey</td>
<td>The Emancipation Of Mimi(Ultra Platinum Edition)</td>
<td>
<audio controls>
<source src="Touch My Body.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
</td>
</tr>
<tr>
<td>We Belong Together</td>
<td>Mariah Carey</td>
<td>The Emancipation Of Mimi(Ultra Platinum Edition)</td>
<td>
<audio controls>
<source src="We Belong Together.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
</td>
</tr>
<tr>
<td>Love on Top</td>
<td>Beyoncé</td>
<td>Love (Deluxe Edition)</td>
<td>
<audio controls>
<source src="Love on Top.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
</td>
</tr>
<tr>
<td>Rolling in the Deep</td>
<td>Adele</td>
<td>21</td>
<td>
<audio controls>
<source src="Rolling in the Deep.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
</td>
</tr>
</tbody>
</table>
</body>
</html>
```
您可以在此基础上进行修改和扩展,完成自己的网页制作任务。如果您对HTML代码不熟悉,建议先学习相关知识再进行制作。