Html练习二

来源：互联网发布：天谕流光男性捏脸数据编辑：程序博客网时间：2024/06/06 05:02

1、点击左上角的Disy、Rose、Daffodil 分别跳到本页面相应的地方即Daisy处、Rose处、Daffodil处

2、点击图片跳转到相应页面

3、点击左下角Top跳转本页首部

其他页面：

Daisy

Rose

Daffodil

index.html

<!doctype html><html> <head>  <meta charset="UTF-8">  <meta name="Author" content="hesixi">  <meta name="Keywords" content="">  <meta name="Description" content="">  <title>Day02_1</title> </head> <body><h1 align="center">Flowers</h1><table><tr><td width="120px"><a href="#Daisy">Daisy</a></td><td width="120px"><a href="#Rose">Rose</a></td><td width="120px"><a href="#Daffodil">Daffodil</a></td></tr></table><h2 id="Daisy">Daisy</h2><a href="Daisy.html" target="_blank"><img src="images/daisy.jpg" width="480px" height="360px"></a><span> A versatile flower, and sending daisies is always a pleasant way to make a lasting impression.</span><h2 id="Rose">Rose</h2><a href="Rose.html" target="_blank"><img src="images/rose.jpg" width="480px" height="360px"></a><span> With sunshine, water, and careful tending, rose will bloom several times in a season.</span><h2 id="Daffodil">Daffodil</h2><a href="Daffodil.html" target="_blank"><img src="images/daffodil.jpg" width="480px" height="360px"></a><span> Daffodils bloom early in spring and welcome the growing season.</span><br/><br/><br/><p><a href="#"><img src="images/top.gif" width="34px" height="9px"></a></p> </body></html>

Daisy.html

<!doctype html><html> <head><meta charset="UTF-8"><meta name="Generator" content="EditPlus®"><meta name="Author" content=""><meta name="Keywords" content=""><meta name="Description" content=""><title>Day02_2</title> </head> <body><h2>Daisy</h2><img src="images/daisy.jpg" width="480px" height="360px"><br/>A versatile flower, and sending daisies is always a pleasant way to make a lasting impression. </body></html>

Rose.html

<!doctype html><html> <head><meta charset="UTF-8"><meta name="Generator" content="EditPlus®"><meta name="Author" content=""><meta name="Keywords" content=""><meta name="Description" content=""><title>Day02_3</title> </head> <body><h2>Rose</h2><img src="images/rose.jpg" width="480px" height="360px"><br/>With sunshine, water, and careful tending, rose will bloom several times in a season. </body></html>

Daffodil.html

<!doctype html><html> <head><meta charset="UTF-8"><meta name="Generator" content="EditPlus®"><meta name="Author" content=""><meta name="Keywords" content=""><meta name="Description" content=""><title>Day02_4</title> </head> <body><h2>Daffodil</h2><img src="images/daffodil.jpg" width="480px" height="360px"><br/>Daffodils bloom early in spring and welcome the growing season. </body></html>

0 0