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 地址发生变化，应用程序中配置需要修改对应的主机地址、端…...
GluonCV版本升级指南：从0.8到0.11的10大新特性详解
GluonCV版本升级指南：从0.8到0.11的10大新特性详解 【免费下载链接】gluon-cv dmlc/gluon-cv: GluonCV 是由DMLC（Apache MXNet背后的社区）开发的一个计算机视觉库，为研究人员和工程师提供了大量预训练模型、基准测试和工具&#x…...
OpenClaw技能开发入门：基于百川2-13B-4bits制作天气查询插件
OpenClaw技能开发入门：基于百川2-13B-4bits制作天气查询插件 1. 为什么选择OpenClaw开发个人技能？ 去年冬天，我每天早上都要手动查询天气决定穿衣厚度，直到发现OpenClaw可以通过自然语言指令自动完成这类重复任务。作为一个开源…...
别光重启！Ping域名失败但nslookup能通？一个注册表键值引发的血案（附排查脚本）
当Ping域名失败但nslookup正常：深入解析Windows注册表键值缺失的连锁反应 那天凌晨三点，运维工程师李明在机房盯着屏幕，额头渗出细密的汗珠。客户的核心业务系统刚刚完成迁移，却在最后验收阶段出现诡异现象——所有服务器都能通过…...
OpenClaw+GLM-4.7-Flash：学术论文辅助写作全流程
OpenClawGLM-4.7-Flash：学术论文辅助写作全流程 1. 为什么需要AI辅助学术写作 作为一名经常需要撰写学术论文的研究者，我深刻体会到写作过程中的痛点。从海量文献中筛选关键信息、整理参考文献格式、反复修改论文结构，这些工作往往耗费大量…...
LeaguePrank：5分钟学会英雄联盟个性化美化工具终极指南 [特殊字符]
LeaguePrank：5分钟学会英雄联盟个性化美化工具终极指南 🎮 【免费下载链接】LeaguePrank 项目地址: https://gitcode.com/gh_mirrors/le/LeaguePrank 想要在英雄联盟中展示与众不同的个人形象吗？LeaguePrank 正是你需要的个性化美化工…...
论文格式不再是噩梦：Paperxie 智能排版，4000 + 高校模版一键适配知网 / 维普
paperxie-免费查重复率aigc检测/开题报告/毕业论文/智能排版/文献综述/AIPPThttps://www.paperxie.cn/format/typesettinghttps://www.paperxie.cn/format/typesetting 又到毕业季，多少本科生在论文内容写完后，倒在了格式排版这最后一关？字体…...
UNet全维度改进模型库重磅发布
突破边界，赋能工业质检：UNet全维度改进模型库重磅发布 在工业缺陷检测领域，分割精度与效率的平衡始终是技术落地的核心命题。我们倾力打造**「UNet全维度改进模型库」，以37项原创性结构创新为引擎，深度融合注意力机制…...
Cosmos-Reason1-7B保姆级教程：从NVIDIA模型下载到浏览器界面可用全流程
Cosmos-Reason1-7B保姆级教程：从NVIDIA模型下载到浏览器界面可用全流程 本文面向想要快速上手Cosmos-Reason1-7B推理工具的初学者，无需深厚技术背景，跟着步骤操作即可完成本地部署和使用。 1. 工具简介：你的本地推理助手 Cosmos-…...
HY-Motion 1.0在元宇宙中的应用：虚拟世界角色动画生成
HY-Motion 1.0在元宇宙中的应用：虚拟世界角色动画生成 1. 元宇宙里，角色为什么需要“活”起来 打开一个元宇宙应用，你看到的可能是一个精致的虚拟空间，但真正让人愿意停留的，从来不是静态的场景，而是能动…...
5种场景轻松搞定抖音视频保存 开源工具让无水印下载变简单
5种场景轻松搞定抖音视频保存 开源工具让无水印下载变简单 【免费下载链接】douyin_downloader 抖音短视频无水印下载 win编译版本下载：https://www.lanzous.com/i9za5od 项目地址: https://gitcode.com/gh_mirrors/dou/douyin_downloader 在数字内容爆炸的时…...