首页 > 其他分享 >HTML基础练习

HTML基础练习

时间:2024-11-09 15:41:08浏览次数:1  
标签:10 代码 练习 基础 BT MT HTML ___

注意:

  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分)自由开发:个人作品集。

标签:10,代码,练习,基础,BT,MT,HTML,___
From: https://www.cnblogs.com/cup11/p/18536770

相关文章

  • 零基础快速掌握python【函数】相关内容及【操作练习】(内附代码)
    1.函数1.1函数的定义函数的定义:实现【特定功能】的代码块。函数的作用:简化代码提高代码重用性便于维护和修改提高代码的可扩展性函数的三要素:功能  len()  max()   sum()参数  s.clear()   s.append('hello')返回值 s.sort()   s1=sor......
  • 服务器虚拟化:现代IT基础设施的基石
    服务器虚拟化:现代IT基础设施的基石服务器虚拟化是一种通过将物理服务器资源分割为多个逻辑资源(即虚拟服务器)的技术,每个虚拟服务器都能独立运行应用程序和操作系统。这种技术极大地提升了资源利用率、灵活性和经济效益,成为现代IT基础设施的重要组成部分。技术原理与架构服......
  • 第一章:实现基础 HTTP 服务器-MiniTomcat系列
    上一章内容MiniTomcat项目大纲第一章:实现基础HTTP服务器-MiniTomcat系列在这一章中,我们将从零开始编写一个简单的HTTP服务器。这个服务器的基本功能是监听一个端口,接收来自客户端的HTTP请求,并返回一个HTTP响应。我们将使用Java的ServerSocket类来实现网络监......
  • Python基础(九):字典
    目录1、字典基础2、键与值的特性3、创建空字典4、访问字典中的值5、修改字典6、删除字典元素7、字典内置函数&方法    在Python的世界里,字典是一种强大的数据结构,它允许我们以键值对的形式存储和检索数据。这种结构不仅灵活,而且功能强大,是处理复杂数据时不可......
  • YOLO系列基础(一)卷积神经网络原理详解与基础层级结构说明
    系列文章地址YOLO系列基础(一)卷积神经网络原理详解与基础层级结构说明-CSDN博客YOLO系列基础(二)Bottleneck瓶颈层原理详解-CSDN博客目录卷积神经网络的原理及卷积核详解一、卷积神经网络的原理二、卷积层与卷积核详解卷积核的作用卷积核的设计卷积样例与代码说明:卷积核......
  • Java基础——面向对象
    1.面向过程&面向对象1.1.面向过程是一种线性的,第一步做什么,第二步做什么......适合处理简单的问题。1.2.面向对象运用分类的思维模式,思考问题要先进性哪些分类,然后对这些类进行单独思考。适合处理复杂的问题。对于复杂的问题,需要从宏观的整体上进行分析,需要使用面向......
  • Java基础——异常
    1.什么是异常程序在运行过程中发生的一些意外,叫做异常,如用户输入不合法,读取文件不存在等2.分类检查性异常:无法预见的,如要打开一个不存在的文件运行时异常:在编译时被忽略,可能被避免的,如函数a,b互相调用错误:脱离程序员控制,如栈溢出3.异常处理机制抛出异常捕获异常异常处......
  • c++-有关输出、信息输入、趣味输入应用、运算符、变量、浮点数数据类型的基础知识
    C++是一种功能强大且广泛使用的编程语言,它可以用于开发各种类型的应用程序。在这篇文章中,我们将介绍C++程序的输出、信息输入、趣味输入应用、运算符、变量和浮点数数据类型的基础知识。目录输出信息输入趣味输入应用运算符变量浮点数数据类型题目题目1:解答1:题目2:......
  • StarUML建模工具安装学习与汉化最新零基础详细教程【一键式下载】(适用于Windows、MacO
    StarUML破解安装下载教程前言:StarUML破解与汉化安装下载教程,仅供学习研究和交流使用,禁止作为商业用途或其他非法用途!仓库作者:X1a0He,经仓库作者授权使用。目录StarUML破解安装下载教程1.下载准备1.1一键式准备【懒人准备】1.2学习式准备1.2.1学习准备2.window......
  • 2024-2025-1 20241413 《计算机基础与程序设计》第七周学习总结
    这个作业属于哪个课程https://edu.cnblogs.com/campus/besti/2024-2025-1-CFAP这个作业要求在哪里https://www.cnblogs.com/rocedu/p/9577842.html#WEEK07作业目标数组与链表基于数组和基于链表实现数据结构无序表与有序表树图子程序与参数--------作业......