HTML5应用开发课后习题题库期末考试试卷及答案 (10).docx
实操题：1.请利用<header>,<section>,<strong>标签,制作静态页面,效果如图2-22所示，无需CSS设置。网页文字素材：价格说明。京东价:京东价为商品地销售价，是您最终决定是否购买商品地依据。划线价:商品 展示地划横线价格为参考价，该价格可能是品牌专柜标价,商品吊牌价或由品牌供应商提供地 正品零售价（如厂商指导价,建议零售价）或该商品在京东平台上曾经展示过地销售价;由于 地区，时间地差异性与市场行情波动,品牌专柜标价，商品吊牌价可能会与您购物时展示地不 一致,该价格仅供您参考。折扣:如无特殊说明，折扣指销售商在原价，或划线价（如品牌专柜标 价,商品吊牌价，厂商指导价，厂商建议零售价）某一价格基础上计算出地优惠比例或优惠金额; 如有疑问，您可在购买前联系销售商进行咨询。异常问题:商品促销信息以商品详情页“促销” 栏中地信息为准;商品地具体售价以订单结算页价格为准;如您发现活动商品售价或促销信息 有异常，建议购买前先联系销售商咨询。2016-02-04价格说明京东价：京东价为商品的销售价，是您最终决定是否购买商品的依据。划线价：商品展示的划横线价格为参考价，该价格可能是品牌专柜标价、商品吊牌价或由品牌供应商提供的正品零售价（如厂商指导价、建议零售价等）或该商品在京东平台上曾经展示过的销 售价；由于地区、时间的差异性和市场行情波动，品牌专柜标价' 商品吊牌价等可能会与您购物时展示的不一致，该价格仅供您参考。折扣：如无特殊说明，折扣指销售商在原价、或划线价（如品牌专柜标价、商品吊牌价、厂商指导价、厂商建议事售价）等某一价格基础上计算出的优惠比例或优惠金额；如有疑问，您可在购 买前联系销售商进行咨询。异常问熬：商品促销信息以商品详情页"促销”栏中的信息为准；商品的具体售价以订单结算页价格为准；如您发现活动商品售价或促销信息有异常，建议购买前先联系销售商咨询.2020-12-04图2-21习题1效果要求参考代码：<!DOCTYPE html><html><head><meta charset="utf-8" /><titlex/title></head><body><div class="list intrduceH><headerxh3> 价格说明 </h3></header><section><p><strong>京东价:/strong京东价为商品地销售价，是您最终决定是否购买商品地依 据。</p><p><strong>划线价:/strong商品展示地划横线价格为参考价，该价格可能是品牌专柜 标价，商品吊牌价或由品牌供应商提供地正品零售价（如厂商指导价,建议零售价）或该商品 在京东平台上曾经展示过地销售价;由于地区，时间地差异性与市场行情波动，品牌专柜标价, 商品吊牌价可能会与您购物时展示地不一致,该价格仅供您参考。</p><p><strong>折扣:/strong如无特殊说明，折扣指销售商在原价，或划线价（如品牌专柜 标价，商品吊牌价，厂商指导价，厂商建议零售价）某一价格基础上计算出地优惠比例或优惠金 额;如有疑问，您可在购买前联系销售商进行咨询。</p><p><strong>异常问题:/strong商品促销信息以商品详情页”促销”栏中地信息为准;商 品地具体售价以订单结算页价格为准;如您发现活动商品售价或促销信息有异常，建议购买前 先联系销售商咨询。</p><p>2020-12-04</p></section></div></body></html>2.利用<nav>,<section>,<footer>标签，制作页面结构，效果如图2-22所示淇中头部为导航，内容包含一个段落与一个表格，尾部为页脚，无需CSS设置。网页文字素材：(1)订单中心，我地订单，我地活动，评价晒单,我地常购商品，代下单；(2) 2021-02-03 11:29:07,订单号：(3)表格见表2-9;(4)关于我们|联系我们|联系客服|合作招商。表2-9我地订单商品名称数量金额支付方式状态操作曲奇饼干300克*1罐150.0在线支付订单详情评价晒单巧克力100克*1条345.0在线支付订单详情评价晒单橄榄油500ml*1瓶190.0在线支付订单详情评价晒单绿茶50克*1盒288.0在线支付订单详情评价晒单网站导航导航 MS订单中心 我毛订单我毛活动 评价晒单我国常购商品 代下单2021-02-03 11:29:07 订单号：内容商品名称数量金额支付方式 状态 操作曲奇饼干300克叮灌1¥50在线支付订单详情评价晒单巧克力100克*1条 3 橄榄油500ml叮瓶1 绿茶50克*1盒2¥45在线支付订单详情评价晒单¥90在线支付订单详情 评价晒单¥88在线支付订单详情评价晒单关于我们|联系我们|联系客服|合作招商尾部图2.22习题2效果要求参考代码：<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>order</title></head><body><div><nav><h2>网站导航</h2><ul><lixa href=首页</a></li><lixa href="#">订单中心</ax/li><lixa href="#">我地订单</ax/li><lixa href="#">我地活动</a></活<lixa href="#">评价晒单</ax/li><lixa href=',#,>我地常购商品</ax/li><lixa href="#">代下单</a></li></ul></nav><section><p>2021-02-03 11:29:07 订单号：<table><thead><tr><th>商品名称</th><th> 数量 </th><th> 金额 </th><th>支付方式</th><th> 状态 </th><th> 操作 </th></tr></thead><tbody><tr><td>曲奇饼干300克*1罐</td><td>l</td><td>¥50</td><td>在线支付</td><td>订单详情</td><t d >评价晒单</t d ></tr><tr><td>巧克力100克*1条</td><td>3</td><td>¥45</td><td >在线支付</td ><td>订单详情</t d ><td>评价晒单</td></tr><tr><td>橄榄油 500ml*l 瓶</td><td>l</td><td>¥90</td><td>在线支付</td><td>订单详情</td><td>评价晒单</td></tr><tr><td>绿茶 50 克*1 盒</td><td>2</td><td>¥88</td><td>在线支付</td><td>订单详情v/td><td>评价晒单</td></tr></tbody></table></section><footer><p>关于我们|联系我们|联系客服|合作招商</ax/p></footer></div></body></html>3.请利用dl表格元素制作表格，显示一组品牌名称，效果如图2-23所示，无需CSS设置。网页有 关素材为：BIANDO,新华园，向日葵(sunflower)，萨姆摩尔,福丽奥(Fu Li Ao)，马克斯&亚历克斯，青 佑,Lambertz,圣米希尔(St Michel)，华大(HWATAI)。传统品牌BIANDO新华园向日葵(sunflower)萨姆福丽奥(Fu Li Ao )流行品牌马克斯&亚历克斯青佑Lambertz圣米希尔(St Michel) 华大(HWA TAI)图2-23习题3效果要求参考代码:<!DOCTYPE html><html lang="en"><head><meta charset=',UTF-8"><title>brand</title></head><body><div><section><dl><dt>传统品牌</dt><dd>BIANDO</dd><dd>新华园</dd><dd>向日葵(sunflower) </dd><dd>萨姆摩尔</dd><dd>福丽奥(Fu Li Ao) </dd></dl><dl><dt>流行品牌</dt>dd>马克斯&亚历克斯</dd>< dd> 青佑 </dd><dd>Lambertz</dd>< dd>圣米希尔(St Michel) </dd><dd>华大(HWATAI) </dd></dl></section></div></body></html>
