HTML CSS JS基础考试题与答案
一、选择题（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中，…...
若依解析（一）登录认证流程
JWTSpringSecurity 6.X 实现登录 JWT token只包含uuid ,token 解析uuid，然后某个常量加UUID 从Redis缓存查询用户信息 流程图如下 感谢若依，感谢开源，能有这么好系统供我学习。 设计数据库，部门表，用户表，…...
Redis设计与实现第17章 -- 集群 总结1（节点 槽指派）
集群通过分片sharding来进行数据共享，并提供复制和故障转移功能。 17.1 节点 一个Redis集群通常由多个节点node组成，刚开始每个节点都是相互独立的，必须将各个独立的节点连接起来，才能构成一个包含多个节点的集群。通过CLUSTER …...
汽车控制软件下载移动管家手机控车一键启动app
移动管家手机控制汽车系统是一款实现车辆远程智能控制的应用程序。通过下载并安装特定的APP，用户可以轻松实现以下功能：远程启动与熄火：无论身处何地，只要有网络，即可远程启动或熄火车辆，提前预冷或预…...
推荐几个可以免费下载网站模板的资源站
推荐几个可以免费下载网站模板的资源站，上面有免费的wordpress模板和帝国CMS模板可以下载。 模板帝 Mobandi.com 模板帝是一个提供丰富网站模板资源的平台，旨在帮助用户快速构建和美化自己的网站。无论是个人博客、企业官网还是电子商务平台ÿ…...
H3C OSPF实验
实验拓扑 实验需求 按照图示配置 IP 地址按照图示分区域配置 OSPF ，实现全网互通为了路由结构稳定，要求路由器使用环回口作为 Router-id，ABR 的环回口宣告进骨干区域 实验解法 一、配置IP地址 [R1]int l0 [R1-LoopBack0]ip add 1.1.1.1 32 […...
Vue框架开发一个简单的购物车（Vue.js）
让我们利用所学知识来开发一个简单的购物车 （记得暴露属性和方法！！！） 首先来看一下最基本的一个html框架 <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"&…...
Windows Terminal Solarized Dark 配色方案调整
起因 Widnows 10/11 下面自带的 Terminal 还是比较方便的，因为不需要安装额外的 Terminal 软件。 我喜欢 Solarized Dark 配色方案，虽然有人批评这个配色方案比较老，但我觉得它比较优雅，尤其对外这种眼神比较差的人，比…...
PyTorch张量运算与自动微分
PyTorch张量运算与自动微分 PyTorch由Facebook人工智能研究院于2017年推出，具有强大的GPU加速张量计算功能，并且能够自动进行微分计算，从而可以使用基于梯度的方法对模型参数进行优化，大部分研究人员、公司机构、数据比赛都使用P…...
【从零开始的LeetCode-算法】3264. K 次乘运算后的最终数组 I
给你一个整数数组 nums ，一个整数 k 和一个整数 multiplier 。 你需要对 nums 执行 k 次操作，每次操作中： 找到 nums 中的 最小 值 x ，如果存在多个最小值，选择最 前面 的一个。将 x 替换为 x * multiplier 。 请你…...
【Linux】gdb / cgdb 调试 + 进度条
🌻个人主页：路飞雪吖~ 🌠专栏：Linux 目录 一、Linux调试器-gdb 🌟开始使用 🌠小贴士： 🌟gdb指令 🌠小贴士： ✨watch 监视 ✨打条件断点 二、小程序----进…...
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 配置路由转发 四、部署项目 …...
视频汇聚平台Liveweb国标GB28181视频平台监控中心设计
在现代安防视频监控领域，Liveweb视频汇聚平台以其卓越的兼容性和灵活的拓展能力，为用户提供了一套全面的解决方案。该平台不仅能够实现视频的远程监控、录像、存储与回放等基础功能，还涵盖了视频转码、视频快照、告警、云台控制、语音对讲以及…...
文件比较和文件流
文件比较和文件流 一、文本比较工具 diff1.基本用法1.1输出格式 2.常用选项 二、文件流1.文件的打开模式2.文件流的分类ifstreamofstreamfstrem区别 3.文件流的函数1. 构造函数2. is_open 用于判断文件是否打开3. open4. getline5. close6. get()7. read8. write9. put10. gcou…...
【2024最新】基于Springboot+Vue的就业信息管理系统Lw+PPT
作者：计算机搬砖家 开发技术：SpringBoot、php、Python、小程序、SSM、Vue、MySQL、JSP、ElementUI等，“文末源码”。 专栏推荐：SpringBoot项目源码、Vue项目源码、SSM项目源码、微信小程序源码 精品专栏：Java精选实战项…...
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…...
【笔记】成为雍正
观古代历史，不过帝王一家一姓之家史 时间 1662年，田文镜出生。1672年，张廷玉出生。1674年，胤礽出生。1678年，胤禛出生。1679年，年羹尧出生。1680年，鄂尔泰出生。1700年，索额图被赐死…...
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…...
斐波那契数
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样例输出…...
Redis高阶集群搭建+集群读写
问题 容量不够，redis 如何进行扩容？并发写操作， redis 如何分摊？另外，主从模式，薪火相传模式，主机宕机，导致 ip 地址发生变化，应用程序中配置需要修改对应的主机地址、端…...
铭豹扩展坞 USB转网口 突然无法识别解决方法
当 USB 转网口扩展坞在一台笔记本上无法识别，但在其他电脑上正常工作时，问题通常出在笔记本自身或其与扩展坞的兼容性上。以下是系统化的定位思路和排查步骤，帮助你快速找到故障原因： 背景： 一个M-pard（铭豹）扩展坞的网卡突然无法识别了，扩展出来的三个USB接口正常。…...
挑战杯推荐项目
“人工智能”创意赛 - 智能艺术创作助手：借助大模型技术，开发能根据用户输入的主题、风格等要求，生成绘画、音乐、文学作品等多种形式艺术创作灵感或初稿的应用，帮助艺术家和创意爱好者激发创意、提高创作效率。 - 个性化梦境…...
C++_核心编程_多态案例二-制作饮品
#include <iostream> #include <string> using namespace std;/*制作饮品的大致流程为：煮水 - 冲泡 - 倒入杯中 - 加入辅料 利用多态技术实现本案例，提供抽象制作饮品基类，提供子类制作咖啡和茶叶*//*基类*/ class AbstractDr…...
PPT|230页| 制造集团企业供应链端到端的数字化解决方案：从需求到结算的全链路业务闭环构建
制造业采购供应链管理是企业运营的核心环节，供应链协同管理在供应链上下游企业之间建立紧密的合作关系，通过信息共享、资源整合、业务协同等方式，实现供应链的全面管理和优化，提高供应链的效率和透明度，降低供应链的成…...
LeetCode - 394. 字符串解码
题目 394. 字符串解码 - 力扣（LeetCode） 思路 使用两个栈：一个存储重复次数，一个存储字符串 遍历输入字符串： 数字处理：遇到数字时，累积计算重复次数左括号处理：保存当前状态&a…...
【ROS】Nav2源码之nav2_behavior_tree-行为树节点列表
1、行为树节点分类 在 Nav2（Navigation2）的行为树框架中，行为树节点插件按照功能分为 Action（动作节点）、Condition（条件节点）、Control（控制节点） 和 Decorator（装饰节点） 四类。 1.1 动作节点 Action 执行具体的机器人操作或任务，直接与硬件、传感器或外部系统…...
Aspose.PDF 限制绕过方案：Java 字节码技术实战分享（仅供学习）
Aspose.PDF 限制绕过方案：Java 字节码技术实战分享（仅供学习） 一、Aspose.PDF 简介二、说明（⚠️仅供学习与研究使用）三、技术流程总览四、准备工作1. 下载 Jar 包2. Maven 项目依赖配置 五、字节码修改实现代码&#…...
08. C#入门系列【类的基本概念】：开启编程世界的奇妙冒险
C#入门系列【类的基本概念】：开启编程世界的奇妙冒险 嘿，各位编程小白探险家！欢迎来到 C# 的奇幻大陆！今天咱们要深入探索这片大陆上至关重要的 “建筑”—— 类！别害怕，跟着我，保准让你轻松搞…...
tomcat指定使用的jdk版本
说明 有时候需要对tomcat配置指定的jdk版本号，此时，我们可以通过以下方式进行配置 设置方式 找到tomcat的bin目录中的setclasspath.bat。如果是linux系统则是setclasspath.sh set JAVA_HOMEC:\Program Files\Java\jdk8 set JRE_HOMEC:\Program Files…...
TJCTF 2025
还以为是天津的。这个比较容易，虽然绕了点弯，可还是把CP AK了，不过我会的别人也会，还是没啥名次。记录一下吧。 Crypto bacon-bits with open(flag.txt) as f: flag f.read().strip() with open(text.txt) as t: text t.read…...