专题二 HTML文档入门《网页设计》 45分钟专题训练（山东省）

山东省春季高考《网页制作》45分钟专题训练专辑，共16份试卷。试卷命题与高考紧密相关，精选具有代表性和典型性的高考常考题。旨在帮助学生系统地复习和巩固计算机类理论知识，熟悉高考题型和命题规律，提高解题能力和应试技巧，为高考取得优异成绩打下坚实的基础，本训练卷适用于即将参加计算机类高考的学生。与本专辑配套的还有山东省春季高考《图形图像处理》《计算机组装与维护》《数字摄影摄像》《实用美术基础》45分钟专题训练专辑，欢迎同学和老师们下载使用。 《网页制作》 专题二 HTML文档入门 时间：45分钟 总分：100分 班级___________ 姓名__________ 学号__________ 成绩________ 一、选择题（共25个题，每题2分，共50分） 1.以下哪一个标记存在于文档头部分当中（ ） A.<title> B.<head> C. <h1> D.<marquee> 【答案】A 【解析】title标题位于头文件中，显示在网页导航栏的位置。head是头标记，h1是网页主体内容的标题1标记，marquee是滚动标记。 2.在主体标记中，要设置文字颜色为红色，则应设置属性（ ） A.color＝"red" B.text="red" C.font="red" D.bgcolor="red" 【答案】B 【解析】在主体标记<body>中，text文本颜色，bgcolor背景颜色。 color属性在文字标记<font>中表示文本颜色。 3.下列标签中，谁可以设置文字的字号、颜色等多种属性（ ） A.<text> B. <font> C.<face> D.<form> 【答案】B 【解析】考察文字标记<font>。text在主体标记中表示文本颜色，face在文字标记中表示字体，form是表单标记。 4.在HTML标签中，用来强制文本换行的是（ ） A.<hr> B.<tr> C.<p> D.<br> 【答案】D 【解析】换行标记<br>。<hr>水平线标记，<tr>行标记，<p>段落标记。 5.在文字标记中，可以通过（ ）设置字体大小 A.height B.font C.size D.face 【答案】C 【解析】height高度，font文字标记，face字体。 6.在段落标记中，以下哪一个不属于align的对齐方式（ ） A.左对齐 B.右对齐 C.居中对齐 D. 两端对齐 【答案】D 【解析】<p>标记所标识的文字代表同一个段落的文字。其中 align 属性有 left、center和 right 三个参数，这三个设置分别代表左对齐、居中对齐和右对齐 7.在水平线标记中，可以通过（ ）设置水平线的高度 A.height B.width C.size D.href 【答案】C 【解析】水平线标记<hr width="宽度" size="高度"> 8.若要让文字替换图片，可以设置（ ）属性 A.src B. alt C.font D.text 【答案】B 【解析】src图像地址，alt替换文本。font文字标记，text在主体标记中表示文本颜色。 9.src属性在图片标记中主要用于（ ） A.图像地址 B.保存图像 C. 替换文本 D.图像大小 【答案】A 【解析】图像地址src，替换文本alt，图像大小可以通过设置宽度和高度调整。 10.HTML文档中，强制文本生成段落的是（ ） A.<p> B. <a> C.<br> D.<tr> 【答案】A 【解析】段落<p>，超链接<a>，换行符<br>，行标记<tr> 11.以下哪一个不属于可以插入网页的图像格式（ ） A..jpg B..bmp C..gif D..png 【答案】B 【解析】在页面中插入一幅图像，图像必须是 GIF、JPG/JPEG 或 PNG 格式的，其他格式的图像不能被插入到网页中。 12.超链接中，要设置目标在新窗口打开，target值应设置为（ ） A.blank B.self C._blank D._self 【答案】C 【解析】target 用于指定打开目标窗口的方式，默认情况是在当前窗口中打开，如果要在新窗口中打开目标窗口，则可将 target 的属性值设为"_blank"。 13.下列标记中，不属于单标记的是（ ） A.<hr> B. <br> C. <img> D. <p> 【答案】D 【解析】段落格式为<p>…</p> 14.为表单设置菜单域时，若要让下拉菜单显示滚动条。应添加属性（ ） A.size B.marquee C.select D.form 【答案】A 【解析】滚动菜单：<selectname="菜单名称"size="显示选择项的个数"> <option>菜单中的第 1 个值 <option>菜单中的第 2 个值 …… </select> 15.若要为表单添加加密文本框，则下列代码正确的是（ ） A.<input type＝"text"> B.<input type＝"password"> C.<input type＝"submit"> D.<inpur type＝"radio"> 【答案】B 【解析】考察type属性的不同。text普通文本，password加密文本，submit提交按钮，radio单选按钮。 16.下列标记属性中，不属于表单对象的是（ ） A.table B.select C.input D.radio 【答案】A 【解析】表格标记<table> 17.在table标记中，用来定义单元格边距的属性是（ ） A.cellspacing B.cellpadding C. rowspan D.colspan 【答案】B 【解析】表格标记<table cellpadding="单元格边距" cellspacing="单元格间距"></table>。 单元格标记 <td rowspan="跨越行数" colspan ="跨越列数" ></td>。 18.在HTML文档中，<input type＝"reset">定义了一个（ ） A. 密码文本框 B.重置按钮 C. 单选按钮 D.复选框 【答案】B 【解析】password密码文本，reset重置，radio单选，checkbox复选框。 19.建立超链接时，默认的目标打开方式是（ ） A._self B._blank C.mailto D.hfef 【答案】A 【解析】_self默认当前窗口打开。_blank新窗口打开，mailto：邮件链接地址格式，href超链接目标URL。 20.下列哪个标记在HTML5之后才正式作为一个独立标签存在（ ） A.<audio> B.<a> C.<marquee> D.<br> 【答案】A 【解析】在HTML5出现之前，HTML4.0插入多媒体文件需要以插件的方式，使用<object>标签定义一个嵌入的对象，但HTML5直接提供音频标签<audio>和视频标签<video>，使音频和视频元素真正成为页面的基本元素。 21.在video标记中，若要显示播放控制条，应设置属性（ ） A.width B. loop C.controls D.src 【答案】C 【解析】width宽度，loop循环播放，src路径地址 22.在HTML文档中，将文本“叮当猫”连接到图像cat.jpg的标记是（ ） A.<a href＝"cat.jpg">叮当猫</a> B.<a src＝"cat.jpg">叮当猫</a> C.<a target＝"cat.jpg">叮当猫</a> D.<a href＝"cat.jpg" 叮当猫></a> 【答案】A 【解析】考察超链接属性设置。src不属于超链接的属性，target设置目标打开方式，href设置链接目标的UPL。选项D格式错误。 23.设置网页背景图像为tx.jpg.的标记是（ ） A.<body bgcolor＝"tx.jpg"> B.<body background＝"tx.jpg"> C.<body img＝"tx.jpg"> D.<body image＝"tx.jpg"> 【答案】B 【解析】考察主体标记属性设置。bgcolor背景颜色，background背景图像。选项CD为干扰项。 24.代码<marquee behavior＝"slide" direction＝"right">欢迎光临</marquee>表现的文字效果为（ ） A. 从左向右滚动一圈 B.从右向左滚动一圈 C.从左向右循环滚动 D.从右向左循环滚动 【答案】A 【解析】考察滚动标记属性设置。 方向(direction):left 左、right 右、up 上、down 下。 方式(behavior):alternate 来回滚动、slide 滚动一圈、scroll 循环滚动。 25.<td>标记中不包含的属性是（ ） A.align B.rowspan C.bgcolor D.cellpadding 【答案】D 【解析】cellpadding为<table>标记的相关属性。 二、简答题（共4小题，每题5分，共20分） 1.HTML文档基本结构是什么？ 【答案】见解析 【解析】一个 HTML 文档是由一系列的网页元素和标记组成的，HTML 用标记来规定元素的属性和它在文件中的位置。HTML 文档的结构包括头部分（head）和主体部分（body）两大部分，其中头部分描述浏览器所需的信息，主体部分则包含了所要说明的具体内容。 <html><head><title></title></head><body></body></html> 2. HTML是什么？HTML语法规则有哪些？ 【答案】见解析 【解析】HTML（HypertextMarkedLanguage，超文本标记语言）是用于创建 Web 文档的一种标记语言。 语法规则：（1）HTML文档包括3个主要标记，文档标记<html>……</html>、头部标记<head>……</head> 和主体标记<body>……</body>。 （2）标记不区分大小写。 （3）所有的标记都要用尖括号<>括起来。 3. 介绍HTML的主体标记及其可以设置哪些属性？ 【答案】见解析 【解析】格式：<body bgcolor="页面背景颜色" background="背景图像" text="文本颜色">主体内容</body> 说明：包括所有主体内容，可以设置页面的背景颜色、背景图像、文字颜色等属性。背景颜色和文本颜色可以使用颜色名（如蓝色：blue）或颜色代码值（如蓝色：#0000FF）来表示。 4. 什么是超链接标记？target属性如何设置？ 【答案】见解析 【解析】格式：<a href=" " target="打开窗口的方式">文本或图像</a > 说明：为标记中的文本或图像添加超链接目标，浏览网页时单击可打开指定的目标文件。target用于指定打开目标窗口的方式，默认情况是在当前窗口中打开，如果要在新窗口中打开目标窗口，则可将target的属性值设为"_blank"。 3、 案例分析题（共3小题，每题10分，共30分） 1.网页导航设计效果如图1.1所示，请回答下列问题。 （1）要实现插入表格并设置文字居中的效果，应写入哪些标记属性？ （2）如何利用HTML标记实现“青年风采”单元格的效果？ 【答案】见解析 【解析】（1）将鼠标光标定位在需要插入表格的地方，通过<table>标记可以插入表格，通过设置属性align＝"center"可以实现文字居中对齐。 （2）选中表格第二行"青年风采"所对应的两列单元格，通过设置单元格属性colspan＝"2"可以实现图示合并效果，通过设置单元格属性bgcolor＝"yellow"可以实现图示颜色效果。 2.请你设计一个网页，要求网页标题为“个人简历”，网页内容包含一张宽300像素、高400像素的图片，当图片加载失败会显示文本“简历图片”。请写出具体操作步骤。 【答案】见解析 【解析】①在文档基本结构的头部分中，设置标题<title>个人简历</title> ②在主体部分中，通过<img>标记插入图片，并设置宽度属性width＝"300"，高度属性height＝"400"，替换文本为alt＝"简历图片"。 3.网页导航栏设置了两个超链接，分别链接到“abount.html”（显示文本“关于我们”）、“mail.html”（显示文本“联系我们”）。其中，点击“关于我们”会在新窗口中打开目标网页。请写出具体操作步骤。 【答案】见解析 【解析】①选中文本"关于我们"，通过标记<a>插入超链接，并设置属性href＝"about.html"，打开方式设置为target＝"_blank"。 ②选中文本"联系我们"，通过标记<a>插入超链接，并设置属性href＝"mail.html"。 原创精品资源学科网独家享有版权，侵权必究！ 学科网（北京）股份有限公司 $ 山东省春季高考《网页制作》45分钟专题训练专辑，共16份试卷。试卷命题与高考紧密相关，精选具有代表性和典型性的高考常考题。旨在帮助学生系统地复习和巩固计算机类理论知识，熟悉高考题型和命题规律，提高解题能力和应试技巧，为高考取得优异成绩打下坚实的基础，本训练卷适用于即将参加计算机类高考的学生。与本专辑配套的还有山东省春季高考《图形图像处理》《计算机组装与维护》《数字摄影摄像》《实用美术基础》45分钟专题训练专辑，欢迎同学和老师们下载使用。 《网页制作》 专题二 HTML文档入门 时间：45分钟 总分：100分 班级___________ 姓名__________ 学号__________ 成绩________ 一、选择题（共25个题，每题2分，共50分） 1.以下哪一个标记存在于文档头部分当中（ ） A.<title> B.<head> C. <h1> D.<marquee> 2.在主体标记中，要设置文字颜色为红色，则应设置属性（ ） A.color＝"red" B.text="red" C.font="red" D.bgcolor="red" 3.下列标签中，谁可以设置文字的字号、颜色等多种属性（ ） A.<text> B. <font> C.<face> D.<form> 4.在HTML标签中，用来强制文本换行的是（ ） A.<hr> B.<tr> C.<p> D.<br> 5.在文字标记中，可以通过（ ）设置字体大小 A.height B.font C.size D.face 6.在段落标记中，以下哪一个不属于align的对齐方式（ ） A.左对齐 B.右对齐 C.居中对齐 D. 两端对齐 7.在水平线标记中，可以通过（ ）设置水平线的高度 A.height B.width C.size D.href 8.若要让文字替换图片，可以设置（ ）属性 A.src B. alt C.font D.text 9.src属性在图片标记中主要用于（ ） A.图像地址 B.保存图像 C. 替换文本 D.图像大小 10.HTML文档中，强制文本生成段落的是（ ） A.<p> B. <a> C.<br> D.<tr> 11.以下哪一个不属于可以插入网页的图像格式（ ） A..jpg B..bmp C..gif D..png 12.超链接中，要设置目标在新窗口打开，target值应设置为（ ） A.blank B.self C._blank D._self 13.下列标记中，不属于单标记的是（ ） A.<hr> B. <br> C. <img> D. <p> 14.为表单设置菜单域时，若要让下拉菜单显示滚动条。应添加属性（ ） A.size B.marquee C.select D.form 15.若要为表单添加加密文本框，则下列代码正确的是（ ） A.<input type＝"text"> B.<input type＝"password"> C.<input type＝"submit"> D.<inpur type＝"radio"> 16.下列标记属性中，不属于表单对象的是（ ） A.table B.select C.input D.radio 17.在table标记中，用来定义单元格边距的属性是（ ） A.cellspacing B.cellpadding C. rowspan D.colspan 18.在HTML文档中，<input type＝"reset">定义了一个（ ） A. 密码文本框 B.重置按钮 C. 单选按钮 D.复选框 19.建立超链接时，默认的目标打开方式是（ ） A._self B._blank C.mailto D.hfef 20.下列哪个标记在HTML5之后才正式作为一个独立标签存在（ ） A.<audio> B.<a> C.<marquee> D.<br> 21.在video标记中，若要显示播放控制条，应设置属性（ ） A.width B. loop C.controls D.src 22.在HTML文档中，将文本“叮当猫”连接到图像cat.jpg的标记是（ ） A.<a href＝"cat.jpg">叮当猫</a> B.<a src＝"cat.jpg">叮当猫</a> C.<a target＝"cat.jpg">叮当猫</a> D.<a href＝"cat.jpg" 叮当猫></a> 23.设置网页背景图像为tx.jpg.的标记是（ ） A.<body bgcolor＝"tx.jpg"> B.<body background＝"tx.jpg"> C.<body img＝"tx.jpg"> D.<body image＝"tx.jpg"> 24.代码<marquee behavior＝"slide" direction＝"right">欢迎光临</marquee>表现的文字效果为（ ） A. 从左向右滚动一圈 B.从右向左滚动一圈 C.从左向右循环滚动 D.从右向左循环滚动 25.<td>标记中不包含的属性是（ ） A.align B.rowspan C.bgcolor D.cellpadding 二、简答题（共4小题，每题5分，共20分） 1.HTML文档基本结构是什么？ 2. HTML是什么？HTML语法规则有哪些？ 3. 介绍HTML的主体标记及其可以设置哪些属性？ 4. 什么是超链接标记？target属性如何设置？ 3、 案例分析题（共3小题，每题10分，共30分） 1.网页导航设计效果如图1.1所示，请回答下列问题。 （1）要实现插入表格并设置文字居中的效果，应写入哪些标记属性？ （2）如何利用HTML标记实现“青年风采”单元格的效果？ 2.请你设计一个网页，要求网页标题为“个人简历”，网页内容包含一张宽300像素、高400像素的图片，当图片加载失败会显示文本“简历图片”。请写出具体操作步骤。 3.网页导航栏设置了两个超链接，分别链接到“abount.html”（显示文本“关于我们”）、“mail.html”（显示文本“联系我们”）。其中，点击“关于我们”会在新窗口中打开目标网页。请写出具体操作步骤。 原创精品资源学科网独家享有版权，侵权必究！ 学科网（北京）股份有限公司 $