Html练习二

原创 2017年01月04日 00:44:47

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>




版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

HTML网页练习之网易邮箱注册页面

  • 2017年12月01日 11:25
  • 158KB
  • 下载

html5练习——登录页面

登录页面 login 登录

HTML上机练习

  • 2017年08月18日 17:50
  • 10.51MB
  • 下载

html练习+css

  • 2017年06月23日 20:55
  • 1.19MB
  • 下载

HTML练习---制作聚美优品彩妆热卖产品列表页面

无标题文档 .a { background-color: #F3C; padding: 7px; color: #FFF; } .b { width:300px; height:50...

小练习05HTML+CSS-淘宝小店铺页面

  • 2017年05月12日 16:43
  • 159KB
  • 下载

小练习04HTML+CSS-医药健康小页面

  • 2017年05月12日 16:32
  • 120KB
  • 下载

HTML的练习之网上书城静态页面的实现

用了几天时间学完了HTML,于是乎,编写了个网上书城项目以对所学知识做个总结.常见标签我也会对其进行标注,若写的有什么不好之处也请大家勿怪....
  • striner
  • striner
  • 2017年11月22日 17:59
  • 252
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Html练习二
举报原因:
原因补充:

(最多只允许输入30个字)