作业一学期三书一章

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

Basic tags 基 本 标 签
<html></html> Creates an HTML document 创 建 一 个HTML 文 档
<head></head> Sets off the title and other
information that isn't displayed
on the Web page itself 设 置 文 档 标 题 以 及 其 他 不 在WEB 网 页 上 显 示 的 信 息
<body></body> Sets off the visible portion of
the document 设 置 文 档 的 可 见 部 分
   
Header tags
标 题 标 签
<title></title> Puts the name of the document
in the title bar 将 文 档 的 题 目 放 在 标 题 栏 中
   
Body attributes
文 档 整 体 属 性
<body bgcolor=?> Sets the background color,
using name or hex value 设 置 背 景 颜 色, 使 用 名 字 或 十 六 进 制 值
<body text=?> Sets the text color, using
name or hex value 设 置 文 本 文 字 颜 色, 使 用 名 字 或 十 六 进 制 值
<body link=?> Sets the color of links,
using name or hex value 设 置 链 接 颜 色, 使 用 名 字 或 十 六 进 制 值
<body vlink=?> Sets the color of followed
links, using name or hex value 设 置 已 使 用 的 链 接 的 颜 色, 使 用 名 字 或 十 六 进 制 值
<body alink=?> Sets the color of links on click 设 置 正 在 被 击 中 的 链 接 的 颜 色, 使 用 名 字 或 十 六 进 制 值
   
Text tags
文 本 标 签
<pre></pre> Creates preformatted text 创 建 预 格 式 化 文 本
<h1></h1> Creates the largest headline 创 建 最 大 的 标 题
<h6></h6> Creates the smallest headline 创 建 最 小 的 标 题
<b></b> Creates bold text 创 建 黑 体 字
<i></i> Creates italic text 创 建 斜 体 字
<tt></tt> Creates teletype, or
typewriter-style text 创 建 打 字 机 风 格 的 字 体
<cite></cite> Creates a citation, usually
italic 创 建 一 个 引 用, 通 常 是 斜 体
<em></em> Emphasizes a word (with italic
or bold) 加 重 一 个 单 词( 通 常 是 斜 体 加 黑 体)
<strong></strong> Emphasizes a word (with italic
or bold) 加 重 一 个 单 词( 通 常 是 斜 体 加 黑 体)
<font size=?></font> Sets size of font, from 1 to 7 设 置 字 体 大 小, 从 1 到 7
<font color=?></font> Sets font color, using name or
hex value 设 置 字 体 的 颜 色, 使 用 名 字 或 十 六 进 制 值

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

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

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>聚美优品常见问题页面</title>
</head>
<body>
<h1>
    <img src="faq01.jpg"/><br/>
    <hr>
    <img src="faq03.jpg"/>客服温馨提示
</h1>
<p>
    为了减少您可能的等待时间,您不妨先仔细阅读下面的常见问题。查询物流状态,退货,退余额等操作均可以登录聚<br>
    美优品网站后自助进行,无需联系客服。如果仍无法解决。请您在本页页底联系在线客服,或拨打聚美客服电话。小美<br>
    谢谢您的理解!
<hr/>   
</p>
<h3>
    聚美订单什么时候发货?大概多长时间可以收到货?
</h3>
<p>
    正常情况下您的订单将在6小时后内发出(最晚不超过一个工作日)。8月1日的订单,将在3日内全部发出。发货之后,您<br/>
    可以在我的订单中可以查看发货状态。由于快递公司可能无法实时更新信息,因此您看到的发货情况可能一定会延迟。<br/>
</p>
<h3>
    为什么后下的订单,先收到了,之前下的订单还没收到?你们是按什么顺序发货的?
</h3>
<p>
    为了单位时间内以最快速度处理尽量多订单,聚美会适当综合按订单里货品配货的情况安排发货,因此可能会出现<br/>
    订单发货和下单顺序不完全一致的情况。我们会尽一切努力为你尽快发货。<br/>
</p>
<h3>
    订单发货了,但快递信息为什么还没更新?
</h3>
</body>
</html>

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

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

5.制作滚筒洗衣机销售排行榜,左侧为图片,右侧为图片说明和价格,商品之间用水平线分隔。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>滚筒洗衣机销售排行榜</title>
</head>
<body>
<h1>滚筒洗衣机销售排行榜</h1>
<h4>
    <img src="wish01.jpg"/>格兰仕XQG660-A708 ¥1099.00
</h4>
<hr>
<h4>
    <img src="wish02.jpg"/>LG WD-N12430D ¥2599.00
</h4>
<hr>
<h4>
    <img src="wish03.jpg"/>三洋XQG60-F1029 ¥1998.00
</h4>
<hr>
<h4>
    <img src="wish04.jpg"/>三星WF1702NCW/XSC ¥2499.00
</h4>
<hr>
<h4>
    <img src="wish05.jpg"/>西门子XQG60-WS10K2670W ¥3999.00
</h4>
<hr>
</body>
</html>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值