计算机网络技术专业1《Web前端开发初级实操考试2》 .pdfVIP

计算机网络技术专业1《Web前端开发初级实操考试2》 .pdf

  1. 1、本文档共30页,可阅读全部内容。
  2. 2、有哪些信誉好的足球投注网站(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
  3. 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载
  4. 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
  5. 5、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
  6. 6、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们
  7. 7、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
  8. 8、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多

考生姓名准考证号

2021年下半年Web前端开发初级实操考试

〔考试时间14:00-16:30共150分钟〕

1.本试卷共5道题,总分值100分。

2.请在指定位置或开发环境下作答。

试题一〔22分〕

阅读以下说明、效果图和HTML代码,进行静态网页开发,

填写〔1〕至〔11〕代码。

【说明】

这是某电商类网站服装商品展示页面局部,该网站正在促销

秋冬季女装。现在我们需要编写该网站效果图局部代码。

工程名称为shopping,包含首页index.html、css文件夹、img

文件夹,其中,css文件夹包含index.css文件;img文件夹包含

img1.jpg、img2.jpg、img3.jpg、img4.jpg、img5.jpg图片。

【效果图】

图1-1

【代码:首页index.html】

!DOCTYPEhtml

html

head

title商品展示/title

metacharset=utf-8

linkrel=stylesheettype=text/csshref=css/index.css/

/head

body

divclass=box

divclass=con

!--根据上下文填入适宜的标签--

〔1〕class=clear

li

imgsrc=img/img1.jpg

p微胖连衣裙/p

/li

li

imgsrc=img/img2.jpg

p2021网红初秋女装/p

/li

li

imgsrc=img/img3.jpg

p黑色休闲裤/p

/li

li

imgsrc=img/img4.jpg

p韩版学生女装/p

/li

li

imgsrc=img/img5.jpg

p原创设计女装/p

/li

/〔2〕

/div

/div

/body

/html

【代码:CSS文件index.css】

body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dd{

margin:0;

padding:0;

}

/*清理默认li样式*/

ul{

〔3〕:〔4〕;

}

/*显示为块级元素*/

img{

(5):(6);

}

/*清理左右浮动*/

.clear:after{

content:;

display:block;

〔7〕:〔8〕;

}

.box{

width:100%;

}

.box.con{

width:1375px;

margin:0auto;

}

.box.conul{

padding-top:30px;

}

/*左浮动*/

.box.conulli{

〔9〕:〔10〕;

width:250px;

margin:022px22px0;

border:1pxsol

文档评论(0)

158****9271 + 关注
实名认证
文档贡献者

该用户很懒,什么也没介绍

1亿VIP精品文档

相关文档