html制作简单框架网页实现自己的音乐驿站操作步骤及源文件下载（播放功能限mp3文件）

最新推荐文章于 2024-07-31 16:24:09 发布

原创

最新推荐文章于 2024-07-31 16:24:09 发布 · 2.4k 阅读

2 ·

CC 4.0 BY-SA版权

本文介绍如何使用HTML制作一个简单的音乐驿站，包括创建标题、框架布局、子页面内容设置以及如何实现音乐链接。通过创建不同页面如top.html、left.html和一系列right.html，将音乐列表和播放页面整合到一个框架网页中。同时提供了源文件的下载链接。

使用HTML语言来设计制作

Hyper Text Markup Language 超文本标记语言

这门语言的特点就是标记，就是把所有的命令单词用<>标记起来，就可以发挥作用

还有一个特点，就是这个语言的标记是成对出现的，结束用</>

<title></title>制作网页的标题使用title标签

然后制作，2刀分成3块的框架

如何才能分框架？

分好的框架用什么来表示?

html制作框架网页实例——我的个人音乐频道

首先制作首页，是一个主框架，效果如下：

<!doctype html>
<html>
<head>
<!--
测试要注意——charset设置的是浏览器打开时使用的编码格式，所以你在保存网页的时候也要使用相应的编码格式。
-->
<meta charset="utf-8">
<title>我的音乐听吧</title>
</head>

<!-- 
制作框架要注意——与普通网页不同，框架网页不需要body体，只分框架结构。
-->
<frameset rows="167,*" frameborder=1 framespacing="5">
<frame src="top.html" name="top" noresize="noresize"/>
<!--
这里的framespacing设置的是附加空间，不同浏览器显示效果会不同
-->
<frameset cols="20%,70%" frameborder=1 framespacing="5">
<frame src="left.html" name="left" noresize="noresize"/>
<frame src="right2.html" name="right" noresize="noresize"/>
</frameset>
</frameset>
</html>

然后制作其中的上、左、右三个页面。

上边的网页top.html放一个图片logo，再放两个banner图片，放在表格中。

代码如下：

<body bgcolor="pink">
<center><table>
<tr>
<td><img src="images/logo.jpg"></td><td><img src="images/banner.jpg"></td><td><img src="images/banner2.jpg"></td>
</table></center>
<body>

左边的网页是喜欢的歌曲列表，制作列表超级链接。

代码如下：

<body style="background-color:rgb(196,10,102)">
 <dl>
 <dt style="color:white;font-size

最低0.47元/天解锁文章

html制作简单框架网页 实现自己的音乐驿站 操作步骤及源文件下载 （播放功能限mp3文件）

html制作简单框架网页实现自己的音乐驿站操作步骤及源文件下载（播放功能限mp3文件）