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. 请根据示例图,实现电子表网页代码。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/480408.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

华为开源操作系统openEuler安装部署

本文主要描述华为开源操作系统openEuler的安装部署。openEuler是面向数字基础设施的开源操作系统&#xff0c;是由开放原子开源基金会&#xff08;OpenAtom Foundation&#xff09;孵化及运营的开源项目&#xff0c;其愿景是为世界提供数字基础设施的开源操作系统&#xff0c;其…

分布式搜索引擎之elasticsearch单机部署与测试

分布式搜索引擎之elasticsearch单机部署与测试 1.部署单点es 1.1.创建网络 因为我们还需要部署kibana容器&#xff0c;因此需要让es和kibana容器互联。这里先创建一个网络&#xff1a; docker network create es-net1.2.加载镜像 这里我们采用elasticsearch的7.12.1版本的…

渣土车治理新方案:智能化引领安全与环保新时代

一、渣土车问题现状 1. 盲区众多隐患大&#xff0c;事故频发令人忧。 渣土车盲区多&#xff0c;易引发交通事故&#xff0c;给行人和其他车辆带来严重安全威胁。由于渣土车体积庞大&#xff0c;实际的视觉盲区范围包括半盲区为左车门 1.2 米、右前方 1.5 米、正前方 1.2 米&am…

Vue3+node.js实现登录

文章目录 前端代码实现后端代码实现跨域处理 前端代码实现 效果图 前端代码实现 <template><div class"login-container"><el-card class"login-card"><template #header><div class"card-header"><span>…

jenkins 2.346.1最后一个支持java8的版本搭建

1.jenkins下载 下载地址&#xff1a;Index of /war-stable/2.346.1 2.部署 创建目标文件夹&#xff0c;移动到指定位置 创建一个启动脚本&#xff0c;deploy.sh #!/bin/bash set -eDATE$(date %Y%m%d%H%M) # 基础路径 BASE_PATH/opt/projects/jenkins # 服务名称。同时约定部…

Windows10+VirtualBox+Ubuntu:安装虚拟机VirtualBox,虚拟机中安装Ubuntu

一、需求 在Windows10系统中&#xff0c;安装虚拟机VirtualBox&#xff0c;VirtualBox中安装Ubuntu桌面版。 二、环境准备 系统环境 Windows10 内存&#xff1a;8G 虚拟化 虚拟机的运行&#xff0c;如果需要Windows系统开启虚拟化&#xff0c;可以通过BIOS设置。 “虚拟…

pcb元器件选型与焊接测试时的一些个人经验

元件选型 在嘉立创生成bom表&#xff0c;对照bom表买 1、买电容时有50V或者100V是它的耐压值&#xff0c;注意耐压值 2、在买1117等降压芯片时注意它降压后的固定输出&#xff0c;有那种可调降压比如如下&#xff0c;别买错了 贴片元件焊接 我建议先薄薄的在引脚上涂上锡膏…

【漏洞复现】|百易云资产管理运营系统/mobilefront/c/2.php前台文件上传

漏洞描述 湖南众合百易信息技术有限公司&#xff08;简称&#xff1a;百易云&#xff09;成立于2017年是一家专注于不动产领域数字化研发及服务的国家高新技术企业&#xff0c;公司拥有不动产领域的数字化全面解决方案、覆盖住宅、写字楼、商业中心、专业市场、产业园区、公建、…

重学 Android 自定义 View 系列(八):星星评分控件(RatingBar)

前言 本节实现一个常见的星星评分控件&#xff0c;广泛应用于各种评价类应用中&#xff0c;比如电影评分、商品评价等。难度不大&#xff0c;直接开搂&#xff01; 最终效果如下&#xff1a; 1. 效果分析 显示若干颗星星&#xff08;默认为5颗&#xff0c;可根据属性配置&a…

【力扣热题100】—— Day3.相交链表

被你改变的那部分我&#xff0c;代替你&#xff0c;永远与我站在一起 —— 24.11.28 160. 相交链表 给你两个单链表的头节点 headA 和 headB &#xff0c;请你找出并返回两个单链表相交的起始节点。如果两个链表不存在相交节点&#xff0c;返回 null 。 图示两个链表在节点 c1 …

SpringBoot实战(三十二)集成 ofdrw,实现 PDF 和 OFD 的转换、SM2 签署OFD

目录 一、OFD 简介1.1 什么是 OFD&#xff1f;1.2 什么是 版式文档&#xff1f;1.3 为什么要用 OFD 而不是PDF&#xff1f; 二、ofdrw 简介2.1 定义2.2 Maven 依赖2.3 ofdrw 的 13 个模块 三、PDF/文本/图片 转 OFD&#xff08;ofdrw-conterver&#xff09;3.1 介绍&#xff1a…

cesium 3Dtiles变量

原本有一个变亮的属性luminanceAtZenith&#xff0c;但是新版本的cesium没有这个属性了。于是 let lightColor 3.0result._customShader new this.ffCesium.Cesium.CustomShader({fragmentShaderText:void fragmentMain(FragmentInput fsInput, inout czm_modelMaterial mate…

Java 语言的起源发展与基本概念(JDK,JRE,JVM)

Java语言的起源 源起 Java语言最初是由Sun Microsystems公司&#xff08;该公司于2009年被Oracle公司收购&#xff09;开发的一种编程语言。其创造者是詹姆斯高斯林&#xff08;James Gosling&#xff09;&#xff0c;他是一位加拿大计算机科学家。其前身名为Oak&#xff08;橡…

Mac安装及合规无限使用Beyond Compare

文章目录 Beyond CompareBeyond Compare简介Beyond Compare安装Beyond Compare到期后继续免费使用 Beyond Compare Beyond Compare简介 Beyond Compare 是一款由 Scooter Software 开发的文件和文件夹比较工具。它主要用于对比两个文件或文件夹之间的差异&#xff0c;并支持文…

使用 Spring AI + Elasticsearch 让 RAG 变得简单

作者&#xff1a;来自 Elastic Laura Trotta 使用私人数据定制你的人工智能聊天机器人体验。 Spring AI 最近将 Elasticsearch 添加为向量存储&#xff0c;Elastic 团队为其提供了优化。我们很高兴展示使用 Spring AI 和 Elasticsearch 向量数据库&#xff08;vector database&…

C语言:深入理解指针

一.内存和地址 我们知道计算机上CPU&#xff08;中央处理器&#xff09;在处理数据的时候&#xff0c;需要的数据是在内存中读取的&#xff0c;处理后的数据也会放回内存中&#xff0c;那我们买电脑的时候&#xff0c;电脑上内存是 8GB/16GB/32GB 等&#xff0c;那这些内存空间…

Spring Boot整合EasyExcel

文章目录 EasyExcel简介Spring Boot整合EasyExcel一、单sheet写操作二、多sheet写数据三、读操作 EasyExcel简介 1、EasyExcel 是一个基于 Java 的简单、省内存的读写 Excel 的开源项目。在尽可能节约内存的情况下支持读写百 M 的 Excel&#xff08;没有一次性将数据读取到内存…

Windsurf可以上传图片开发UI了

背景 曾经羡慕Cursor的“画图”开发功能&#xff0c;这不Windsurf安排上了。 Upload Images to Cascade Cascade now supports uploading images on premium models Ask Cascade to build or tweak UI from on image upload New keybindings Keybindings to navigate betwe…

Linux中使用ping提示“未知的名称或服务”

Linux中使用ping提示“未知的名称或服务” 问题&#xff1a;在linux系统中使用ping、telnet命令提示“未知的名称或服务”或 bad address。以centos系统为例&#xff1a; 问题原因&#xff1a; 1、未安装ping服务 2、操作系统未设置DNS&#xff08;尝试ping IP地址&#xff0…

【C++】深入解析 using namespace std 语句

博客主页&#xff1a; [小ᶻ☡꙳ᵃⁱᵍᶜ꙳] 本文专栏: C 文章目录 &#x1f4af;前言&#x1f4af;什么是 std&#xff1f;&#x1f4af;using namespace std; 的作用&#x1f4af;为什么需要 std 命名空间&#xff1f;&#x1f4af;using namespace std; 的优缺点优点缺点…