今天写一个很简单而且看起来很舒服的网页(有背景音乐,带动态)对于新手来说是很好的入门,因为可以激发兴趣。
1、index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>放松一下</title>
</head>
<body background="img/cun.jpg">
<embed src="music/1.mp3" hidden="true"></embed>
<h1 align="center"><font color="aqua">晴空万里,遇见美丽</font></h1>
<div style="float: left;">
<marquee behavior="alternate" direction="down" height="600px"><img src="img/1.png" width="400px" height="300px" />
</marquee>
</div>
<div style="float: left; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);">
<center>
<marquee direction="up" behavior="scroll" height="600px" onmouseover="this.stop()" onmouseleave="this.start()">
<p style="text-align: center; font-family: '微软雅黑';line-height: 50px; color: darkcyan">落花情<br />
作词:程渤志 作曲:范炜<br />
演唱:七朵<br />
一种相思花自飘零水自流<br />
两处闲愁独自寂寞上心头<br />
梦回青青池畔回忆灯火阑珊 <br />
一杯苦酒恰似落花情几时休 <br />
问君几多愁叹息双泪流<br />
浊酒一杯怎知心中无数的苦与愁 <br />
长夜漫漫梦难求相思离愁<br />
留恋处你我蓦然回首<br />
但愿人长久回忆门前柳<br />
敢问谁能奈何无尽人间的去与留 <br />
明月不知离别苦 化作相思何以解忧愁 <br />
叹息儿女情又如何千里万里朝你奔走<br />
遥望明月山长水阔 唯有鸟语花香点点江风渔火 <br />
睡梦里寻他千百度 化作嫦娥翩翩起舞<br />
唯有落花片片随水波逐流<br />
一种相思花自飘零水自流 <br />
两处闲愁独自寂寞上心头<br />
梦回青青池畔回忆灯火阑珊<br />
一杯苦酒恰似落花情几时休<br />
你好似一片落花静静飘零在角落 <br />
又有多少人知晓佳人梦里眼泪流 <br />
唯有看落花坠落轻抚眼角泪滑过 <br />
一杯苦酒叹息山长水阔 <br />
叹息儿女情又如何千里万里朝你奔走 <br />
遥望明月山长水阔 <br />
唯有鸟语花香点点江风渔火<br />
睡梦里寻他千百度 化作嫦娥翩翩起舞<br />
唯有落花片片随水波逐流 <br />
一种相思花自飘零水自流 <br />
两处闲愁独自寂寞上心头 <br />
梦回青青池畔回忆灯火阑珊 <br />
一杯苦酒恰似落花情几时休 <br />
敢问苍天明月谁知佳人等了几个秋<br />
花开花落只恨年少轻狂与天竞自由 <br />
多少泪痕滑落轻抚寂寞功名欲追求 <br />
唯有叹息落花追梦追自由 <br />
仰望苍天和明月是否知晓我的明天<br />
一杯苦酒怎能知晓花开花落的季节<br />
我叹息着明天回忆着梦里灯火阑珊 <br />
又有多少眼泪轻轻的滑落在青青的池畔<br />
这一个花落时节看不清眼角眼泪<br />
你我相恋却变成过去的过去的明天 <br />
落花无情却只能遥望江火点点落花片片 <br />
静静的叹息流水的无意与落花的伤感
</p>
</marquee>
</center>
</div>
<div style="float: right;">
<marquee behavior="alternate" direction="up" height="600px">
<img src="img/2.png" width="400px" height="300px" />
</marquee>
</div>
</body>
</html>
2、image
3、data
music是落花情