原创力文档- 1、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。。
- 2、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击 这里二次下载。
- 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
- 4、该文档为VIP文档，如果想要下载，成为VIP会员后，下载免费。
- 5、成为VIP后，下载本文档将扣除1次下载权益。下载后，不支持退款、换文档。如有疑问请联系我们。
- 6、成为VIP后，您将拥有八大权益，权益包括：VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 7、VIP文档为合作方或网友上传，每下载1次， 网站将根据用户上传文档的质量评分、类型等，对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
第 PAGE 14 页 共 NUMPAGES 15 页
洛阳师范学院教育科学系
实验名称
编写HTML代码在网页中嵌入多媒体
实验类型
综合性
实验时间
2008年 6
实验环境
Windows操作系统
实验目的与要求：
掌握HTML常用标记的使用。
掌握编写HTML代码在网页插入声音、图片、视频（或动画）、超链接、等多媒体信息的语法规则。
实验内容：
1．编写网页设计的文字脚本，网页中应包含声音、图片、视频（或动画）、超链接、表格等元素。
2．准备好相应的声音、图片、视频、动画等多媒体素材，存放在一个以自己学号命名的文件夹内。
3．编写HTML代码制作一张名为“index.htm”的网页。
4．编写HTML代码在文件index.htm中实现文字脚本中的设计。
并把自己的脚本以正文的方式显示。
注：为网页设置一定的背景颜色；插入背景音乐；在网页的顶端插入一张图片，居中显示；在图片的下面居中显示自己的姓名，设置合适的字号和字体颜色，加粗显示，并在姓名下加一条黄色的横线；网页中要有一个名为“个人简历”的表格。边框宽度设为1，有合适的背景颜色，居中显示。
姓名
年龄
专业
毕业院校
5．创建一个以自己姓名命名的文件夹，文件夹内包括index.htm和素材文件夹。将创建的文件夹压缩，上传至指定FTP进行提交。
实验方法、步骤：
1．新建一个文本文档，命名为index。
2．根据实验要求编写代码。
（1）把网页背景设为粉色，在网页顶端插入一张图片，居中显示。
html…/html head…/head title…/title body…/body
（2）在图下居中显示“陶美予”设置号字型字号，并在名字下加一条黄色横线。
设置一个我BLOG的超连接。
u…/u a href=/lovelytaomeiyu=_blank 我的BLOG/a
（3）插入一个表格，做一个自己的小简历，边框宽度为1，背静颜色为浅蓝。
table height=140 border bordercolor=#000000 bgcolor=#66CCFF
（4）分别插入几幅荷花图片，在图片下方合适的位置插入注释。
img src=images/b_767F697AD9E4931F.jpg width=500 height=375
（5）插入FLASH动画
embed src=images/flash/hudie.swf quality=high pluginspage=/go/getflashplayer type=application/x-shockwave-flash width=772 height=150/embed
（6）插入背静音乐bgsound src=images/游园惊梦.wma loop=3
（7）保存文件，把文件重命名为index.html
(8) 打开预览。
代码如下：
!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN
/TR/html4/loose.dtd
html
head
meta http-equiv=Content-Type content=text/html; charset=gb2312
title陶陶的网页/title
style type=text/css
!--
body {
margin-top: 0px;
margin-bottom: 2px;
background-color: #FFCCFF;
}
a:link {
color: #FF0000;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #FF00FF;
}
a:hover {
text-decoration: none;
color: #0000FF;
}
a:active {
text-decoration: none;
color: #FFFF00;
}
.style20 {
color: #3333FF;
font-size: 12px;
}
.style21 {font-size: 12px}
.style24 {color: #009933; }
.style25 {color: #000000}
.style26 {
color: #FFFF00;
font-size: x-large;
font-family: Courier New, Courier, mono;
font-style:
文档评论（0）