用表格布局页面，利用CSS技术，及添加多媒体，制作并美化"心灵之音”页面。
参考代码：
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>心灵之音</title><style type="text/css">div{width: 900px;height: 820px;border: 1px solid;background-image: url(img/bg-01.jpg);}.wenzi{text-align: center;font-size: 60px;writing-mode: vertical-rl;letter-spacing: 50px;}td{border:1px solid;}table{height: 700px;background-color: aliceblue;border-collapse: collapse;margin: 0px auto;}img{width: 100%;}</style></head><body><div><table><tr><td class="wenzi"rowspan="2" height="550px">心灵之音</td><td width="500px"><img src="img/list.jpg"/><ol><li>陈小朵-匆匆那年</li><br /><br /><audio src="media/陈小朵 - 匆匆那年.mp3"controls="controls"loop="loop"></audio><br /><br /><li>陈颖恩-那些你很冒险的梦</li><br /><br /><audio src="media/陈颖恩 - 那些你很冒险的梦.mp3"controls="controls"loop="loop"></audio><br /><br /><li>黄霄云-左手指月</li><br /><br /><audio src="media/黄霄雲 - 左手指月.mp3"controls="controls"loop="loop"></audio><br /><br /><li>李健-抚仙湖</li><br /><br /><audio src="media/李健 - 抚仙湖.mp3"controls="controls"loop="loop"></audio><br /><br /></ol></td></tr><tr><td><a href="#">流行音乐</a><a href="#">摇滚音乐</a><a href="#">现代音乐</a><a href="#">民族音乐</a><br /><a href="#">蓝调歌曲</a><a href="#">管弦乐队</a><a href="#">合奏乐</a><a href="#">更多...</a></td></tr><tr><td colspan="2"align="center">版权所有©心灵之音网站</td></tr></table></div></body>
</html>
页面效果：
