HTML5期末考试题型知识讲解.

《HTML5期末考试题型知识讲解.》由会员分享，可在线阅读，更多相关《HTML5期末考试题型知识讲解.（15页珍藏版）》请在金锄头文库上搜索。

1、作业 一 单项选项题 1 以下哪个标记用来建立一个有序列表 C A B C D 2 在HTML5 中 哪个元素用于组合标题元素 D A B C D 3 HTML5 中不再支持下面哪个元素 D PPT查看其他不再支持元素 A B C D 4 新的HTML5 全局属性 contenteditable 用于 B A 规定元素的上下文菜单 该菜单会在用户点击右键点击元素时出现 B 规定元素内容是否是可编辑的 C 从服务器升级内容 D 返回内容在字符串中首次出现的位置 5 HTML5 新增一种非常重要的功能是可以在客户端本地存数据的Web Storage 功能 其中 A 持久化本地存储 类似于Cooki

2、e 但没有有效期 除非主动删除数据 A localStorage B SessionStorage 数据只有在同一个会话中的页面才能访问并且当会话结束后数据 也随之销毁 非持久化 C WebSQL D 创建可拖动的元素 6 在HTML5 中 哪个属性用于规定输入字段是必填的 A A required B formvalidate C validate D placeholder 7 哪种输入类型定义滑块控件 D A search B controls C slider D range 8 cxt arc 100 100 100 0 Math PI 2 true Canvas绘制圆形的arc 方

3、法中 参数说明 正确的是 D A 圆半径 圆心X 坐标 圆心Y坐标 开始角度 结束角度 是否顺时针 trun 逆时 针 B 圆心 Y坐标 圆心X坐标 圆半径 开始角度 结束角度 是否顺时针 C 圆心 X坐标 圆心Y坐标 圆半径 开始角度 结束角度 是否顺时针 D 圆心 X坐标 圆心Y坐标 圆半径 开始角度 结束角度 是否逆时针 9 读取 localStorage数据的方法是 B A localStorage getItem 键值 B localStorage getItem 键名 C localStorage loadItem 键值 D localStorage loadItem 键名 10

4、在一个 标记中决定图片文件位置的是哪个属性 C A alt B title C src D href 11 Canvas 用于填充颜色的属性是 A A fillStyle 填充色 B fillRect C lineWidth 线条宽度 D strokeRect 12 不是 HTML5 特有的存储类型是 B A localStorage B Cookie C Application Cache 应用缓存 D sessionStorage 二 填空题 1 在 标签中将type属性设置为 radio 即可定义单选按钮 查看关于 INPUT标记的属性 2 为了使元素可拖动 把 draggable 属性

5、设置为true 3 在拖放过程 开始拖动元素会触发 dragstar 事件 松开鼠标时会触发 drop 事件 元素拖动 4 在 CSS3中 可以使用 border raidus 属性实现圆角效果 盒子阴影透明度 等新增的 5 如下图为一个border为 1px 的 div 块 总宽度为300px 包括border 阴影区为 padding left 50px左侧内边距 那么此div 的 width 应设置为 248 px 6 在 CSS3中可以使用 transitaion 属性和其他CSS属性 颜色 宽高 变形 位置等 配合实现动画效果 三 简答题 1 写出标准的html5 页面结构 无标题文

6、档 网页内容 2 分别写出 HTML5新增的语义标签及作用 答 元素名作用 section 表示页面中的一个内容区块 比如章节 页眉 页脚或页面中的其他部分 它可以与h1 h2 素结合起来使用标记文档结构 article 表示页面中的一块与上下文不相关的独立内容 例如博客中的一篇文章 aside 表示 article元素内容之外的 与article元素内容相关的辅助信息 header 表示页面中一个内容区块或整个页面的标题 hgroup 用于整个页面或页面中一个内容区块的标题进行组合 footer 表示整个页面或页面中一个内容区块的脚注 一般来说 它会包含创作者的姓名 创建日期及 nav 表示

7、页面中导航链接的部分 figure 表示一段独立的流内容 一般表示文档主体流内容中的一个独立单元 使用 figcaption元素为 题 标记定义音频内容 标记定义图片 标记定义一个命令按钮 标记定义一个下拉列表 标记定义一个元素的详细内容 标记定义一个对话框 会话框 标记定义外部的可交互的内容或插件 标记定义表单里一个生成的键值 标记定义有标记的文本 标记定义 measurement within apredefined range 标记定义一些输出类型 标记定义任务的过程 标记是用在Ruby annotations 告诉那些不支持 Ruby 元素的浏览器如何去显示 标记定义对rubyanno

8、tations的解释 标记定义 ruby annotations 标记定义一个区域 标记定义媒体资源 标记定义一个日期 时间 标记定义一个视频 3 简述 标记中 method 和 action属性的作用 答 method 属性作用是将表单数据从客户端传送到服务器的方法 分别 为 post 和 get 方法 post 方法比较安全和常用 action属性作用是指定处 理表单的服务端程序 可以是程序或脚本的一个完整URL 4 HTML5 中新增了类型的新表单元素 作用分别是什么 答 类型 作用 text 设置单行文本框元素 email 表示当前input标签接受一个邮箱的输入 tel 接受电话输入

9、 url 只接受输入网址 nunber 表示当前标签只接受数字类型输入 rang 设置滑块控件元素 clolr 颜色选择 date 日期选择器类型 password 设置密码元素 file 设置文件元素 hidden 设置隐藏元素 不会被浏览者看到 用于在不同页面中传递域中所设定的值 radio 设置单选框元素 checkbox 设置复选框元素 button 设置普通按钮元素 submit 设置提交按钮元素 reset 设置重置按钮元素 Image 设置图像域 图像按钮 元素 5 写出 HTML5 表单中新增的属性及其作用 答 属性 作用 min 和 max HTML5新增加的属性 表示当前输

10、入框输入的最小和最大值 step HTML5 新增加的属性 是步长的意思 也就是在点击增大或者减小的时候的增 加或减少的步长 placeholder 提示信息 autocomplete form 或 input域是否拥有自动完成功能 值为on 和 off 适用于以 下 类 型 的 标 签 text search url telephone email password datepickers range 以及 color autofocus 页面加载时 域自动地获得焦点 适用所有 标签的类型 max min step 适用以下类型的 标签 date pickers number 以及 rang

11、e placeholder 提示信息属性 multiple 输入域中可选择多个值 用于文件上传控件 设置此属性后 允许上传多个 文件 适用于以下类型的 标签 email 和 file required 当前文本框在提交前必须有数据输入 适用于以下类型的 标签 text search url telephone email password date pickers number checkbox radio 以及 file pattern 规定用于验证输入字段的模式 pattern 属性适用于以下类型的 标 签 text search url telephone email 以及 passwo

12、rd 6 Canvas 中画圆形 画矩形边框 画位图分别用什么方法 答 arc stokeRect drawImage 7 什么是拖放 答 拖放可以分为两个动作 即拖拽 drag 和放开 drop 拖拽 drag 移动鼠标到指定对象 按下左键 然后拖动 放开 drop 放开鼠标左键 放下对象 8 行内样式表 内部样式表和外部样式表分别在HTML页面的什么位置引用 如何引用 答 在 HTML文档中应用CSS 有三种样式表 分别是 行内样式表 内部样式表和外部 样式表 其中最常用的是内部样式表和外部样式表 1 内部样式表 在网页中可以使用style元素定义一个内部样式表 指定该网页内元素的 CSS

13、样式 内部样式一般添加到头部 在style元素中通常可以使用type 属性定义内 容的类型 一般取值 text css 格式如下 2 外部样式表 含义 在 HTML文档中可以使用 元素引用外部样式表 元素的属性有 href 指定被链接文档 样式表文件 的位置 hreflang 指定在被链接文档中的文本的 语言 rel 指定当前文档与被链接文档之间的关系 stylesheet 指向要导入的样式表 的URL media 指定被链接文档将被显示在什么设备上 all 默认值 适用于所有 设备 type 指定被链接文档的MIME 类型 外部样式表种类 一种是layout css文件专门是布局用的样式 另

14、一种是添加外部内容的 样式一般命名为style css 添加外部样式表有多种方法 本实验介绍用到的其中一种方法 第一步 选择菜单 栏中的文件功能 选择新建CSS 命名 layout css 第二步 选择菜单栏中的格式功能 css 样式 添加附加 css 样式表 在弹出的链接外部样式表窗口中添加外部样式文件URL路 径 layout css 点击确定 在本次实验的注册页面就是采用外部样式表进行CSS样式设 计 格式如下 添加外部内容的样式一般命名为style css 操作方法同上 格式如下 3 行内样式表 在HTML元素中使用style属性可以指定该元素的CSS样式 这种应用称 为行内样式表 直

15、接在 body 标签中添加 如 网页的背景为蓝色 9 CSS中的 padding margin 和 float各表示什么属性中英文背 答 分别表示 内填充 外边距 浮动 10 简单描述一下什么是css 盒子模型 答 CSS给 HTML元素都赋予了内容 content 内填充 padding 边框 border 和 外边距 margin 属性 这些属性形成CSS盒模型 整个盒模型在页面中所占的 宽度是由左边界 左边框 左填充 内容 右填充 右边框 右边界组成 11 简述 CSS3有哪些新特性 HSL颜色表现方法 1 八大属性 圆角效果 border radius 多彩边框 阴影 box shad

16、ow 背景图片尺寸 background size 多列 column count 嵌入字体 font face 透明度 opacity HSL和 HSLA颜色表现方法 2 四大类 关系选择器 伪类选择器 属性选择器 伪元素选择器 关系选择器 选择符名称版本简介 E F 包含选择符CSS1 选择所有被E元素包含的F 元素 E F 分组选择器CSS1 就可以把这几个相同设定的选择器合并在一起 中间用逗号隔 开 E F 子选择符CSS2 选择所有作为E元素的子元素F E F 相邻选择符CSS2 选择紧贴在E元素之后F元素 E F 兄弟选择符CSS3 选择 E元素所有兄弟元素F 伪类选择器 a 结构性伪类选择器 b UI 元素状态伪类选择器 属性选择器 伪元素选择器 3 CSS添加 了 三 个 动 画 效 果 属 性 trans form taansition animation transform字面上就是变形 改变的意思 在CSS3中 transform主要 包括以下几种 旋转rotate 扭曲 skew 缩放 scale 和移动 translate以 及矩阵变形matrix Anima