HTML第一章

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

网页的基本标签包括包括标题标签,段落标签,段落标签,换行标签,水平线标签等。
标题标签表示一段文字的标题或主题,并且支持多层次的内容结构,HTML提供了六级标题

~

,并赋予了标题一定的外观,所有标题字体加粗,

最大,

最小。
段落标签

表示一段文字等内容,换行标签
表示强制换行显示,该标签比较特殊,没有结束标签,直接使用
表示标签的开始和结束。
水平线标签


表示一条水平线,注意该标签与
标签一样,比较特殊,没有结束标签,水平线标签可以让版面更加清晰直观。

2.超链接有哪些类型?它们的区别是什么?
按照连接一般分为以下3种类型:内部链接,锚点链接和外部链接。
  1、超链接对象
  超链接是超级链接的简称。如果按照使用对象的不同,网页中的链接又可以分为:文本超链接,图像超链接,E-mail链接,锚点链接,多媒体文件链接,空链接等。
  超链接是一种对象,它以特殊编码的文本或图形的形式来实现链接,如果单击该链接,则相当于指示浏览器移至同一网页内的某个位置,或打开一个新的网页,或打开某一个新的WWW网站中的网页。
  2、网页超链接
  网页上的超链接一般分为三种:一种是绝对URL的超链接。URL(Uniform Resource Locator)就是统一资源定位符,简单地讲就是网络上的一个站点、网页的完整路径。
  第二种是相对URL的超链接。如将网页上的某一段文字或某标题链接到同一网站的其他网页上面去;
  还有一种称为同一网页的超链接,这种超链接又叫做书签。
  3、动态静态
  超链接还可以分为动态超链接和静态超链接。动态超链接指的是可以通过改变HTML代码来实现动态变化的超链接,例如可以实现将鼠标移动到某个文字链接上,文字就会象动画一样动起来或改变颜色的效果,也可以实现鼠标移到图片上图片就产生反色或朦胧等等的效果,而静态超链接,顾名思义,就是没有动态效果的超链接。
  
3.制作聚美优品常见问题页面,页面标题和问题使用标题标签完成,问题答案使用段落标签完成,客服温馨提示部分与问题列表之间使用水平线分隔。
`

聚美优品常见问题界面

客服温馨提示

为了减少您可能的等待时间,您不妨先仔细阅读下面的常见问题。 查询物流状态,退货,退余额等
操作均可以登录聚美优品网站后自助进行,无需联系客服。如果仍无法解决。请您在本页页底联系在 线客服,或拨打聚美客服电话。小美谢谢您的理解!


美订单什么时候发货?大概多长时间可以收到货?

正常情况下您的订单将在6小时内发出(最晚不超过1个工作日)。8月1日的订单,将在3日内全部发
出。发货之后,您可以在我的订单中可以查看发货状态。由于快递公司可能无法实时更新信息,因此
您看到的发货情况可能有一定延迟。

为什么后下的订单,先收到了,之前下的订单还没有收到?你们是按什么顺序发
货的?

为了单位时间内以最快速度处理尽量多订单,聚美会适当综合按订单里货品配货的情况安排发货顺
序,因此可能会出现订单发货和下单顺序不完全一致的情况。我们会尽一切努力为您尽快发货。

订单显示发货了,但快递信息为什么还没有更新?

您在聚美订单页面看到的物流查询信息由快递公司传递提供。由于快递公司信息更新会有一定延迟,
请您多多谅解。(延迟时间可能从1天到3天不等,EMS快递的物流配送信息可能最多可能有1周左右延
迟)

名品折扣产品显示发货了,但是为什么没有快递信息?为什么有时联系快递,快递称没有这个订单?

由于名品折扣产品由品牌商负责发货,品牌商选择的部分快递公司不能及时提供快递物流信息,请您
耐心等候。除非地域偏远,最晚七日内您应该可以收到货品。

名品折扣产品收到后,发现漏发了或者错发,应该怎么办?

请您先准备好漏发,错发的相关图片(拍摄图片),再通过在线客服核实,我们需要和品牌商方面进
行确认,待客服确认后会进行补发或退款。

如果使用了现金券或红包的订单想退货,怎么办?

对没有付款的订单或者货到付款订单,您可以选择取消订单再重新下单。如果订单已经付款(或货到
付款订单已被系统确认),请您自助登陆聚美优品网站提交退货申请,待聚美工作人员审批通过后订
单就会进入退货状态,同时订单对应红包会变为“未使用”状态。此时您可以选择在我的订单页面将
红包订单进行退款退货。

` 4.制作聚美优品帮助中心菜单列表界面,菜单超链接均设置为空链接,菜单中间使用水平线分隔,提示:每行菜单项之间不能用
元素换行,根据块元素和行内元素的特性来选择使用的标签。
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
  <title>聚美优品菜单列表</title>
</head>
<body>
<h2>
  帮助中心
</h2>
<p>
  <a href="DOMO2.html"target="_blank">使用帮助</a>
</p>
<p>
  <a href="DOMO2.html"target="_blank">账户相关</a>
</p>
<p>
  <a href="DOMO2.html"target="_blank">支付相关</a>
</p>
<p>
  <a href="DOMO2.html"target="_blank">配送相关</a>
</p>
<p>
  <a href="DOMO2.html"target="_blank">售后服务</a>
</p>
<p>
  <a href="DOMO2.html"target="_blank">聚美手机版</a>
</p>
</body>
</html>

5.制作滚筒洗衣机销售排行榜,左侧为图片,右侧为图片说明和价格,商品之间使用水平线分隔,提示:每行商品之间不能用
元素换行,根据块元素和行内元素的特性来选择使用的标签。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>滚筒洗衣机排行榜</title>
</head>
<body>
<h2>
  滚筒洗衣机销售排行榜
</h2>
<img src="wish01.jpg"/>格兰士格兰仕XQG60-A708 ¥1099.00
<hr/>
<p>
  <img src="wish02.jpg"/>LGLG WD-N12430D ¥2599.00
</p>
<hr/>
<p>
  <img src="wish03.jpg"/>三洋三洋XQG60-F1029 ¥1998.00
</p>
<hr/>
<p>
  <img src="wish04.jpg"/>三星三星WF1702NCW/XSC ¥2499.00
</p>
<hr/>
<p>
  <img src="wish05.jpg"/>西门子西门子XQG60-WS10K2670W ¥3999.00
</p>
<hr/>
</body>
</html>

猜你喜欢

转载自blog.csdn.net/weixin_43024784/article/details/83269986