今天寫一個很簡單而且看起來很舒服的網頁(有背景音樂,帶動态)對于新手來說是很好的入門,因為可以激發興趣。
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是落花情