怎么把资源整合到index. html中？

怎么把资源和超链接整合到index.html中？具体做成什么样式？

img

<!doctype html>
<meta charset="utf-8" />
<!--背景音乐-->
<embed src="sound/backSnd.midi" autostart=true style="display:none" />
<br />
<!--email地址-->
<a href="mailto:WebMaster@abc.com"><img src="pic/mail.jpg"/></a>
<br />
<!--ftp-->
<a href="ftp://ftp.xyz.com/pub/Src1.zip">链接到FTP资源</a>
<br />
<!--图片热点-->
<img width="300" height="300" border="0" usemap="#Map" src="pic/linkMap.jpg" />
<map name="Map" id="Map">
    <area shape="circle" coords="140,140,20" href="http://xyz.com/" />
</map>
<br />
<!--视频-->
<embed src="movie/movie.wmv" autostart=false width="400" height="300" />

用img、href等标签来加载图片、地址内容。