项目1 设计简易灯箱画廊实训要求：（1）利用超链接和图像标记设计简易灯箱画廊。（2）给简易灯箱画廊增加背景音乐效果。

html5

项目1 设计简易灯箱画廊实训要求：
（1）利用超链接和图像标记设计简易灯箱画廊。
（2）给简易灯箱画廊增加背景音乐效果。``

知识点

（1）超链接标记

  <a href="" title="" target="">链接内容</a>

（2）图像img标记

<img src="url" width="" height="" alt="" vspace="" hspace="" border="" align="">

（3）使用embed标记播放背景音乐

<embed src="tree/Sleep Away,mp3" loop="true" autostart="true" widtd="0" height="0"></embed>

部分HB内置浏览器会崩溃，建议使用谷歌浏览。

（4）浮动框架iframe标记

<iframe scr="" name="iframe" width="500px" height="300px"></iframe>

实例:

<!DOCTYPE html>
<html lang = "en"><head><meta charset="utf-8"><title>简易灯箱画廊</title><style type = "text/css">body{text-align: center;}.div1{width: 900px;height: 500px;margin: 0px;text-align: center;background-color: white;}ul{margin-left: 45%;width: 1000px;list-style-type: none;height: 900px;}li{float: left;width: 200px;height: 200px;margin: 60px;}img{border: 0;width: 300px;height: 300px;}h3{font-size:24px;padding: 10px auto;color:red;}/*超链接a伪类样式*/a{color: #ffffff;text-decoration: none;}a:link,a:visited,a:active{color:#0033cc;} a:hover{border-bottom: 4px solid #FF0000}     /*鼠标悬停时有红色的底边线出现*/</style></head><body><h3 style="color: blue;text-align:center;">3图画廊设计</h3>  <audio autoplay="" loop=""><source src="../mp3/3.mp3"></audio><div class="div1" id=""><ul><li><a href="1.jpg" target="_top"><br><img src="../img/1.jpg"/></a></li><li><a href="bgimags.jpg" target="_top"><br><img src="../img/bgimags.jpg"/></a></li><li><a href="ddd.jpg" target="_top"><br><img src="../img/ddd.jpg"/></a></li></ul></div></body>
</html>

项目1 设计简易灯箱画廊实训要求：（1）利用超链接和图像标记设计简易灯箱画廊。（2）给简易灯箱画廊增加背景音乐效果。相关推荐

HTML5期末大作业：魔域私服网站设计——魔域私服游戏(1页) HTML+CSS+JavaScript 学生DW网页设计作业成品 html实训大作业
HTML5期末大作业:魔域私服网站设计--魔域私服游戏(1页) HTML+CSS+JavaScript 学生DW网页设计作业成品 html实训大作业常见网页设计作业题材有个人. 美食. 公司. 学 ...
C++课程设计实训_基于多态书籍信息管理系统的设计与实现、附源码、有过程截图
C++课程设计实训_基于多态书籍信息管理系统的设计与实现.附源码,有过程截图书籍信息管理系统的设计与实现(基于多态) 学生姓名: 学号: 指导老师: 所在系: 专业: 班级: C++课程设 ...
HTML淘宝网的制作实训关键点,《网页设计与制作》实训指导书.doc
<网页设计与制作>实训指导书<网页设计与制作>实训指导书 <网页设计与制作> 实训指导书主编:王春艳 <网页设计与制作>实训指导书目录一 ...
计算机excel上机实训指导,上机实训指导手册——利用Excel进行数据分组和制作统计图表...
上机实训指导手册--利用Excel进行数据分组和制作统计图表 (15页) 本资源提供全文预览,点击全文预览即可全文预览,如果喜欢文档就下载吧,查找使用更方便哦! 11.90 积分实训指导书课程名称 ...
oracle表设计实践,Oracle数据库实训报告.docx
<Oracle数据库> 实训报告系别信息工程系专业计算机科学与技术班级 2013级计算机科学与技术本科1班姓名学号指导教师徐鲁辉地点资讯楼306 学年学期 ...
计算机实训项目结果文档,计算机基础实训报告.doc
文档介绍: 计算机基础实训报告项目编号1项目名称中英文输入学时4学时一.实训目的1.指法强化训练;2.掌握正确的中英文输入法;3.能够流畅地进行中英文录入.二.实训环境Windowsxp操作系统,金山 ...
计算机实训项目一操作系统和网络应用,计算机网络实训心得
计算机网络实训心得一:计算机网络学习实习心得体会如今已经是信息时代,作为主流信息工具的网络越来越重要,因此我选择了这门选修课程. 我个人对于电脑和网络是很感兴趣的,但由于学习的东西不多,经常是在玩游 ...
本科生计算机课程设计总结,大学生计算机实训心得体会
随着科技的发展,越来越多的大学生选择学习计算机专业,想要学好计算机,还得通过实训.下面是学习啦带来的计算机实训心得体会,希望对大家有帮助. 计算机实训心得体会篇一此次实训的目的不言而欲,主要就是针对 ...
51单片机设计多功能电子秤（实训项目）
一.硬件准备 1.压力传感器(HX711称重模块) 2.接线说明如上图接线所示:称重模块HX711模块各个引脚与单片机引脚对应如下: (1).VCC-->VCC (2).GND-->GN ...

项目1 设计简易灯箱画廊实训要求：（1）利用超链接和图像标记设计简易灯箱画廊。（2）给简易灯箱画廊增加背景音乐效果。

项目1 设计简易灯箱画廊实训要求：（1）利用超链接和图像标记设计简易灯箱画廊。（2）给简易灯箱画廊增加背景音乐效果。相关推荐

最新文章

热门文章

项目1 设计简易灯箱画廊 实训要求： （1）利用超链接和图像标记设计简易灯箱画廊。 （2）给简易灯箱画廊增加背景音乐效果。

项目1 设计简易灯箱画廊 实训要求： （1）利用超链接和图像标记设计简易灯箱画廊。 （2）给简易灯箱画廊增加背景音乐效果。相关推荐

最新文章

热门文章

项目1 设计简易灯箱画廊实训要求：（1）利用超链接和图像标记设计简易灯箱画廊。（2）给简易灯箱画廊增加背景音乐效果。

项目1 设计简易灯箱画廊实训要求：（1）利用超链接和图像标记设计简易灯箱画廊。（2）给简易灯箱画廊增加背景音乐效果。相关推荐