一、选择题（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. 请根据示例图，实现电子表网页代码。
![[极客大挑战 2019]HardSQL--详细解析](https://i-blog.csdnimg.cn/direct/3dc7bb2b27494e579987471e9e12f1d0.png)
![[高阶数据结构五] 图的遍历和最小生成树](https://i-blog.csdnimg.cn/direct/28e1c4ba545b4324bc1e6b07d1bcd3f4.png)
