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 地址发生变化，应用程序中配置需要修改对应的主机地址、端…...
使用docker在3台服务器上搭建基于redis 6.x的一主两从三台均是哨兵模式
一、环境及版本说明 如果服务器已经安装了docker,则忽略此步骤,如果没有安装,则可以按照一下方式安装: 1. 在线安装(有互联网环境): 请看我这篇文章 传送阵>> 点我查看 2. 离线安装(内网环境):请看我这篇文章 传送阵>> 点我查看 说明：假设每台服务器已…...
AI-调查研究-01-正念冥想有用吗？对健康的影响及科学指南
点一下关注吧！！！非常感谢！！持续更新！！！ 🚀 AI篇持续更新中！（长期更新） 目前2025年06月05日更新到： AI炼丹日志-28 - Aud…...
地震勘探——干扰波识别、井中地震时距曲线特点
目录 干扰波识别反射波地震勘探的干扰波 井中地震时距曲线特点 干扰波识别 有效波：可以用来解决所提出的地质任务的波；干扰波：所有妨碍辨认、追踪有效波的其他波。 地震勘探中，有效波和干扰波是相对的。例如，在反射波…...
智慧工地云平台源码，基于微服务架构+Java+Spring Cloud +UniApp +MySql
智慧工地管理云平台系统，智慧工地全套源码，java版智慧工地源码，支持PC端、大屏端、移动端。 智慧工地聚焦建筑行业的市场需求，提供“平台网络终端”的整体解决方案，提供劳务管理、视频管理、智能监测、绿色施工、安全管…...
理解 MCP 工作流：使用 Ollama 和 LangChain 构建本地 MCP 客户端
🌟 什么是 MCP？ 模型控制协议 (MCP) 是一种创新的协议，旨在无缝连接 AI 模型与应用程序。 MCP 是一个开源协议，它标准化了我们的 LLM 应用程序连接所需工具和数据源并与之协作的方式。 可以把它想象成你的 AI 模型 和想要使用它…...
vue3 字体颜色设置的多种方式
在Vue 3中设置字体颜色可以通过多种方式实现，这取决于你是想在组件内部直接设置，还是在CSS/SCSS/LESS等样式文件中定义。以下是几种常见的方法： 1. 内联样式 你可以直接在模板中使用style绑定来设置字体颜色。 <template><div :s…...
Nginx server_name 配置说明
Nginx 是一个高性能的反向代理和负载均衡服务器，其核心配置之一是 server 块中的 server_name 指令。server_name 决定了 Nginx 如何根据客户端请求的 Host 头匹配对应的虚拟主机（Virtual Host）。 1. 简介 Nginx 使用 server_name 指令来确定…...
学习STC51单片机31（芯片为STC89C52RCRC）OLED显示屏1
每日一言 生活的美好，总是藏在那些你咬牙坚持的日子里。 硬件：OLED 以后要用到OLED的时候找到这个文件 OLED的设备地址 SSD1306"SSD" 是品牌缩写，"1306" 是产品编号。 驱动 OLED 屏幕的 IIC 总线数据传输格式 示意图 …...
Ascend NPU上适配Step-Audio模型
1 概述 1.1 简述 Step-Audio 是业界首个集语音理解与生成控制一体化的产品级开源实时语音对话系统，支持多语言对话（如 中文，英文，日语），语音情感（如 开心，悲伤）&#x…...
Python如何给视频添加音频和字幕
在Python中，给视频添加音频和字幕可以使用电影文件处理库MoviePy和字幕处理库Subtitles。下面将详细介绍如何使用这些库来实现视频的音频和字幕添加，包括必要的代码示例和详细解释。 环境准备 在开始之前，需要安装以下Python库：…...