web前端开发技术实验与实践(第三版)储久良编著 项目11
web前端开发技术实验与实践(第三版)储久良编著 项目11
实训三 项目11
一、页面文字素材:
明月几时有?把酒问青天。
不知天上宫阙,今夕是何年。
我欲乘风归去,又恐琼楼玉宇,高处不胜寒,起舞弄清影,何似在人间。
转朱阁,抵绮户,照无眠。
不应有恨,何事偏向别时圆。
人有悲欢离合,月有阴晴圆缺,此事古难全。
但愿人长久,千里共婵娟。
二、代码:
<!--prj_3_2.html-->
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title><style type="text/css">body{text-align: center;background: url(../img/图片/y11.jpg);}ul{list-style-type: none;align-content: center;}li{float: left;margin: 12px;align-content: center;}div{height: 250px;background-color: #99cc00;text-align: center;}marquee{font-size: 16px;padding: 4px auto;}</style></head><body><h2>拥抱</h2><h4>弹壳</h4><hr><font size="+2">只想让你在我的怀抱<br />想给你打造只属于你的迪士尼<br />让所有美好和幸运全都围着你<br />要我为你付出一切都愿意<br />我的世界因为你变得美丽<br />只想要保护你一直牵着你的手<br />遇到暴风雨我会挡在你前头<br />I wish u blessing everyday<br />I wish u luck with everything<br /></font><hr><div><ul type=""><li type=""><embed src="../img/图片/y21.jpg" loop="true" autostart="true" width="280px" height="200px"></embed></li><li><embed src="../img/音频/弹壳拥抱.mp3" loop="true" width="280px" height="200px"></embed></li><li><embed src="../img/音频/爱我的话.mp3" loop="true" width="280px" height="200px"></embed></li><li><embed src="../img/图片/t41.jpg" loop="true" width="280px" height="200px"></embed></li><li><embed src="../img/图片/t51.jpg" loop="true" width="280px" height="200px"></embed></li><li><embed src="../img/图片/t71.jpg" loop="true" width="280px" height="200px"></embed></li></ul></div><marquee direction="left" behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()" bgcolor="#99CC00">只想让你在我的怀抱</marquee></body>
</html>
三、页面效果截图:
(阿巴阿巴,我并没有用原素材,因为天大地大,快乐最大!!!)
web前端开发技术实验与实践(第三版)储久良编著 项目11相关推荐
- web前端开发技术实验与实践(第三版)储久良编著 项目12 设计简易网站导航
web前端开发技术实验与实践(第三版)储久良编著 项目12 设计简易网站导航 实训三 项目12 设计简易网站导航 一.页面文字素材: 序号 网站名称 URL 1 百 度 http://www.ba ...
- web前端开发技术实验与实践(第三版)储久良编著 项目16 div+CSS页面布局设计
web前端开发技术实验与实践(第三版)储久良编著 项目16 实训五 项目16 一.页面文字素材: 这是头部信息区. 这是导航信息区. 这是主题信息区. 这是右侧信息区. 这是版权信息区. 二.代码: ...
- web前端开发技术实验与实践(第三版)储久良编著 项目13 设计新生课程简介
web前端开发技术实验与实践(第三版)储久良编著 项目13 设计新生课程简介 实训三 项目13 设计新生课程简介 一.页面文字素材: 英语 基础英语.高级英语.报刊选读.视听.口语.英语写作.翻译 ...
- web前端开发技术实验与实践(第三版)储久良编著 项目5 综合编程岗位介绍
实训一 项目5 综合编程岗位介绍 一.页面文字素材: WEB前端开发工程师的岗位职责:(1)协助系统架构设计师进行系统架构设计工作:(2)承担WEB前端核心模块的设计.实现工作:(3)承担主要开发工作 ...
- Web前端开发技术实验与实践(第3版)储久良编著实训8
实训8 HTML5基础与CSS3应用 项目22 当当网企业用户注册页面设计 页面效果截图 代码 <!--prj_8_1.html--> <!DOCTYPE html> < ...
- Web前端开发技术实验与实践(第3版)储久良编著实训2
项目6 文本与段落标记应用 页面效果截图 代码 <!--文本与段落标记的应用--> <!DOCTYPE html> <html><head><me ...
- web前端开发技术实验与实践(第三版)储久良编著 项目8 设计制度宣传展板
实训二 项目8 设计制度宣传展板 一.页面文字素材: 大型仪器必须有专人保管,须配有稳压电源,使用前须先检查仪器间各电路连接情况,再开稳压电源,然后再启动仪器开关. 必须严格执行仪器设备运行记录制度, ...
- Web前端开发技术实验与实践代码 (第三版)储久良
实训七 表单页面设计 项目21 设计大学生暑假社会实践调查问卷页面 设计大学生暑假社会实践调查问卷页面 结果截图 HTML代码 结果截图 HTML代码 <!-- prj_7_2.html --& ...
- Web前端开发技术实验与实践(第3版)储久良编著实训7
实训7 表单页面设计 项目20 设计科技工作者建言页面 页面效果截图 代码 <!--prj_7_1.html--> <!DOCTYPE html> <html>&l ...
- Web前端开发技术实验与实践(第3版)储久良编著实训6
实训6 表格与表格页面布局 项目18 设计网络主题研讨会日程表 页面效果截图 代码 <!--prj_6_1.html--> <!DOCTYPE html> <html&g ...
最新文章
- SQL Server 数据库备份
- python基础教程第三版和第二版选哪个-python基础教程 2版和3版哪个适合新手?!...
- kettle 脚本 java_Kettle 执行SQL脚本
- php记住表单数据cookie,【PHP基础】cookies和session
- mysql与php教程,php与Mysql
- git常用命令--tag
- 2021五一杯数学建模B题 消防救援问题
- 今日尾号限行数据接口代码实现
- 提升营业额的正确方法
- AntD 的 Descriptions 组件实现“ 右对齐效果 ”
- 解决Typora笔记在另一台电脑上无法显示图片的问题
- MS2109高清采集卡 HDMI转USB2.0免驱,支持MJPEG YUV数据格式 demo原理图介绍
- 给大家讲个笑话,拿了个offer,因为体检查出脂肪肝,公司把我拒绝了!
- x58添加uefi_修改为UEFI引导的方法,不需要重装
- 3月第三周全球五大顶级域名总量新增11.4万个
- 20161.1凌晨聊天后有感
- 大咖说|试衣到家 CEO:我们卖的不是衣服,是服务
- 编译器优化和cpu优化
- win10电脑怎么设置人脸识别解锁?电脑人脸解锁的具体方法
- NRF52840学习历程(八)IIC协议0.96OLED屏幕