本答案对应课程为:点我自动跳转查看
本课程起止时间为:2020-02-17到2020-05-31
本篇答案更新状态:已完结

【作业】项目一：基本图文混排 项目一作业：图文混排练习

1、 问题:尝试创建如下图所示的网页，页面中用到的文字和图片请到附件下载。请根据效果图，合理选用各种HTML标签现实网页元素，并应用CSS实现效果图呈现的各种样式，如字体、字号、行高、颜色、对齐、边距等。请将代码粘贴到答案窗口，保留缩进。
评分规则: 【 HTML文件结构正确，包含必要的html、head、body、title 标签 2分HTML文件中应包含合理的标题、段落、图片等标签 3分图片正确显示 2分字体设置正确 1分字号设置正确 1分行高设置合理1分边距设置合理 2分合理设置页面宽度和居中3分合理应用class和id 2分代码合理缩进 3分
】

2、 问题:尝试创建如下图所示的网页，页面中用到的文字和图片请到附件下载。请根据效果图，合理选用各种HTML标签现实网页元素，并应用CSS实现效果图呈现的各种样式，如字体、字号、行高、颜色、对齐、边距等。请将代码粘贴到答案窗口，保留缩进。
评分规则: 【 HTML文件结构正确，包含必要的html、head、body、title 标签 2分HTML文件中应包含合理的标题、段落、图片等标签 3分图片正确显示 2分字体设置正确 1分字号设置正确 1分行高设置合理1分边距设置合理 2分合理设置页面宽度和居中3分合理应用class和id 2分代码合理缩进 3分
】

项目一：基本图文混排 项目一单元测验

1、 问题:静态网页的扩展名为（ ）
选项：
A:.asp
B:.jsp
C:.html
D:.php
答案: 【.html】

2、 问题:设置文字大小的单位不可以是（ ）
选项：
A:px
B:em
C:%
D:ppt
答案: 【ppt】

3、 问题:下面哪种操作可以让网页中的文字换行
选项：
A:在需要换行的文字后按回车键
B:在需要换行的文字后按shift键同时按回车键
C:在要换行的文字后加
标签
D:将要换行的文字用包裹起来
答案: 【在要换行的文字后加
标签】

4、 问题:用哪种CSS属性可以设置网页文字的行高？
选项：
A:color
B:text-align
C:height
D:line-height
答案: 【line-height】

5、 问题:设置哪种CSS属性可以为文字设置下划线？
选项：
A:text-align
B:text-decoration
C:font-style
D:text-indent
答案: 【text-decoration】

6、 问题:web标准的制定者是（ ）
选项：
A:微软
B:万维网联盟
C:IBM
D:百度
答案: 【万维网联盟】

7、 问题:通过CSS的背景background属性可以给网页设置背景颜色或背景图片
选项：
A:正确
B:错误
答案: 【正确】

8、 问题:我们可以通过text-valign属性来设置文本在div中垂直居中
选项：
A:正确
B:错误
答案: 【错误】

9、 问题:可以用

标签表示引用
选项：
A:正确
B:错误
答案: 【错误】

10、 问题:用

设置的标题比用

设置的标题小
选项：
A:正确
B:错误
答案: 【错误】

【作业】项目二：列表应用 项目二作业：创建分类列表

小提示:本节包含奇怪的同名章节内容

1、 问题:编码实现如图所示的商品分类列表。要求：1、标题标题和图片设置正确 1分2、列表设置正确（颜色、字体、字号、行号） 1分 3、项目符号设置为图片 1分4、列表项设置虚线下边框 1分5、日期右对齐 1分6、超链接字体颜色为灰色，无下划线，鼠标悬停红色，显示下划线 1分请将代码粘贴到答案窗口，保留缩进。
评分规则: 【 1、标题标题和图片设置正确 1分2、列表设置正确（颜色、字体、字号、行号） 1分3、项目符号设置为图片 1分4、列表项设置虚线下边框 1分5、日期右对齐 1分6、超链接字体颜色为灰色，无下划线，鼠标悬停红色，显示下划线 1分
】

2、 问题:编码实现如图所示的图片列表。图片请自行百度下载。要求：1、图片显示为三行三列，图片尺寸为200*135（图片请自行下载）2、图片下显示对应的标题，字体字号颜色参考效果图3、每组图片和标题都要设置背景颜色rgb(244,244,220)和边框rgb(220,220,200)4、鼠标悬停时，背景颜色和边框颜色交换5、合理设置边距请将 代码 和 预览窗口截图 粘贴到答案窗口，保留缩进。
评分规则: 【 正确设置列表 3分正确应用标签，正确设置图片宽度高度，图片正确显示为三行三列 3分正确设置图片标题 （字体字号颜色） 1分正确设置背景颜色和边框 1分正确设置鼠标悬停效果 1分正确设置内边距、外边距 1分
】

3、 问题:编码实现如图所示的商品分类列表。要求：1、标题标题和图片设置正确 1分2、列表设置正确（颜色、字体、字号、行号） 3分 3、项目符号设置为图片 2分4、列表项设置虚线下边框 1分5、日期右对齐 1分6、超链接字体颜色为灰色，无下划线，鼠标悬停红色，显示下划线 2分请将代码粘贴到答案窗口，保留缩进。
评分规则: 【 1、标题标题和图片设置正确 1分2、列表设置正确（颜色、字体、字号、行号） 3分3、项目符号设置为图片 2分4、列表项设置虚线下边框 1分5、日期右对齐 1分6、超链接字体颜色为灰色，无下划线，鼠标悬停红色，显示下划线 2分
】

项目二：列表应用 项目二单元测验

1、 问题:表示自定义列表的html标签是（ ）。
选项：
A: B:

C:
D:

答案: 【

】

2、 问题:一个无序列表（ ）。
选项：
A:只能嵌套无序列表
B:只能嵌套有序列表
C:只能嵌套自定义序列表
D:可以嵌套任何类型的列表
答案: 【可以嵌套任何类型的列表】

3、 问题:如何产生带有正方形项目的列表？（ ）
选项：
A:list-type: square
B:type: 2
C:type: square
D:list-style-type: square
答案: 【list-style-type: square】

4、 问题:如果要设置有序列表用阿拉伯数字编号，且起始编号为5，可以通过如下设置
选项：
A:

B:

C:

D:

答案: 【

】

5、 问题:要设置列表项位于左侧居中位置，应如下设置
选项：
A:ul{ list-style-position:left center;}
B:li{ list-style-position:left center;}
C:ul{ list-style-position: center left ;}
D:li{ list-style-position:center left;}
答案: 【li{ list-style-position:left center;}】

6、 问题:无序列表中不可以嵌套有序列表
选项：
A:正确
B:错误
答案: 【错误】

7、 问题:有序列表默认从1开始编号
选项：
A:正确
B:错误
答案: 【正确】

8、 问题:list-style-position用于设置列表项的位置，列表项默认水平居中、垂直居中对齐
选项：
A:正确
B:错误
答案: 【错误】

9、 问题:list-style-type 属性设置列表项标记的类型，无序列表项标记和有序列表项标记都可以设置
选项：
A:正确
B:错误
答案: 【正确】

10、 问题:有时，常规的列表标志是不够的。如果想对各标志使用一个图像，可以利用 list-style-image 属性做到。
选项：
A:正确
B:错误
答案: 【正确】

【作业】项目三：表格应用 项目三作业：创建学生信息表

1、 问题:根据效果图，创建表格。要求：1、合理选用各种表格标签2、设置表格居中，单元格内文字居中3、设置合并行、合并列4、设置表格边框5、设置单元格颜色请将网页源代码粘贴到答案窗口，保留缩进
评分规则: 【 1、合理选用各种表格标签，包含

2分2、标签嵌套合理，适当缩进2分3、正确设置表格宽度并居中 2分4、正确设置单元格内文字居中 1分5、正确设置合并行、合并列 2分6、正确设置表格边框 1分7、正确设置表格各部分背景颜色 2分 】 项目三：表格应用 项目三单元测验 1、 问题:定义表格中普通行的html标签是（ ）。 选项： A: B: 本门课程剩余章节答案为付费内容 本文章不含期末不含主观题！！ 本文章不含期末不含主观题！！ 支付后可长期查看 有疑问请添加客服QQ 2356025045反馈 如遇卡顿看不了请换个浏览器即可打开 请看清楚了再购买哦，电子资源购买后不支持退款哦 点我支付 ¥5   已支付？输入手机号或商家订单号阅读 请输入手机号或商家订单号 打不开请联系客服QQ 2356025045 商家订单号在哪里？点此了解 商家订单号查看步骤 打开支付宝 方法一：我的 > 账单 > 账单详情 > 更多>复制商家订单号 方法二：我的 > 账单 >搜索关键字【网课小帮手】 > 账单详情 > 更多>复制商家订单号 方法三：联系客服QQ 2356025045 微信支付 我 > 支付 > 钱包 > 账单 > 账单详情 手机号用于查询订单，请认真核对 支付宝     发表回复 取消回复 您的电子邮箱地址不会被公开。 必填项已用 * 标注 评论 * 显示名称 * 电子邮箱地址 * 有人回复时邮件通知我 C: