第一章学习_文件链接锚点链接应用性链接页面间链接-CSDN博客

本文链接：https://blog.csdn.net/Lin_Zhi/article/details/83339171

课后作业

1、请写出网页的基本标签，作用和语法。

标题标签；作用：表示一段文字或主题，并且支持多层次的内容结构；语法：<h1>~<h6>示例<h1>一级标题<h1>；
段落标签和换行标签；作用：段落标签表示一段文字内容，换行标签表示强制换行显示；语法：段落标签：<p>~</p>,换行标签：<br/>;
水平线标签；作用：表示一条水平线；语法：<hr>
字体样式标签；<strong>:字体变粗、<em>：文字倾斜；
注释和特殊符号；：用于注释，但是不会出现在页面上、 :空格>:大于号<:小于号":引号©：版权符号

2、超链接有哪些类型？它们的区别是什么？

超链接分为：页面间链接，锚链接和功能性链接
区别：页面间链接就是从一个页面链接到另外一个页面。
锚链接常用于目标页内容很多，需定位到目标页内容中的某个具体位置。
功能性链接：当点击该链接时不是打开某个网站，而是启动本机自带的某个应用程序。

3、制作聚美优品常见问题页面，页面标题和问题使用标签完成，问题答案使用段落标签完成，客服温馨提示部分与问题列表之间使用水平分隔。

<!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8">
  <title>优美优品常见问题页面</title>
 </head>
 <body>
  <h2><img src="图片/faq01.jpg" /><br />
  <img src="图片/faq03.jpg" width="50" height="50"/><strong>客户温馨提示</strong></h2>
  &nbsp;&nbsp;为了减少您可能的等待时间，您不妨先仔细阅读下面的常见问题。 查询物流状态，退货，退余额等操作均可以登录聚美优品网站后自助进行，无需联系客服。如果仍无法解决。请您在本页页底联系在线客服，或拨打聚美客服电话。小美谢谢您的理解！  
  <hr /> 
  <h3>聚美订单什么时候发货？大概多长时间可以收到货？</h3><br />
  &nbsp;&nbsp;正常情况下您的订单将在6小时内发出（最晚不超过1个工作日）。8月1日的订单，将在3日内全部发出。发货之后，您可以在我的订单中可以查看发货状态。由于快递公司可能无法实时更新信息，因此您看到的发货情况可能有一定延迟。<br />
  <h3>为什么后下的订单，先收到了，之前下的订单还没有收到？你们是按什么顺序发货的？</h3><br />
  &nbsp;&nbsp;为了单位时间内以最快速度处理尽量多订单，聚美会适当综合按订单里货品配货的情况安排发货顺序，因此可能会出现订单发货和下单顺序不完全一致的情况。我们会尽一切努力为您尽快发货。<br />
  <h3>订单显示发货了，但快递信息为什么还没有更新？</h3><br />
  &nbsp;&nbsp;您在聚美订单页面看到的物流查询信息由快递公司传递提供。由于快递公司信息更新会有一定延迟，请您多多谅解。（延迟时间可能从1天到3天不等，EMS快递的物流配送信息可能最多可能有1周左右延迟）<br />
  <h3>名品折扣产品显示发货了，但是为什么没有快递信息？为什么有时联系快递，快递称没有这个订单？</h3><br />
  &nbsp;&nbsp;由于名品折扣产品由品牌商负责发货，品牌商选择的部分快递公司不能及时提供快递物流信息，请您耐心等候。除非地域偏远，最晚七日内您应该可以收到货品。<br />
  <h3>名品折扣产品收到后，发现漏发了或者错发，应该怎么办？</h3><br />
  &nbsp;&nbsp;请您先准备好漏发，错发的相关图片（拍摄图片），再通过在线客服核实，我们需要和品牌商方面进行确认，待客服确认后会进行补发或退款。<br />
  <h3>如果使用了现金券或红包的订单想退货，怎么办？</h3><br />
  &nbsp;&nbsp;对没有付款的订单或者货到付款订单，您可以选择取消订单再重新下单。如果订单已经付款（或货到付款订单已被系统确认），请您自助登陆聚美优品网站提交退货申请，待聚美工作人员审批通过后订单就会进入退货状态，同时订单对应红包会变为“未使用”状态。此时您可以选择在我的订单页面将红包订单进行退款退货。<br />
  <img src="图片/faq02.jpg" />
 </body>
</html>

在这里插入图片描述

4、制作聚美优品帮助中心菜单列表页面，菜单超链接均设置为空连接，菜单中间使用水平线分割。

<!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8">
  <title>聚美优品帮助中心菜单页面</title>
 </head>
 <body>
  <h1>帮助中心</h1>
  &nbsp;&nbsp;&nbsp;<a href="#" targrt=" _blabk">使用帮助</a>
  <hr />
  &nbsp;&nbsp;&nbsp;<a href="#" targrt=" _blabk">账户相关</a>
  <hr />
  &nbsp;&nbsp;&nbsp;<a href="#" targrt=" _blabk">支付相关</a>
  <hr />
  &nbsp;&nbsp;&nbsp;<a href="#" targrt=" _blabk">配送相关</a>
  <hr />
  &nbsp;&nbsp;&nbsp;<a href="#" targrt=" _blabk">售后服务</a>
  <hr />
  &nbsp;&nbsp;&nbsp;<a href="#" targrt=" _blabk">聚美手机版</a>
  <hr />
 </body>
</html>

在这里插入图片描述

5、制作滚筒洗衣机销售排行榜，左侧为图片，右侧为图片说明和价格，商品直接使用水平线分隔。

<!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8">
  <title>聚美优品帮助中心菜单页面</title>
 </head>
 <body>
  <h1>滚筒洗衣机销售排行榜</h1>
  <img src="图片/wish01.jpg" />格兰仕XQG60-A708 ￥1099.00
   <hr />
  <img src="图片/wish02.jpg" />LG WD-N12430D ￥2599.00
   <hr />
  <img src="图片/wish03.jpg" />三洋XQG60-F1029 ￥1998.00
   <hr />
  <img src="图片/wish04.jpg" />三星WF1702NCW/XSC ￥2499.00
   <hr />
  <img src="图片/wish05.jpg" />西门子XQG60-WS10K2670W ￥3999.00
   <hr />
 </body>
</html>

在这里插入图片描述