HTML基础练习

news/2024/11/15 17:50:32/文章来源:https://www.cnblogs.com/cup11/p/18536770

注意:

  1. 全卷满分140+45分,时间40分钟。
  2. 全开卷,并允许联网查询
  3. 凡是标注“不定项”的,每个选项均分总分,每错选或漏选一个均仅扣除该项得分。例如8分4选项题,答案为AD,选ABD得6分,A得6分,AB得4分。
  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分)

  1. (3分)“超文本标记语言”的英语缩写为______
  2. (9分)请写出非空元素的语法通式:___(1)___,单个属性的语法通式:___(2)___,注释的语法通式:___(3)___
  3. (6分)img元素表示__(1)__,其中width属性的单位是___(2)___
  4. (3分)若要使用语义化标签表示侧边栏,应该使用的标签名为:_____
  5. (4分)用于HTML5的文档类型声明语句是:_________________
  6. (4分)要添加一条水平分割线,可以添加HTML代码:_____
  7. (4分)若要实现效果\(\log_2{10}\)2需要用到格式标签:______
  8. (5分,不定项)下列哪些元素能嵌套在<p>元素内:
    • A. <body>
    • B. <div>
    • C. <p>
    • D. <span>
    • E. <b>
  9. (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>
  10. (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

二、代码调试(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>

针对以上代码,解答下列问题。对于每个问题,先简要阐述其错误原因,然后给出解决方案

  1. (6分)为什么HTML界面标题不生效?
  2. (6分)明明是中文界面,为什么有的浏览器打开此网站后仍然会提示:“当前为英语界面,点击翻译为中文”?
  3. (8分)为什么加粗文本一直持续到文档最后?
  4. (18分)点击超链接后,为什么仍然在当前标签页打开,并且打开的界面异常?
  5. (12分)为什么使用<p>元素来表示段落中的<p>没有正常显示,反而导致异常换行?

三、代码实现(40分)

  1. (40分)根据代码骨架和需求备注,实现如下效果图。
    • (8分)整体结构
    • (6分)代码风格
    • (12分)格式标签
    • (8分)超链接与图片
    • (6分)meta标签

image

需求备注如下:

  • 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分)

查询相关文档,完成下列题目

  1. (6分)当在界面上表示快捷键Ctrl+C时,最好使用___元素。
  2. (10分)写出一个HTML元素,使用abbr元素标记内容,悬停时展示全称:We can use RFID in this case.(RFID:Radio Frequency Identification)。
  3. (24分)自由开发:个人作品集。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/829353.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

将URDF模型文件导入Issac_Gym系列【1】

1 在solidworks中导出URDF文件 1 这里按照古月居老师的要求进行基本的配置 https://www.bilibili.com/video/BV1Tx411o7rH/?vd_source=fcddcf87e97b17fd530dc88db643aab3 关于catkin_ws这种ROS的工作环境的配置,具体可以参考我的这篇博客 https://www.cnblogs.com/myleaf/p/1…

SpringMVC 学习笔记

概述 SpringMVC 中的 MVC 即模型-视图-控制器,该框架围绕一个 DispatcherServlet 改计而成,DispatcherServlet 会把请求分发给各个处理器,并支持可配置的处理器映射和视图渲染等功能 SpringMVC 的工作流程如下所示:客户端发起 HTTP 请求:客户端将请求提交到 DispatcherSer…

VMware vSphere 6.7 Update 3w 下载

VMware vSphere 6.7 Update 3w 下载VMware vSphere 6.7 Update 3w 下载 ESXi 6.7 U3 & vCenter Server 6.7 U3, Dell, HPE, LENOVO, Inspur Custom Image 请访问原文链接:https://sysin.org/blog/vmware-vsphere-6/ 查看最新版。原创作品,转载请保留出处。 作者主页:sys…

HER304-ASEMI轴向高效恢复二极管HER304

HER304-ASEMI轴向高效恢复二极管HER304编辑:ll HER304-ASEMI轴向高效恢复二极管HER304 型号:HER304 品牌:ASEMI 封装:DO-27 特性:轴向高效恢复二极管 正向电流:3A 反向耐压:300V 恢复时间:35ns 引脚数量:2 芯片个数:2 芯片尺寸:MIL 浪涌电流:125A 漏电流:10ua 工作…

Blender 常用修改器

修改器的好处是,它是一个非破坏性的建模方式,方便修改和撤销表面细分修改器 将网格的面分割成更小的面,使其看起来更光滑,但它的顶点并不会受到影响实体修改器 获取任意网格的表面,然后为之添加深度,使其变厚,偏移量可以决定它朝哪边偏移倒角修改器 宽度是坡口形成的两条…

LIN总线

LIN总线 参考链接:https://www.renesas.cn/zh/document/apn/904591?language=zh LIN 是 Local Interconnect Network 的缩写,是基于 UART/SCI(Universal Asynchronous Receiver-Transmitter / Serial Communication Interface,通用异步收发器/串行通信接口)的低成本串行通信…

Nuxt.js 应用中的 listen 事件钩子详解

title: Nuxt.js 应用中的 listen 事件钩子详解 date: 2024/11/9 updated: 2024/11/9 author: cmdragon excerpt: 它为开发者提供了一个自由的空间可以在开发服务器启动时插入自定义逻辑。通过合理利用这个钩子,开发者能够提升代码的可维护性和调试能力。注意处理性能、错误和…

vmware虚拟机更改名字

vmware 虚拟机更改名字,vmware虚拟机安装目录最少文件我安装的时候起名字为 debian1260,后来想改为 debian12gui,我把虚拟机安装目录中的其他文件全都删除,只保留这三个文件。然后把名字改一下,vmx 文本文件中的名字替换一下,双击虚拟机 vmx 文件打开即可。有了计划记得推…

Vanity Intermediate 统配符提权

nmap扫描 ┌──(root㉿kali)-[~] └─# nmap -p- -A 192.168.167.234 Starting Nmap 7.94SVN ( https://nmap.org ) at 2024-11-09 03:59 UTC Stats: 0:01:22 elapsed; 0 hosts completed (1 up), 1 undergoing Traceroute Traceroute Timing: About 32.26% done; ETC: 04:00 …

C++ exception 异常类继承关系

▲ https://blog.csdn.net/m1059247324/article/details/116228823

Python代码文件不只是“.py”

今天同事给我扔了一个.pyd文件,说让我跑个数据。然后我就傻了。。不知道多少粉丝小伙伴会run.pyd代码文件?如果你也懵懵的,请继续往下读吧。。 今天科普下各类Python代码文件的后缀,给各位Python开发“扫扫盲”。 .py 最常见的Python代码文件后缀名,官方称Python源代码文件…

go语言init函数与main函数的执行顺序

package schoolimport "fmt"func init() {fmt.Println("school包初始化了") }type School struct { }func (s *School) PrintSchool() {fmt.Println("我是一所学校") }package homeimport "fmt"func init() {fmt.Println("home包…