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

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

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

【工具】JS解析XML并且转为json对象

【工具】JS解析XML并且转为json对象 <?xml version1.0 encodingGB2312?> <root><head><transcode>hhhhhhh</transcode></head><body><param>ccccccc</param><param>aaaaaaa</param><param>qqqq<…

如何为 ext2/ext3/ext4 文件系统的 /dev/centos/root 增加 800G 空间

如何为 ext2/ext3/ext4 文件系统的 /dev/centos/root 增加 800G 空间 一、引言二、检查当前磁盘和分区状态1. 使用 `df` 命令检查磁盘使用情况2. 使用 `lsblk` 命令查看分区结构3. 使用 `fdisk` 或 `parted` 命令查看详细的分区信息三、扩展逻辑卷(如果使用 LVM)1. 检查 LVM …

Z2400023基于Java+Servlet+jsp+mysql的酒店管理系统的设计与实现 源码 调试 文档

酒店管理系统的设计与实现 1.摘要2.主要功能3. 项目技术栈运行环境 4.系统界面截图5.源码获取 1.摘要 本文介绍了一个基于Java的酒店管理系统&#xff0c;该系统采用Servlet、JSP、JDBC以及c3p0等技术构建&#xff0c;为酒店提供了一个全面的管理平台。该系统不仅适合酒店进行…

从 Llama 1 到 3.1:Llama 模型架构演进详解

从 Llama 1 到 3.1&#xff1a;Llama 模型架构演进详解 原创 编者按&#xff1a;面对 Llama 模型家族的持续更新&#xff0c;您是否想要了解它们之间的关键区别和实际性能表现&#xff1f;本文将探讨 Llama 系列模型的架构演变&#xff0c;梳理了 Llama 模型从 1.0 到 3.1 的…

ubuntu中使用ffmpeg和nginx推http hls视频流

视频流除了rtmp、rtsp&#xff0c;还有一种是http的hls流&#xff0c;使用http协议传输hls格式的视频数据。 nginx支持推送hls视频流&#xff0c;使用的是rtmp模块&#xff0c;即rtmp流推送成功了&#xff0c;hls流也没问题。怎么推送rtmp流&#xff0c;请参考我的文章&#x…

新版布谷直播软件源码开发搭建功能更新明细

即将步入2025年也就是山东布谷科技专注直播系统开发,直播软件源码出售开发搭建等业务第9年,山东布谷科技不断更新直播软件功能&#xff0c;以适应当前新市场环境下的新要求。山东布谷科技始终秉承初心&#xff0c;做一款符合广大客户需求的直播系统软件。支持广大客户提交更多个…

RocketMQ负载均衡机制解析

消费者在消费消息的时候&#xff0c;需要知道从Broker的哪一个消息队列中去获取消息。 ❝ 所以&#xff0c;在消费者端必须要做负载均衡&#xff0c;即Broker端中多个消费队列分配给同一个消费者组中的哪些消费者消费。 在RocketMQ中&#xff0c;在消费者端有一个&#xff1a;R…

架构-微服务-环境搭建

文章目录 前言一、案例准备1. 技术选型2. 模块设计3. 微服务调用 二、创建父工程三、创建基础模块四、创建用户微服务五、创建商品微服务六、创建订单微服务 前言 ‌微服务环境搭建‌ 使用的电商项目中的商品、订单、用户为案例进行讲解。 一、案例准备 1. 技术选型 maven&a…

Microsoft Excel如何插入多行

1.打开要编辑的excel表&#xff0c;在指定位置&#xff0c;鼠标右键点击“插入”一行 2.按住shift键&#xff0c;鼠标的光标箭头会变化成如下图所示 3.一直按住shift键和鼠标左键&#xff0c;往下拖动&#xff0c;直至到插入足够的行

【K8s】专题十五(4):Kubernetes 网络之 Calico 插件安装、切换网络模式、卸载

本文内容均来自个人笔记并重新梳理&#xff0c;如有错误欢迎指正&#xff01; 如果对您有帮助&#xff0c;烦请点赞、关注、转发、订阅专栏&#xff01; 专栏订阅入口 | 精选文章 | Kubernetes | Docker | Linux | 羊毛资源 | 工具推荐 | 往期精彩文章 【Docker】&#xff08;全…

Web 端语音对话 AI 示例:使用 Whisper 和 llama.cpp 构建语音聊天机器人

大语言模型&#xff08;LLM&#xff09;为基于文本的对话提供了强大的能力。那么&#xff0c;能否进一步扩展&#xff0c;将其转化为语音对话的形式呢&#xff1f;本文将展示如何使用 Whisper 语音识别和 llama.cpp 构建一个 Web 端语音聊天机器人。 系统概览 如上图所示&…

Excel把其中一张工作表导出成一个新的文件

excel导出一张工作表 一个Excel表里有多个工作表&#xff0c;怎么才能导出一个工作表&#xff0c;让其生成新的Excel文件呢&#xff1f; 第一步&#xff1a;首先打开Excel表格&#xff0c;然后选择要导出的工作表的名字&#xff0c;比如“Sheet1”&#xff0c;把鼠标放到“She…

Django+Nginx+uwsgi网站Channels+redis+daphne多人在线聊天实现粘贴上传图片

在DjangoNginxuwsgi网站Channelsredisdaphne多人在线的基础上&#xff08;详见DjangoNginxuwsgi网站使用Channelsredisdaphne实现简单的多人在线聊天及消息存储功能-CSDN博客&#xff09;&#xff0c;实现在输入框粘贴或打开本地图片&#xff0c;上传到网站后返回图片路径&…

【Git】Git 命令参考手册

目录 Git 命令参考手册1. 创建仓库1.1 创建一个新的本地仓库1.2 克隆一个仓库1.3 克隆仓库到指定目录 2. 提交更改2.1 显示工作目录中已修改的文件&#xff0c;准备提交2.2 将文件添加到暂存区&#xff0c;准备提交2.3 将所有已修改的文件添加到暂存区&#xff0c;准备提交2.4 …

TDengine在debian安装

参考官网文档&#xff1a; 官网安装文档链接 从列表中下载获得 Deb 安装包&#xff1b; TDengine-server-3.3.4.3-Linux-x64.deb (61 M) 进入到安装包所在目录&#xff0c;执行如下的安装命令&#xff1a; sudo dpkg -i TDengine-server-<version>-Linux-x64.debNOTE 当…

linux安装mysql8.0.40

一、下载MySQL安装包 1.查看glibc版本 rpm -qa | grep glibc 2.到mysql官网下载安装包 ​ 二、解压安装 1.上传压缩包纸/usr/local 目录下&#xff0c;解压&#xff1a; tar -xvf mysql-8.0.40-linux-glibc2.17-x86_64.tar.xz 2.重命名&#xff1a; mv mysql-8.0.40-linux-…

用Pycharm安装manim

由于版本和工具的差异&#xff0c;manim的安装方式不尽相同。本文用Pycharm来安装manim. 一、准备工作&#xff1a;安装相应版本的python、pycharm和ffmpeg. 此处提供一种安装ffmpeg的方式 下载地址&#xff1a;FFmpeg 下载后&#xff0c;解压到指定目录。 配置环境变量&am…

运维面试整理总结

面试题可以参考:面试题总结 查看系统相关信息 查看系统登陆成功与失败记录 成功&#xff1a;last失败&#xff1a;lastb 查看二进制文件 hexdump查看进程端口或连接 netstat -nltp ss -nltp补充&#xff1a;pidof与lsof命令 pidof [进程名] #根据 进程名 查询进程id ls…

Kubernetes 之 Ingress 和 Service 的异同点

1. 概念与作用 1.1 Ingress Ingress 是什么&#xff1f; Ingress主要负责七层负载&#xff0c;将外部 HTTP/HTTPS 请求路由到集群内部的服务。它可以基于域名和路径定义规则&#xff0c;从而将外部请求分配到不同的服务。 ingress作用 提供 基于 HTTP/HTTPS 的路由。 支持 …

初识 Django

声明 适用于想要快速入门的开发者&#xff0c;有前后端开发以及语言基础&#xff0c;想要学习语法或者特性。 想要学会快速开发&#xff0c;快速入门&#xff0c;请看博客【实用向】Django 框架入门并结合本篇文章。 命令 命令描述startproject创建一个 Django 项目startapp…