0
0

Web前端开发技术期末测试及解析一

一、选择题（每题 1 分，共 20 分）

  1. HTML 指的是（ ）。 （A）超链接的文本标记语言 （B）超文本标识语言 （C）家庭工具标记语言 （D）以上都不是

【答案】B

  1. 下列能够实现美化页面的语言是（ ）。 （A）HTML （B）CSS （C）VFP （D）JavaScript

【答案】B

  1. 以下标记中用于设置内部样式表的标记的是（ ）。 （A）<style> （B）<title> （C）<script> （D）<head>

【答案】A

  1. 要在段落的首行空两个汉字，要插入（ ）个空格&nbsp;。 （A）1 （B）3 （C）2 （D）4

【答案】D
【解析】一个

&nbsp

是一个字符，一个汉字是两个字符，所以两个字的空格应该是4个

&nbsp

。

  1. 在方程的解 X 1 = 2 X_1=2 X1​=2 中下标“1”在 HTML 中可以使用（ ）标记实现。 （A）<b> （B）<tt> （C）<sub> （D）<sup>

【答案】C

  1. 定义列表的 HTML 代码是（ ）。 （A）<dt><dl>...<dd>...</dl> （B）<dd><dt>...<dl>...</dd> （C）<dt><dd>...<dl>...<t> （D）<dl><dt>...<dd>...</dl>

【答案】D

  1. 将超链接的目标网页在上一级的窗口中打开的方式是（ ） 。 （A）_parent （B）_self （C）_top （D）_blank

【答案】A

  1. 设置表格边框颜色的 HTML 代码是 （ ） 。 （A）<table color=""> （B）<th bordercolor=""> （C）<table bordercolor=""> （D）<th color="">

【答案】C

  1. 关于 HTML 表格说法错误的是（）。 （A） 表格的 width 属性可以设置为像素或百分比 （B） 表格的 height 属性可以设置为像素或百分比 （C） 如果不指定 border 属性，表格默认宽度为 1 （D） 表格和单元格的背景色可以同时指定

【答案】C
【解析】如果不指定 border 属性，表格默认没有边框。

  1. 嵌入多媒体文件的 HTML 的代码正确的是（ ）。 （A）<embed url=""></embed> （B）<embed src=""></embed> （C）<a src="">…</embed> （D）<a url=""> …</embed>

【答案】B

  1. 在表单中插入列表框的正确的 HTML 代码是（ ）。 （A） <input type="submit" ></input> （B） <textsrea name="textarea"></textarea> （C） <select multiple></select> （D） <input type=select ></input>

【答案】C

  1. 下列能够设置文本加粗的 CSS 属性值对是（ ）。 （A）font-weight:bold （B）style:bold （C）font:b （D）font="粗体"

【答案】A

  1. 去掉文本超链接的下划线的方法是（ ）。 （A） a{text-decoration:no underline;} （B） a{underline:none;} （C） a{decoration:no underline;} （D） a{text-decoration:none;}

【答案】D

  1. 解释执行 JavaScript 的是（ ）。 （A） 服务器 （B）编辑器 （C） 浏览器 （D）编译器

【答案】C

  1. 下列赋值语句格式错误的是（ ）。 （A） var nValue=35.00; （B） var nValue=nValue+35.00; （C） var nValue=someFunction()+35.00; //someFunction()已经定义 （D） var firstName=lastName=middleName="";

【答案】B

  1. 下列 CSS 的规则正确的是（ ）。 （A）body{color:black;}（B） {body;color:black} （C）body:color=black （D） {body:color=black(body)}

【答案】A

  1. 图层引用已定义的类选择符正确的 HTML 代码是： 。 （A）<div idname=""; ></div> （B）<div class=""; ></div> （C）<div classname=""; ></div> （D）<div name=""; ></div>

【答案】B

  1. 下列属于<option>标记的属性是：（ ）。 （A）value （B）size （C）checked （D）rows

【答案】A

  1. 下列运算符中表示逻辑或的运算符是（ ）。 （A）&& （B）|| （C）! （D）++

【答案】B

  1. 下列属于鼠标指针悬停在对象上发生的事件是（ ）。 （A）onMouseOut （B）onMouseOver （C）onSelect （D）onClick

【答案】B

二、填空题（每题 0.5 分，共 10 分）

  1. HTML 文件的扩展名可以是 ____________或 ____________。

【答案】html,htm

  1. 在 HTML 文件里，文本格式化标记中 ____________ 标记可用来设置删除效果。

【答案】

<del>
  1. 一个完整的 HTML 文件包含 ____________ 和 ____________ 等两部分（填标记名称）。

【答案】

<head>

,

<body>
  1. 在<a>标记中定义窗口弹出方式的属性是 ____________。

【答案】

target
  1. 设置背景音乐除了使用<bgsound>标记外还可以使用 ____________ 标记来播放背景音乐。

【答案】

<embed>
  1. 表格的 ____________ 属性指定了单元格中内容与单元格边框之间的空间大小。

【答案】cellpadding

  1. 一个有三个框架的 Web 页，实现上独立的 HTML 文件有 ____________ 个。

【答案】4

  1. 标识符可以 ____________ 或 ____________开始，由字母、数字和下划线组成，不能出现空格或制表符。

【答案】字母、下划线

  1. 在表单中让用户从互斥的选项中只能选一项，可使用 type 为“ ____________”的输入框。

【答案】radio

  1. 控制框架集窗口周围是否出现边框线的属性是 ____________ 。

【答案】frameborder

  1. CSS 中有 4 种定义颜色的方法分别是 ____________、____________、____________和 RGB（百分比）。

【答案】英文颜色名称、#十六进制数、rgb(十进制数)

  1. 导入样式表必须放在内部样式表里的是第____________行，否则导入样式无效。

【答案】1

  1. 如果 var x=5,y="5";则x===y的结果是____________。

【答案】false

  1. 在 JavaScript 脚本中自增运算 i++等同于____________语句。

【答案】

i=i+1
  1. 在<select>中利用____________属性可以定义下拉列表框的大小为 5。

【答案】

size

三、看图编程（每空 2 分，共 42 分）

  1. 按下图所示效果，参照注释提示信息，完成代码填充。在这里插入图片描述
<html><head><title> 有序列表 </title></head><body><!—填充说明：（1）直接使用标记使“新开课程”标题加粗；（2）指定列表项编号为大写字母；（3）从第三个开始编号；（4）指定列表项编号为数字；（5）从7开始编号-->
        （1）    
           <ol（2）（3）><li>大学英语</li><li>高等数学</li><li（4）（5）>计算机科学导论</li><li>Web 前端开发技术</li><li>大学物理</li></ol></body></html>

【答案】
（1）

<b>新开课程</b>

或者 

<strong>新开课程</strong>

（2）

type="A"

（3）

start="3"

（4）

type="1"

（5）

value="7"
  1. 按下图所示效果，参照注释提示信息，完成代码填充。在这里插入图片描述
<html><head><title>设定跨行的表格</title></head><body><!—填充说明：（6）设置边框宽度为1；（7）设置单元格跨行；（8）设置单元格垂直居中对齐；（9）设置单元格跨列；（10）设置单元格水平居中对齐；--><tablewidth="600"（6）cellpadding="0"cellspacing="0"align="center"><caption>课程表</caption><tr><th>节次</th><th>星期一</th><th>星期二</th><th>星期三</th><th>星期四</th><th>星期五</th><tr><tr><td>第 1 节</td><td>体育</td><td>大学英语</td><td>高等数学</td><td（7）（8）>数据结构</td><td>Web 开发</td></tr><tr><td>第 3 节</td><td>大学英语</td><td>高等数学</td><td>数据结构</td><td>Web 开发实验</td></tr><tr><td（9）（10）>适用时间：2008-2009 第一学期 083007 班</td></tr></table></body></html>

【答案】
（6）

border="1"

（7）

rowspan="2"

（8）

valign="middle"

（9）

colspan="6"

（10）

align="center"
  1. 按下图所示效果，参照注释提示信息，完成代码填充。在这里插入图片描述
<html><head><title> 样式表-排版 </title><styletype="text/css">.p3{text-transform:capitalize;}/*类选择 p4 定义说明：
        (11)段首空 2 个字符；
        (12)设置行高为 35px；
        (13)设置背景色为#000033；
        (14)设置文字居中对齐(15)设置字符间距为 2px;(16)引用样式 p4  */.p4{ 
            （ 11）;     
            （ 12）; 
            （ 13）;
            （14）;
            （15）;color:#ffffff;}</style></head><body><p（16）>核心提示：3 月 30 日，京东商城推出火车票预订和代购业务。目前提供火车票代购业务的商业网站还有去哪儿网、携程、铁友旅行网（以下简称铁友网）等。铁道部称，12306 网站是销售火车票的唯一专业网站，铁路部门没有授权或委托任何其他网站开展火车票发售或代购业务。
        <spanclass="p3">commissioner, independent commission</span></p></body></html>

【答案】
（11）

text-indent:2em

（12）

line-height:35px

（13）

background-color: #000033

（14）

text-align:center

（15）

letter-spacing:2px

（16）

class="p4"
  1. 按下图所示效果，参照注释提示信息，完成代码填充。  在这里插入图片描述
<html><head><title> 改变网页页面字的大小 </title><styletype="text/css">#content{/*填充说明 
                （17）设置边框宽度 2px、线型 groove、颜色#0000cc */font-size:12px;line-height:200%;padding:10px;background:#000099;color:white;
                （17）;}p{text-indent:2em;}</style><!—填充说明：（18）设置type属性值；（19）通过ID获取元素方法；（20）超链接的关键属性；（21）设置超链接单事件句柄--><scripttype="  （18）    ">functionsetfont(size){var obj=（19）("content"); 
                obj.style.fontSize=size; 
                obj.style.color="#ff0000";}</script></head><body><h2align="center">用 JavaScript 代码改变网页字体大小</h2><div>设定字体大小: 
            <a（20）="javascript:setfont('12px')">小</a><ahref="#"（21）="javascript:setfont('18px');">中</a><ahref="javascript:setfont('24px');">大</a></div><divid="content"><p>JavaScript 是一种能让你的网页更加生动活泼的程式语言，也是目前网页中设计中最容易学又最方便的语言。</p></div></body></htmL>

【答案】
（17） 

border:2px groove #0000cc

（18）

text/javascript

（19）

document.getElementById

（20）

href

（21）

onclick

四、问答题（12 分）

  1. 写出无序列表结构语法，无序列表的列表项符号通过什么属性去更改？有几种不同的取值（ 英文表示）？(6 分)

【答案】
（1）无序列表结构（2分）；

<ultype= “disc”><li>…</li><li>…</li></ul>

（2）无序列表的列表项符号通过type属性去更改 （1分）；
（3）有三种不同的取值分别：disc(实心点)、circle(空心圆)、square(黑方块) （3分）

  1. 通过 DOM 访问网页元素的方法有几种？分别是什么？(6 分)

【答案】
（1）DOM访问网页元素的方法有三种：

  • 通过ID，document.getElementById(“元素Id”)（2分）；
  • 通过Name，获取同类名称的数组，document.getElementsByName(“元素名称”)（2分）；  通过TagName，获取同类标记的数组，document.getElementsByTagName(“标记名称”)（2分）。
标签： 前端 html css
本文转载自: https://blog.csdn.net/qiaoxinwei/article/details/121899752
版权归原作者 少儿编程乔老师 所有， 如有侵权，请联系我们删除。
登录后发布评论

“Web前端开发技术期末测试及解析一”的评论:

还没有评论
关于作者
...
overfit同步小助手
文章同步
相关阅读

机器人技术在安全领域的重要作用

安全学习记录——网络篇（一）

图腾柱PFC：HP1010为您的电动两轮车之旅提供绿色，高效，安全的动力

单元测试数据库回滚问题

这才是单元测试，之前我们都错了

【C语言基础】：字符函数和字符串函数

ChatGPT-Next-Web SSRF漏洞+XSS漏洞复现(CVE-2023-49785)

文章导航