HTML5开发基础与应用页面制作答案.docxVIP

PAGE

PAGE1

HTML5开发基础与应用页面制作答案

第三阶段作品展示，请你按如下要求制作一个网页。

任务：

1.左侧是联系我们，包括名称、电子邮箱和你的留言。

2.页面主页是柑橘描述，底部是作者及创建该网页时间。

考核点：

1.input属性的使用，电子邮箱使用html5校验

2.整体布局考察页面布局情况，css的知识

页面效果：

图片

demo_img.jpg

arrow.png

!DOCTYPEhtml

html

head

metacharset=UTF-8

title柑橘网/title

styletype=text/css

.clearFIX:after{

content:;

display:block;

clear:both;

}

.leftulli{

list-style:none;

width:100px;

}

.lefth3{

padding:5px40px;

background-color:rgb(245,249,235);

border-bottom:1pxsolidrgb(240,235,222);

border-top:1pxsolidrgb(240,235,222);

}

.leftul{

background-color:lightgoldenrodyellow;

padding:30px40px;

color:green;

}

.leftulliinput,textarea{

background-color:rgb(251,249,244);

outline-color:#d2ead2;

color:green;

}

.contant{

padding-top:80px;

width:1300px;

margin:0auto;

}

.left,.right{

float:left;

}

.left{

width:20%;

}

.right{

width:50%;

padding:20px100px;

}

a{

text-decoration:none;

color:green;

}

header{

background-color:rgb(249,247,234);

text-align:center;

margin-top:10px;

padding:5px0;

}

/style

/head

bodystyle=width:100%;

divclass=contantclearFIX

divclass=left

h3联系我们/h3

ul

li名称inputtype=text//li

li电子邮箱inputtype=email//li

li你的留言textareaname=id=cols=21rows=10/textarea/li

liinputtype=buttonname=id=value=提交//li

/ul

/div

divclass=right

imgalign=rightsrc=img/tu1.png/

pnbsp;nbsp;nbsp;nbsp;中国南方盛产柑橘，湖南石门柑橘特别突出，中国柑橘节也是在此产生。一年一度的中国柑橘节，是橘农的节日，也是所有喜欢吃柑橘的人们的节日。br/

nbsp;nbsp;nbsp;nbsp;中国是柑橘的重要原产地之一，柑橘资源丰富，优良品种繁多，有4000多年的栽培历史。经过长期栽培、选择，柑橘成了人类的珍贵果品。br/

nbsp;nbsp;nbsp;nbsp;湖南石门，种植柑橘悠久，早在两千多年前，爱国诗人屈原就在故里写下了《桔颂》名篇。据研究，柑橘起源于中国云贵高原，途经长江而下，传向淮河以南。长江下游，直到岭南地区。经过中国人民长期栽培。选择，柑橘成了人类的珍贵果品。15世纪，葡萄牙人把中国甜橙带到地中海沿岸栽培，当地称为“中国苹果”。后来，甜橙又传到拉丁美洲和美国。1821年，英国人来中国采集标本，把金柑带到了欧洲，1892年，美国从中国引进椪柑，叫“中国蜜桔”。英语把柑和桔总称“曼达宁”（Mandarin），其原意就是“中国珍贵的柑”。温州蜜柑，是唐代日本和尚田中间守来中国浙江天台山进香，带回柑橘种子，在日本鹿儿岛、长岛栽植，变异选