《网站建设与维护期中试卷-吴清寿(有答案)》由会员分享，可在线阅读，更多相关《网站建设与维护期中试卷-吴清寿(有答案)（6页珍藏版）》请在金锄头文库上搜索。
1、系别 专业（班级） 姓名 学号 密封装订线武夷学院期中考试试卷一、选择题：（本大题共10小题，每小题2分，共20分）1、网页设计技术一般不涉及【 c 】。A、HTML B、CSS C、SEO D、JavaScript2、以下哪个标签不能放置在标签中【 c 】A、B、C、D、3、HTML中的空格用【b】表示。A、©； B、 ； C、&； D、®；4、以下哪种图片格式不是网页的常用图片格式。【 d 】A、JPG B、PNG C、GIF D、BMP5、超级链接有多种打开方式，其中表示【 b 】A、自我覆盖B、创建新窗口打开新页面C、在浏览器的整个窗口打开，忽略框架D、在上
2、一级窗口打开6、表格的水平对齐方式使用align属性，若要实现中间对齐，应取值为【 d 】。A、left B、right C、middle D、center7、插入单选按钮的HTML代码为【 b 】。A、 B、C、 D、8、以下哪个不是CSS基本选择器【 d 】。A、标签选择器 B、类别选择器 C、ID选择器 D、后代选择器9、CSS中，设置边框属性为border-width:1px 2px 3px;其中第二个值表示【 c】。A、上下边框宽度 B、上下边框样式C、左右边框宽度 D、左右边框样式10、插入图像的标签中，src属性用于设置【 a 】。A、图片的路径 B、提示文字C、边框粗细 D、以
3、上都不对得分评卷人二、填空题：（本大题共20个空，每空1分，共20分）1、HTML的中文全称为【超文本标记语言】，其用于定义网页的【结构（内容）】。2、HTML标签分为单标签和双标签，为【单标签】，为【双标签】。3、HTML中的代码注释可使用【】或【】。4、HTML中，可使用标签进行文字样式设置，设置字体用【face】属性，设置文字颜色用【color】属性。5、标签用于设置滚动文字，其中，设置文字滚动方向用【direction】属性，设置内容滚动的时间间隔用【scrolldelay】属性。6、HTML中，定义无序列表用【】，定义有序列表用【】。7、超链接标签中，创建指向另一个文档的链接用【hr
4、ef】属性，创建锚用【name】属性。8、各种CSS选择器都有其命名规则，.red为【类别】选择器，#main为【ID】选择器。9、盒子模型中，表示内边距的属性为【padding】，表示外边距的属性为【margin】。10、盒子的浮动用【float】属性，盒子的定位用【position】属性。得分评卷人三、判断题：（本大题共10个小题，每题1分，共10分）1、CSS用于制作网页特效和控制交互操作。【】2、一个结构完整的HTML文档就是一个网页。【】3、双标签中的属性设置必须放置在结束标签中。【】4、标签用于强制换行。【】5、在表格中，用bgcolor设置背景色。【】6、可以同时给一个标签运用多
5、个class选择器。【】7、当一个标签有多种样式可选择时，类别样式的优先级高于ID样式。【】8、CSS的代码注释用/*.*/。【】9、盒子模型中，不能单独设置某一条边框的属性。【】10、两个相邻行内元素的距离为第一个元素的margin-left加上第二个元素的margin-right。【】得分评卷人四、简答题：（本大题共5小题，每题5分，共25分）1、简述HTML文档的基本结构。答：（1）文档类型声明，用来说明页面所使用的HTML的版本；（2）标签，它表示该文档是以超文本标记语言编写的；（3）标签，是所有头部标签的容器；（4）标签，用来定义页面所要显示的内容。2、简述如何在HTML文档中使用C
6、SS。答：（1）行内式：直接对标签使用style属性，然后将CSS代码直接写入其中。（2）内嵌式：将CSS写在与之间，并且用与进行声明。（3）链接式：将HTML页面与CSS分离为两个文件，用标签进行链接。3、简述后代选择器与子选择器的区别。答：后代选择器产生的影响不仅限于元素的直接后代，而且会影响到它的各级后代。子选择器只影响直接后代，而不会影响间接后代元素。4、对盒子的边框属性值进行简写，两个属性值和四个属性值分别代表什么意思？答：如果给出2个属性值，那么前者表示上下边框的属性，后者表示左右边框的属性。如果给出4个属性值，那么依次表示上、右、下、左边框的属性，即顺时针排序。5、简述在标准流中
7、的盒子定位原则。答：当两个行内元素紧邻时，它们之间的距离为第一个元素的margin-right加上第二个元素的margin-left。两个竖直排列块级元素之间的距离不是margin-bottom与margin-top的和，而是两者中的较大值。嵌套盒子之间形成父子关系，其中子块的内容将以父块的内容为参考，子块与父块边框的距离为子块的margin加上父块的内容高度（或宽度）加上父块的padding。得分评卷人五、程序设计题：（本大题共25分）1、如图一所示，该页面包含两个段落和一条水平横线，第二段分两行，第二行前面空2个字符。请写出完整的HTML代码。（本题7分）评分标准：（1）写出完整的结构2分
8、，（2）每个段落各1分，（3）水平横线1分，（4）换行1分，（5）正确的缩进1分。图一第一题我的梦，中国梦开展爱国主义教育 主题系列活动2、如图二所示，该页面是一个表格，表格边框的宽度为1px，颜色为蓝色，其包含一个标题，一个横向表头组，一个表尾组，表格内容有两行，分别为课程名称和学分，每行的第一列为表头元素。请写出表格对应的HTML代码。（本题9分）评分标准：（1）表格结构1分，（2）标题1分，（3）表头组2分，（4）表尾组1分，位置错误不得分，（5）表格内容每行1分，无设置表头元素扣0.5分，（6）表格边框属性设置2分。图二 课程表 课程表 栏
9、目c1c2c3 2012旅游管理3+2班课程表 课程名称 网页设计 饭店管理 旅行社实务 学分 2学分 3学分 3学分 3、如图三所示，用CSS设置标题格式：（1）蓝底白字；（2）标题居中；（3）内边距为15px；设置图片向左浮动，设置正文文本格式：（1）大小为12px；（2）段首空2个字符；（3）行间距为1.5倍；（4）外边距为5px。（本题9分）图三 CSSh1color:white; background-color:blue; padding:15;.a1float:left;padding:1px; margin:5px; pfont-size:12px; line-height:2
10、5px; text-indent:30px; 互联网发展的起源 表示笑或微笑的意思，是笑声的拟声词。这是笑容中最普通的一种，给人莫测高深的感觉。你搞不清楚对方是喜，是悲，是怒，还是乐，最後你只好仰慕他，敬佩他，但他还是没感觉，还是会给你一个让人近乎崩溃的：呵呵有时候没有话说，或者对对方的话表示赞同的时候也常发出一两声呵呵的笑声。 表示笑或微笑的意思，是笑声的拟声词。这是笑容中最普通的一种，给人莫测高深的感觉。你搞不清楚对方是喜，是悲，是怒，还是乐，最後你只好仰慕他，敬佩他，但他还是没感觉，还是会给你一个让人近乎崩溃的：呵呵有时候没有话说，或者对对方的话表示赞同的时候也常发出一两声呵呵的笑声。 六、代码阅读Float:left;/设置向左浮动Font-size:15px;Border:2px solid blue;
