注意:
- 全卷满分140+45分,时间40分钟。
- 全开卷,并允许联网查询。
- 凡是标注“不定项”的,每个选项均分总分,每错选或漏选一个均仅扣除该项得分。例如8分4选项题,答案为AD,选ABD得6分,A得6分,AB得4分。
- 所有题目均为人工阅卷,不需要特别遵守格式规范,均按照答案酌情给分。
答题纸代码:
0 ID SOC-PROGRAMMING-HTML-BASIC-1
0 NAME
0 H 一、概念计算
1 BT/3,3
2 BT/3,8 BT/3,8 BT/3,6
3 BT/3,3 BT/3,3
4 BT/3,3
5 BT/4,10
6 BT/4,5
7 BT/4,5
8 CI/5,A,B,C,D,E
9 CS/5,A,B,C,D
10 CI/12,A,B,C,D,E,F
0 H 二、代码调试
11 MT/6,2
12 MT/6,2
13 MT/8,2
14 MT/18,3
15 MT/12,2
0 H 三、代码实现
16 MT/40,10
0 H 四、附加题
17 BT/6,3
18 BT/10,20
19 MT/24,10
一、概念计算(55分)
- (3分)“超文本标记语言”的英语缩写为
______
。 - (9分)请写出非空元素的语法通式:
___(1)___
,单个属性的语法通式:___(2)___
,注释的语法通式:___(3)___
。 - (6分)
img
元素表示__(1)__
,其中width
属性的单位是___(2)___
。 - (3分)若要使用语义化标签表示侧边栏,应该使用的标签名为:
_____
。 - (4分)用于HTML5的文档类型声明语句是:
_________________
。 - (4分)要添加一条水平分割线,可以添加HTML代码:
_____
。 - (4分)若要实现效果\(\log_2{10}\),
2
需要用到格式标签:______
。 - (5分,不定项)下列哪些元素能嵌套在
<p>
元素内:- A.
<body>
- B.
<div>
- C.
<p>
- D.
<span>
- E.
<b>
- A.
- (5分,单选)下列哪个代码正确使用了
<h1>
、<h2>
元素:- A.
<h2>文档</h2><h1>安装</h1><h1>用法</h1>
- B.
<h1>文档</h1><h2>安装</h2><h2>用法</h2>
- C.
<h1>文档<h2>安装</h2><h2>用法</h2></h1>
- D.
<h2>文档</h1><h1>安装</h1><h1>用法</h2>
- A.
- (12分,不定项)以下哪些一般可以作为
<a>
元素的href
属性:- A.
www.baidu.com
- B.
https://www.baidu.com
- C.
localhost:8090/
- D.
Go to Bilibili.
- E.
http://cn.bing.com
- F.
abc://b.c.d
- A.
二、代码调试(50分)
<!DOCTYPE html>
<html lang="en">
<head><meta charset="utf-8"><meta name="description" content="一个示例网站"><title name="标题" />
</head><body><p><b>这是一段加粗文本<b></p><div><p>点击<a href=https://www.baidu.comtarget="blank">此处</a>在新标签页中打开百度</p><p>在HTML中,使用<p>元素来表示段落。</p></div>
</body>
</html>
针对以上代码,解答下列问题。对于每个问题,先简要阐述其错误原因,然后给出解决方案。
- (6分)为什么HTML界面标题不生效?
- (6分)明明是中文界面,为什么有的浏览器打开此网站后仍然会提示:“当前为英语界面,点击翻译为中文”?
- (8分)为什么加粗文本一直持续到文档最后?
- (18分)点击超链接后,为什么仍然在当前标签页打开,并且打开的界面异常?
- (12分)为什么
使用<p>元素来表示段落
中的<p>
没有正常显示,反而导致异常换行?
三、代码实现(40分)
- (40分)根据代码骨架和需求备注,实现如下效果图。
- (8分)整体结构
- (6分)代码风格
- (12分)格式标签
- (8分)超链接与图片
- (6分)
meta
标签
需求备注如下:
era
对应的链接为https://www.bing.com/dict/search?q=era
;必应词典
对应的链接为https://www.bing.com/dict
,二者均需在新标签页打开。- 图片网址为
https://www.bing.com/sa/simg/favicon-trans-bg-blue-mg.ico
,若未加载出需用“必应图标”四字代替。 - 用
meta
标签标注作者(你)的名字。
<body>
部分的代码骨架如下:
练习代码
2024.11
<p>No matter what the <a>era</a>,and no matter how advanced the science and technology is,a moral and ethical education will always be our theme.</p>
<p>词典由<a>必应词典</a>提供支持</p>
四、附加题(40分)
查询相关文档,完成下列题目
- (6分)当在界面上表示快捷键
Ctrl+C
时,最好使用___
元素。 - (10分)写出一个HTML元素,使用
abbr
元素标记内容,悬停时展示全称:We can use RFID in this case.
(RFID:Radio Frequency Identification)。 - (24分)自由开发:个人作品集。