当前位置：首页 > news >正文

HTML CSS JS基础考试题与答案

news 2026/2/9 0:18:22

一、选择题（2分/题）

1．下面标签中，用来显示段落的标签是（ d ）。

A、<h1>

B、<br />

C、<img />

D、<p>

2. 网页中的图片文件位于html文件的下一级文件夹img中，则以下CSS书写正确的是（ b ）。

A、<img src="logo.gif" />

B、<img src="img\logo.gif" />

C、<img src="img/logo.gif" />

D、<img src="img/logo" />

3．在HTML中，用于设置页面头部标题信息的标签是（ a ）。

A、<title>

B、<base>

C、<head>

D、<meta>

4．下列选项中，哪一个是单标签（ d ）。

A、<title>

B、<body>

C、<html>

D、<br />

5．在下列属性中，用来定义文本字体大小的是（ c ）。

A、color

B、face

C、size

D、align

6．在HTML中，表示CSS样式的标签的是（ b ）。

A、<title>

B、<style>

C、<head>

D、<meta>

7．下面标记中，表示分割线的标记是（ d ）。

A、<h1>

B、<enter>

C、<br />

D、<hr />

8．在下列属性中，用来定义外边距的属性是（ c ）。

A、color

B、face

C、margin

D、padding

二、判断题（2分/题）

1．在HTML中，标签可以拥有多个属性。( ✓ )

2. js代码可以声明在body标签中，也可以声明在head标签中。( ✓ )

三、问答题(5分/题)

1. 请描述盒模型包含哪些内容。

盒模型包括了内容、内边距、边框、外边距

2. 请描述定位方式有几种？分别是什么？

定位方式有四种

默认定位

相对定位

绝对定位

固定定位

3. 请写出文本对齐方式有几种？分别是什么？

文本对齐方式有3 种

左对齐

居中对齐

右对齐

4. JS中，数据类型有几种，分别是什么？

数据类型有4种:数值型，字符型，布尔型，object对象类型

5. 请简述相对定位和绝对定位的区别。

相对定位是在原来位置的基础上进行移动

绝对定位标签文档脱离html标签，没有原来的位置，原来位置会被其特标签元素占用

6. 简述css中的选择器有几种？分别是什么？如何使用？

Css选择器有4种

标签名选择器、id选择器、class选择器、父选择器

标签名选择器：通过标签名找到对应的标签，给其添加样式

Id选择器：给标签添加唯一id标识，通过id名找到其对应的标签，给其添加样式

Class选择器：通过class名，找到对应标签，给其添加样式

父选择器：通过指定父子来找到其对应的标签，给其添加样式

7. 分别描述html，css，js各自在网页上的作用。

Html用来定义网络的结构与内容

Css用来更好的在浏览器上展示，控制网页布局和外观

Js是一种编程语言，用来网页的动态效果和交互性

8. 编程语言中，流程控制语句指的是什么？有几种结构？分别阐述其含义。

流程控制语句指的是程序执行的流程

有三种结构，分别是顺序结构和选择结构、循环结构

顺序结构是从上到下依次执行

选择结构是根据条件判断来执行，根据值真假来执行哪一个

循环结构通常用于需要重复执行相同的任务，如果条件满足，会一直执行，直到条件不满足，才会跳出循环结构，按顺序一次往下执行

9. 请简述while循环语句和for循环语句的区别。

While循环语句

执行流程;

1.加载循环变量

2.判断条件

3.执行循环体

4.迭代

For循环语句

For循环包含了循环变量，条件，迭代

while循环更实用于未知数值的时候

10. Math对象和Date对象分别有什么功能？

math对象是获取随机数数学运算

Date对象获取了日期时间数

四、编程题（15分/题）

1. 请根据示例图，实现网页代码(图片素材自行从示例图中截取，文本内容可自定义)。

2. 请根据示例图，实现电子表网页代码。

HTML CSS JS基础考试题与答案

一、选择题（2分/题） 1．下面标签中，用来显示段落的标签是（ d ）。 A、<h1> B、<br /> C、<img /> D、<p> 2. 网页中的图片文件位于html文件的下一级文件夹img中，…...

编程日记 2024/12/2 20:36:57

若依解析（一）登录认证流程

JWTSpringSecurity 6.X 实现登录 JWT token只包含uuid ,token 解析uuid，然后某个常量加UUID 从Redis缓存查询用户信息流程图如下感谢若依，感谢开源，能有这么好系统供我学习。设计数据库，部门表，用户表&#xff0c…...

编程日记 2024/12/2 20:34:56

Redis设计与实现第17章 -- 集群总结1（节点槽指派）

集群通过分片sharding来进行数据共享，并提供复制和故障转移功能。 17.1 节点一个Redis集群通常由多个节点node组成，刚开始每个节点都是相互独立的，必须将各个独立的节点连接起来，才能构成一个包含多个节点的集群。通过CLUSTER …...

编程日记 2024/12/2 20:33:54

汽车控制软件下载移动管家手机控车一键启动app

移动管家手机控制汽车系统是一款实现车辆远程智能控制的应用程序‌。通过下载并安装特定的APP，用户可以轻松实现以下功能：‌远程启动与熄火‌：无论身处何地，只要有网络，即可远程启动或熄火车辆，提前预冷或预…...

编程日记 2024/12/2 20:28:49

H3C OSPF实验

实验拓扑实验需求按照图示配置 IP 地址按照图示分区域配置 OSPF ，实现全网互通为了路由结构稳定，要求路由器使用环回口作为 Router-id，ABR 的环回口宣告进骨干区域实验解法一、配置IP地址 [R1]int l0 [R1-LoopBack0]ip add 1.1.1.1 32 […...

编程日记 2024/12/2 20:19:36

Vue框架开发一个简单的购物车（Vue.js）

让我们利用所学知识来开发一个简单的购物车 （记得暴露属性和方法！！！） 首先来看一下最基本的一个html框架 <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"&…...

编程日记 2024/12/2 20:16:32

Windows Terminal Solarized Dark 配色方案调整

起因 Widnows 10/11 下面自带的 Terminal 还是比较方便的，因为不需要安装额外的 Terminal 软件。我喜欢 Solarized Dark 配色方案，虽然有人批评这个配色方案比较老，但我觉得它比较优雅，尤其对外这种眼神比较差的人，比…...

编程日记 2024/12/2 20:15:29

PyTorch张量运算与自动微分

PyTorch张量运算与自动微分 PyTorch由Facebook人工智能研究院于2017年推出，具有强大的GPU加速张量计算功能，并且能够自动进行微分计算，从而可以使用基于梯度的方法对模型参数进行优化，大部分研究人员、公司机构、数据比赛都使用P…...

编程日记 2024/12/2 20:08:22

【从零开始的LeetCode-算法】3264. K 次乘运算后的最终数组 I

给你一个整数数组 nums ，一个整数 k 和一个整数 multiplier 。你需要对 nums 执行 k 次操作，每次操作中： 找到 nums 中的最小值 x ，如果存在多个最小值，选择最前面的一个。将 x 替换为 x * multiplier 。请你…...

编程日记 2024/12/2 20:03:14

【Linux】gdb / cgdb 调试 + 进度条

🌻个人主页：路飞雪吖~ 🌠专栏：Linux 目录一、Linux调试器-gdb 🌟开始使用 🌠小贴士： 🌟gdb指令 🌠小贴士： ✨watch 监视 ✨打条件断点二、小程序----进…...

编程日记 2024/12/2 20:01:11

Jenkins Nginx Vue项目自动化部署

目录一、环境准备 1.1 Jenkins搭建 1.2 NVM和Nodejs安装 1.3 Nginx安装二、Jenkins配置 2.1 相关插件安装 2.2 全局工具安装 2.3 环境变量配置 2.4 邮箱配置（构建后发送邮件） 2.5 任务配置三、Nginx配置 3.1 配置路由转发四、部署项目 …...

编程日记 2024/12/2 20:00:10

视频汇聚平台Liveweb国标GB28181视频平台监控中心设计

在现代安防视频监控领域，Liveweb视频汇聚平台以其卓越的兼容性和灵活的拓展能力，为用户提供了一套全面的解决方案。该平台不仅能够实现视频的远程监控、录像、存储与回放等基础功能，还涵盖了视频转码、视频快照、告警、云台控制、语音对讲以及…...

编程日记 2024/12/2 19:53:03

文件比较和文件流

文件比较和文件流一、文本比较工具 diff1.基本用法1.1输出格式 2.常用选项二、文件流1.文件的打开模式2.文件流的分类ifstreamofstreamfstrem区别 3.文件流的函数1. 构造函数2. is_open 用于判断文件是否打开3. open4. getline5. close6. get()7. read8. write9. put10. gcou…...

编程日记 2024/12/2 19:50:00

【2024最新】基于Springboot+Vue的就业信息管理系统Lw+PPT

作者：计算机搬砖家开发技术：SpringBoot、php、Python、小程序、SSM、Vue、MySQL、JSP、ElementUI等，“文末源码”。专栏推荐：SpringBoot项目源码、Vue项目源码、SSM项目源码、微信小程序源码精品专栏：Java精选实战项…...

编程日记 2024/12/2 19:48:57

PySide6 QSS(Qt Style Sheets) Reference: PySide6 QSS参考指南

Qt官网参考资料： QSS介绍： Styling the Widgets Application - Qt for Pythonhttps://doc.qt.io/qtforpython-6/tutorials/basictutorial/widgetstyling.html#tutorial-widgetstyling QSS 参考手册： Qt Style Sheets Reference | Qt Widge…...

编程日记 2024/12/2 19:46:55

【笔记】成为雍正

观古代历史，不过帝王一家一姓之家史时间 1662年，田文镜出生。1672年，张廷玉出生。1674年，胤礽出生。1678年，胤禛出生。1679年，年羹尧出生。1680年，鄂尔泰出生。1700年，索额图被赐死…...

编程日记 2024/12/2 19:45:54

Codeforces Round 913 (Div. 3)

题目链接 B. YetnotherrokenKeoard 题意输入输出思路用两个栈分别维护小写字母下标和大写字母下标，用一个vis数组标记字母是否删除示例代码 void solve() {string s;cin >> s;int n s.size();vector<bool> vis(n, false);stack<int>sk…...

编程日记 2024/12/2 19:44:53

斐波那契数

C语言实现斐波那契数列的多种方法_斐波那契数列c语言-CSDN博客题目描述斐波那契数列为：1,1,2,3,5,8,13.....，常规递推公式f(n)f(n-1)f(n-2); 输入描述输入一个整数n(0<n<50),为多组数据。输出描述输出第n个斐波那契数样例输入 1 2 4样例输出…...

编程日记 2024/12/2 19:42:51

Redis高阶集群搭建+集群读写

问题容量不够，redis 如何进行扩容？并发写操作， redis 如何分摊？另外，主从模式，薪火相传模式，主机宕机，导致 ip 地址发生变化，应用程序中配置需要修改对应的主机地址、端…...

编程日记 2024/12/2 19:41:49

pam_env.so模块配置解析

在PAM（Pluggable Authentication Modules）配置中， /etc/pam.d/su 文件相关配置含义如下： 配置解析 auth required pam_env.so1. 字段分解字段值说明模块类型auth认证类模块，负责验证用户身份&am…...

编程新知 2025/10/5 8:09:39

对WWDC 2025 Keynote 内容的预测

借助我们以往对苹果公司发展路径的深入研究经验，以及大语言模型的分析能力，我们系统梳理了多年来苹果 WWDC 主题演讲的规律。在 WWDC 2025 即将揭幕之际，我们让 ChatGPT 对今年的 Keynote 内容进行了一个初步预测，聊作存档。等到明…...

编程新知 2026/2/6 23:56:39

Cinnamon修改面板小工具图标

Cinnamon开始菜单-CSDN博客设置模块都是做好的，比GNOME简单得多！ 在 applet.js 里增加 const Settings imports.ui.settings;this.settings new Settings.AppletSettings(this, HTYMenusonichy, instance_id); this.settings.bind(menu-icon, menu…...

编程新知 2026/1/31 14:56:22