2023年实验报告三设计简易的灯箱画廊_第1页
2023年实验报告三设计简易的灯箱画廊_第2页
2023年实验报告三设计简易的灯箱画廊_第3页
2023年实验报告三设计简易的灯箱画廊_第4页
2023年实验报告三设计简易的灯箱画廊_第5页
已阅读5页，还剩4页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

1、设计简易的灯箱画廊

效果图:

代码：

<!DOCTYPEhtmlPUBLIC"一//W3C//DTDXHTML1.0Tra

nsitional//EN........>

<htmlxm1ns="">

<head>

<metahttp—equiv="Content-Type"content="text/html；charse

t=utf-8"/>

<tit1e>无标题文档V/1itle>

<styletype="text/css">

body{text—align:center;}

»h3{font—size:24px；color：white；padding:10pxauto；}»

ul{margin:Oauto;width:800px;1ist-style—type:none;

height：120px;}

li{float:left;width:11Opx；height：90px；margin:5px;}

img{border:O;width:10Opx；height：80px;}

。。出{color:#ffffff;text-decoration：none;}

。0a:link,a:visited,a:active{color：#0033cc;}

。0a:hover{border—bottom:4pxso1id#FF0000;

</sty1e>

</head>

<bodybgcolor="#66CC99n>

<divc1ass="divl”>

<h2align="center”>简易灯箱画廊设计〈/h2>

<hrcolor=nredn>

<u1>

<li><ahref="file:〃/E|/实验3-资源/trees/t1.jpgntarget=nifra

me">tl<br><imgsrc="t1.jpg**></a></li>

<1i><ahref="file：〃/E|/实验3—资源/trees/t2.jpg"target=

niframen>t2<br><imgsrc="t2.jpgH></a></1i>

<1i><ahref=Hfile:///E|/实验3-资源/1rees/13.jpgntarget=Hiframe”>t3

<br><imgsrc=Ht3.jpgnx/a></li>

<lixahref="fi1e：///E|/实验3—资源/trees/14.jpg"target=nifr

ameM>t4<br><imgsrc=nt4.jpgu></a></li>

<1i><ahref=nfile:〃/E|/实验3—资源/trees/t5.jpg"target="iframeH>t5<b

rximgsrc="t5.jpgn></a></Ii>

<li><ahref=nfile:///EI/实验3-资源/trees/t6.jpgntar

get=HiframeH>t6<br><imgsrc="t6.jpgu></a></li>

</ul>

<iframesrc="tl.jpg“name=niframeMwidth="600pxnheight

=”300pxnx/iframe>

</div>

</body>

</html>

2、设计支持音频、视频播放的网页

效果图:

明月几时有

欢迎来到我的多媒体世界！

代码:

<!DOCTYPEhtm1PUBLICn-//W3C//DTDXHTML1.0Transitiona

1//EN...........>

<htmlxmlns="u>

<head>

<metahttp-equiv="Content-Type"content=ntext/html；charset=utf

-8n/>

<tit1e>设计支持音频、视频播放的网页V/title>

<styletype=ntext/cssn>

h2{text-align:center;}

div{height:4OOpx；background-co1or:#99cc00;text-a1ign:center;}

marquee{font-size：16px;padding:4pxauto;}

</sty1e>

</head>

<body>

<h2algin="center">明月几时有</h2>

<hrcolor="#OOOOFF"size="2px">

<marqueedirection="up">

<center>

<fontface="宋体"size="2"co1or="blue">

明月几时有？把酒问青天。<br>

不知天上宫阙，今夕是何年。Vbr>

我欲乘风归去，又恐琼楼玉宇，高处不胜寒,起舞弄清影，何似在人间。

<br>

转朱阁，抵绮户，照无眠。<br>

不应有恨，何事偏向别时圆。<br>

人有悲欢离合，月有阴晴圆缺，此事古难全。<br>

但愿人长期,千里共婵娟。<br>

</font>

</center>

</marquee>

<hrcolor="red"size="2px">

<div>

<ul>

<embedsrc="62.swf"width="400"height="300"></embed>

<embedsrc="蔡琴明月几时有.mp3"width="300"heigh

t="100"autostart="true"loop="fa1se"x/embed>

<embedsrc="0303.swfwidth="400"height="300"></embed>

</body>

</htm1>

3、设立简易的网站导航

效果图:

COfife//心/6mmi«®SIoo

使用依常标记和超健按奖视网砧导航

RgiStR

利用无序列盘买现水平与断条

jgES。崛迎

代码：

<!DOCTYPEhtmlPUBLIC//W3C//DTDXHTML1.0Transit

iona1//EN...........>

<htmlxmlns="">

<head>

<metahttp-equiv="Content-Type"content="text/html;chars

et=utf-8"/>

<tit1e>设计简易网站导航</title>

<styletype="text/css">

ul{list-style-type：none;text-align:center;}

li{display:inline;/*列表项在一行中显示*/}

lia{padding:02Opx;)

。〈/style>

</head>

<body>

<p>使用段落标记和超链接实现网站导航<b»<br>vbr>

<center>

<ahref="百度〈/a>  ； ；  ；

   

<ahref="">新浪</a>      &nb

sp； ；

<ahref二"">网易v/a>      ；&n

bsp;&nbsP;

<ahref="”>腾讯</a>    ；  ；

  ；

<ahref="”>搜狐</a>      ；&nbs

P; ；

<ahref="谷歌v/a> ；    ；&nb

sp；  ；

</center>

<hrcoloi-="blue"size="2">

vp>运用无序列表实现水平导航条v/p><br>

<ul>

<1i><ahr百度v/a></1i>

<lixahref="新浪v/a></li>

<1ixahref="">网易</aX/li>

<li><ahref="”>腾讯V/ax/1i>

<lixahref="">搜狐</a>V/li>

<li><ahref="">谷歌</a></li>

</ul>

</body>

</html>

4、新生课程简介

效果图

COme〃/。C3OO

新生课程简介

新生理田表

•as

•fils

•尢mu

英谓

SOSiS.息吸英语限刊出读.wn口语.英语写作.M陋论与实跳送古理论.谱3学最论.主要英语国事文学史及文竽作品选读.王则法国京西喀.

《眉等故学》if程介姐第百科字15术的迅X次展跤#正日4成为JS孚科出行科学研宾的■要手找K1工具.■号IS字是近代故例基的蝴菖专业《）经济号通专业英学生的必修桃色星在现代科学技术.经济皆理.人

文科学中应用■广泛的一11现冏.因!it学好这门烽松J学生今后的发JRB至关国曹的.本馥理是学生遗入大学后学习的第一H里要的故学草》》.通过本身理0泗学健学生拿蕾处理敢学问题的电想和方法培养学生科学

雪缰血同时为后续设班的学习且定良好的*。

胭

大学物理

以指理学M砒为内容的大学构建照程,是建工科个专业学生一门■，的遵正性的”》?H世璋.大竽糠理停程5#生打好必要的加M础,又在培养孝生科学的世界观,屯孝生分析问IftKWW!问!S的能力.培界学

生的探索格1*.创新JBiR等方面.R有日百爱不S6越代的国要作用.

上回

代码：

<!--prj_3_4_l.html-—>

<!doctypehtml>

<html1ang=uenn>

<head>

<metacharset=HUTF-8">

b<title>新生课程简介v/title>

</head>

。<body>

»<h2align="center"〉新生课程简介</h2>

o<aname="dir0">新生课程表（/a>

<ul>

»«<li><ahref="#dir1">英语i>

®o<1i><ahref="#dir2">高数</a></li>

»o<lixahref="#dir3">大学物理</a

。</u1>

»<h3><aname="dir1"></a>英语</h3>

o，<p>  基础英语、高级英语、报刊选读、视听、口语、

英语写作、翻译理论与实践、语言理论、语言学概论、重要英语国家文学史

及文学作品选读、重要英语

人人文库> 全部分类> 教育资料 > 辅导培训

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论