当前位置：文档之家 › HTML5期末考试题型知识讲解

HTML5期末考试题型知识讲解

  • 格式：doc
  • 大小：225.00 KB
  • 文档页数：16

下载文档原格式

  / 16

合集下载

html期末试题及答案

html期末试题及答案

html期末试题及答案1. 试题题目一：HTML是什么？请简要描述其作用和特点。

题目二：HTML中的标签分为哪几类？请分别列举每类标签，并简要描述其作用。

题目三：请简要介绍HTML中常用的表单元素，并说明其作用。

题目四：HTML中的超链接是什么？请说明超链接的作用和常用属性。

2. 答案HTML是一种标记语言，用于创建和组织网页的内容。

其主要作用是描述和定义网页的结构和内容，使得浏览器能够正确地显示和解析网页。

HTML具有以下特点：- 简单易学：HTML使用简单的标记语法，易于理解和学习。

- 可扩展性：HTML可以通过添加自定义标签和属性来扩展其功能和表现形式。

- 跨平台性：HTML可以在不同的操作系统和设备上进行展示和访问，具有良好的跨平台兼容性。

- 结构化：HTML以层次结构的形式组织网页内容，使得内容更加清晰可读。

- 兼容性：大多数浏览器都支持HTML，并提供了相应的解析引擎，以确保网页在不同的浏览器上能够正确显示。

题目二答案：- 块级元素：用于组织和定义网页的结构，通常以独占一行的方式显示。

常见的块级元素有<div>、<h1>~<h6>、<p>等。

- 行内元素：用于标记网页文本或包裹其他行内元素，一般不独占一行，可以与其他文本和元素同行显示。

常见的行内元素有<a>、<span>、<strong>等。

- 行内块级元素：具有行内元素的特点，但可以设置宽高和对齐等样式属性。

常见的行内块级元素有<img>、<input>、<button>等。

题目三答案：- 文本输入框（<input type="text">）：用于接收用户输入的文本信息。

- 单选按钮（<input type="radio">）：用于从多个选项中选择单个选项。

html5,答题模板

html5,答题模板

html5,答题模板
竭诚为您提供优质文档/双击可除html5,答题模板
篇一：html5标签大全详细讲解
篇二：html5程序设计基础教程(练习题参考答案)
第1章html5概述
一、选择题
1．a2．d3．c4．c
二、填空题
1．hypertextmarkuplanguage
2．
3．html
4．utF-8
5．
6．contextmenu
7．async
8．
9．geolocationapi
10．webworkers
三、简答题
1．答：
标签用于定义文档中的区段。

标签用于定义文档的页眉（介绍信息）。

标签用于定义区段（section）或文档的页脚。

通常，
该元素包含作者的姓名、文档的创作日期或者联系方式等信息。

标签用于定义导航链接。

标签用于定义文章或网页中的主要内容。

标签用于定义主要内容之外的其他内容。

标签用于定义独立的流内容（图像、图表、照片、代码等等）。

2．答：
标签用于定义带有记号的文本。

标签用于定义公历的时间（24小时制）或日期，时间和时区。

标签用于定义度量衡。

标签用于定义定义一个进度条。

3．答：
在html5中可以通过下面的方法进行绘图：
使用canvasapi动态地绘制各种效果精美的图形；
绘制可伸缩矢量图形（sVg）。

4．答：
html5新增的与数据存储和数据处理相关的新功能如下：。

html5期末考试题及答案

html5期末考试题及答案

html5期末考试题及答案HTML5期末考试题及答案一、选择题（每题2分，共20分）1. HTML5中用于定义文档类型声明的标签是：A. `<!DOCTYPE html>`B. `<html>`C. `<head>`D. `<body>`答案：A2. 以下哪个标签用于定义HTML5文档的头部？A. `<head>`B. `<body>`C. `<footer>`D. `<header>`答案：A3. HTML5中用于添加音频内容的标签是：A. `<audio>`B. `<sound>`C. `<music>`D. `<mp3>`答案：A4. 以下哪个属性用于设置HTML5中图像的来源？A. `src`B. `href`C. `alt`D. `title`答案：A5. HTML5中，以下哪个标签用于定义一个导航链接的列表？A. `<nav>`B. `<ul>`C. `<ol>`D. `<menu>`答案：A6. HTML5中，以下哪个标签用于定义一个侧边栏？A. `<aside>`B. `<footer>`C. `<sidebar>`D. `<section>`答案：A7. HTML5中，以下哪个标签用于定义一个表单？A. `<form>`B. `<applet>`C. `<embed>`D. `<object>`答案：A8. HTML5中，以下哪个标签用于定义一个按钮？A. `<button>`B. `<submit>`C. `<reset>`D. `<input type="button">`答案：A9. HTML5中，以下哪个属性用于设置表单元素的名称？A. `name`B. `id`C. `class`D. `value`答案：A10. HTML5中，以下哪个标签用于定义一个表格？A. `<table>`B. `<grid>`C. `<matrix>`D. `<tbody>`答案：A二、填空题（每空2分，共20分）1. HTML5中，`<canvas>` 标签用于______。

HTML5考试复习资料

HTML5考试复习资料

单选1.selection对象的哪个方法直接将用户选取的终点移到起点：DA.selection.collapse();B.selection.containsNode();C.selection.collapseToEnd();D.selection.collapseToStart();2.从当前selection移除range对象使用的方法是：CA.addRange(range);B.removeAllRanges()C.removeRange(range);D.getRangeAt(index);3.创建一个selection对象用的是哪个方法：C();();4.删除内容用的是哪个方法：CA.cloneRange();B.createRange();C.deleteContents();D.toString();5.创建Range用的是哪个方法：BA.cloneRange();B.document.createRange();C.deleteContents();D.toString();6.Canvas图形，需要在正中间的位置填充线性渐变色，使用addColorStop(X,"#0000ff"); 其中X的值是多少？CA. 50%B. 1/2C. 0.5D. 507.cxt.arc(100,100,100,0,Math.PI*2,true) Canvas绘制圆形的arc方法中，参数说明正确的是：CA.圆半径，圆心X坐标，圆心Y坐标，开始角度，结束角度，是否顺时针B.圆心Y坐标，圆心X坐标，圆半径，开始角度，结束角度，是否顺时针C.圆心X坐标，圆心Y坐标，圆半径，开始角度，结束角度，是否顺时针D.圆心X坐标，圆心Y坐标，圆半径，开始角度，结束角度，是否逆时针8.Canvas绘制线条时用下面哪个方法设置起点坐标：A9.Canvas用于填充颜色的属性是：A10.创建Canvas画布使用的方法是：CA.getContext("3d");B.document.Context("3d");C.getContext("2d");D.document.Context("2d");11.window.history.forward()它表示CA.前进到下一个页面B.返回到上一个页面C.刷新到下一个页面D.刷新到当前页面12.本地存储用到的键名只能是：AA.唯一的B.多样性的C.可变得D.无所谓13.读取localStorage数据的方法是：BA.localStorage.getItem("键值");B.localStorage.getItem("键名");C.localStorage.loadItem("键值");D.localStorage.loadItem("键名");14.读取sessionStorage数据的方法是：BA.sessionStorage.getItem("键值");B.sessionStorage.getItem("键名");C.sessionStorage.loadItem("键值");D.sessionStorage.loadItem("键名");15.sessionStorage保存数据的方法正确的是：AA.sessionStorage.setItem("键名","键值");B.sessionStorage.saveItem("键名","键值");C.sessionStorage.setItem("键值","键名");D.sessionStorage.saveItem("键值","键名");16.编写manifest文件中的注释是BA.以//开头的单行注释B.以#开头的单行注释C.以<!-- -->的多行注释D.以/* */的多行注释17.编写manifest文件分为几个部分：DA. 1B. 2C. 3D. 418.配置manifest文件，IIS的配置方法是在属性的头标签中找到MIME类型添加关联扩展名manifest内容类型输入（）BA.text/manifestB.text/cache-manifestC.text/manifest-cacheD.text/local-manifest19.离线应用中，manifest文件放在网页文件的哪个标记后面AA. BodyB. HtmlC. DivD. head20.离线应用中，manifest文件放在网页文件的哪个标记后面AA. BodyB. HtmlC. DivD. head21.Blob对象中的type属性表示文件的：DA. 文件名B. 文件大小C. 图片格式D. MIME类型22.FileReader对象使用（）方法把图片显示出来：CA. readAsBinaryStringB. readAsTextC. readAsDateURLD. readAsArrayBuffer23.当使用Google图像搜索时，你可以把一幅图片从电脑桌面拖放到Google页面的输入框里，这就是使用HTML5的（）API实现的。

《WEB前端HTML5》题库doc

《WEB前端HTML5》题库doc

试题库单位：移动软件学院专业方向：Html科目：Web前端HTML5课程命题老师：教研室负责人：题型：一填空题、二单选题、三多选题、四判断题、五名词解释题、六辨题、七简单题、八论述题、九材料分析题（九类题型在本课程题库中都要涉及到）第一单元 (1)第二单元 (2)第三单元 (7)第四单元 (9)第五单元 (12)第六单元 (17)第七单元 (18)第八单元 (20)第九单元 (24)第十单元 (26)第十一单元 (31)第十二单元 (32)第十三单元 (32)第十四、十五单元 (33)第十六单元 (33)第十七单元 (35)第十八单元 (37)第十九单元 (39)（注：单元试题围绕核心知识点（S+K）选择出题题型；按照难易程度标▲）第一单元第二单元第三单元第四单元第五单元第六单元模板第七单元--TODO第八单元第九单元--TODO3第十单元27 display属性是用来控制网页元素的__显示_____和___隐藏____ 一▲第 3节课内容知识点28 display属性显示为块级元素的属性值为__block_____,显示为内联元素的属性值为___inline___ 一▲第 3节课内容知识点29 写出行内元素与块级元素的相互转化：答案：display：inline-block行内-块级：display:block块级-行内：display:inline 七▲第 3节课内容知识点30 理解盒子模型及其构成答案：每个盒子都包括：内容(content)、填充(padding)、边框(border)、边界(margin)四个属性，每个属性都包括四个部分：上、右、下、左；五▲第 1节课内容知识点31 盒子模型总尺寸的计算答案：盒子模型总尺寸=border-width+padding+margin+内容宽度五▲第 2节课内容知识点32 内联标签可以包含于块级标签中，成为它的子元素，而反过来则不成立（对）四▲第 3节课内容知识点第十一单元第十二单元--TODO6第十三单元第十四、十五单元项目第十六单元第十七单元第十八单元第十九单元。

1、开放大学2023年期末考试HTML5开发基础与应用 试题(闭卷)及答案

1、开放大学2023年期末考试HTML5开发基础与应用 试题(闭卷)及答案

开放大学2023学年度第一学期期末考试HTML5开发基础与应用试题（闭卷）一、单项选择（共10题，每题4分，总分40分）1. formenctype 重写表单的( ) 属性A.actionB.enctypeC.methodD.novalidate2.下列说法中，正确的是: ( )。

A.当一个元素设置了display:flex，那么:fit-letter伪元素是不会生效的B.firstletter伪元素对于块级标记是不会生效的C.first-letter用于设置元素的任何元素的第-一个字符D.firit-letter兼容主流浏览器3. ( )验证Input输入域的格式，即正则表达式A.novalidateB.autofocusC.patternD.wrap4.对于last-child说法正确的是( )A.设置父元素中的最后一个子元素样式B.选择元素中的是子元素，而不是后代元素C.设置父元素中的第-一个子元素样式D.无5.下列描述中，可以把一个盒子设置成半圆型的是: ( )。

A.border-radius:100% 100% 0 0B.border-radius: 0 100% 100% 0C.border-radius: 100% 0 0 100%D.border-radius: 100% 100% 100% 06.被用来指定当元素西湖雨只读状态时的样式的伪类选择器是( )A.out-of-rangeB.in-rangeC.read-onlyD.read-write7.假如一个元素的线性渐变，设置的角度是odeg,下列和哪个关键词的效果类似( )。

A.to topB.to bottomC.to leftD.to right8. ( )表示的最低点。

A.minB.maxC.lowD.heigh9. .结构元素只是为了表示()，要用div及替他的常用标签表示内容( )A.结构B.内容C.主题D.风格10.使用场景是安装软件或下载的完成进度的是( )A.<mark>B.<progress>C.<meter>D.<figure>二、多选题（共10题，每题4分，总分40分）1.下列说法中，错误的是( )A.background-position的原点必须在左上角B.background-position的值可以是关键字C.background-position的值可以是百分比D.background-positio的值可以是像素值2.可以支持enabld的浏览器包括( )A.ieB.FirefoxC.OperaD.Chrome3.可以支持form的浏览器不包括( )A.IEB.FirefoxC.OperaD.Chrome4. n的类型包括( )A.数字B.公式C.关键字D.字母5.下列选项中，渐变的关键词格式正确的有( )A.to topB.to top,leftC.to top leftD.left top6. autocomplete 的值有( )A.onB.offC.''D.true7.下列说法中，正确的是: ( )A:before添加的元素可以指定大小B:before是CSS中，新增加的伪元素C:after和::before的作用类似，只是添加内容的位置不同D:before只可以在元素的前面添加字符8.关于CSS3说法正确的是( )A.是Css升级版本.B.朝模块化发展C.W3C仍然在对CSS3规范进行开发D.CSS3完全向后兼容9. text-overflow 需要配合哪个属性使用( )A.overflowB.white-spaceC.displayD.text-indent10. background 可以设置对象的哪些属性( )A.背景颜色B.背景图片C.背景位置D.以上都不可以三、判断题（共5题，每题4分，总分20分）1.当一个容器需要被直接定义样式或通过脚本定义行为时，推荐使用section元素。

2022年下学期期末考试题库——HTML5响应式网页设计

2022年下学期期末考试题库——HTML5响应式网页设计第1题【单选题】【2.00分】【概念理解】关于块级元素描述错误的是（）[单选题] *A.块级元素独占一行，在默认情况下，宽度自动填满父元素宽度B.块级元素宽度和高度可以控制C.块级元素的margin和padding横向设置有效，纵向设置不产生边距效果(正确答案)D.块级元素可以通过display: inline; 转换为行内元素第2题【单选题】【2.00分】【概念理解】样式表定义.outer{background-color:yellow;} 表示（） [单选题] *A.网页中某一个id为outer的元素的背景色是黄色的B.网页中含有class="outer"的元素的背景色是黄色的(正确答案)C.网页中元素名为outer元素的背景色是黄色的D.以上任意一个都可以第3题【单选题】【2.00分】【概念理解】在HTML网页中，若需要实现导航菜单，可使用以下（）块状结构来布局。

[单选题] *A.div-ul-li(正确答案)B.div-dl-dt-ddC.div-table-tr-tdD.div-form-table-tr-td第4题【单选题】【2.00分】【概念理解】在HTML网页中，若需要实现图文混编的效果，可使用以下（）块状结构来布局。

[单选题] *A.div-ul-liB.div-dl-dt-dd(正确答案)C.div-table-tr-tdD.div-form-table-tr-td第5题【单选题】【2.00分】【特性分析】CSS3中关于渐变的说法错误的是（）[单选题] *A.CSS3径向渐变是圆形或椭圆形渐变B.径向渐变颜色不再沿着一条直线轴变化，而是从一个起点朝所有方向混合C.渐变中angle角度是指水平线和渐变线之间的角度，按顺时针方向计算(正确答案)D.CSS3定义了两种类型的渐变:线性渐变和径向渐变第6题【单选题】【2.00分】【概念理解】在HTML5中，有关关键帧属性的描述，错误的是（） [单选题] *A.animation-delay:指定动画开始之前的延迟时间B.animation-direction:指定动画循环播放的时间是否反向播放过渡的持续时间C.animation-name:指定动画名称D.animation-duration:指定动画循环播放的时间是否反向播放过渡的持续时间(正确答案)第7题【单选题】【2.00分】【概念理解】对于样式规则background:linear-gradient(to right,red 50%,green 50%);错误的是（） [单选题] *A.背景是线性渐变B.线性渐变的颜色从红色过渡到绿色C.红色和绿色之间没有过渡(正确答案)D.红色和绿色各占50%第8题【单选题】【2.00分】【概念理解】在HTML5中，关于dl-dt-dd的描述，错误的是（） [单选题] *A.dt和dd放于dl标签内B.dd标签不可以出现多次(正确答案)C.dt不能放入dd内，dd不能放入dt内D.标签dt与dd处于dl下相同级第9题【单选题】【2.00分】【概念理解】设置文本阴影的是哪个属性（）[单选题] *A.border-shadowB.box-shadowC.text-shadow(正确答案)D.以上都不对第10题【单选题】【2.00分】【概念理解】对于样式规则transition:all 3s ease-in0.5s;描述错误的是（） [单选题] *A.3s表示过渡持续时间B.,0.5s指的是延迟时间C.,0.5s指的是过渡持续时间(正确答案)D.all表示全部属性第11题【单选题】【2.00分】【概念理解】CSS3中flex-wrap属性的默认值是（）[单选题] *A.NOWRAP(正确答案)B.noneC.warpD.wrap-reverse第12题【单选题】【2.00分】【概念理解】设置边框阴影的是哪个属性（）[单选题] *A.border-shadowB.box-shadow(正确答案)C.text-shadowD.以上都不对第13题【单选题】【2.00分】【概念理解】对于border-image的理解，说法错误的是（） [单选题] *A.border-image是css3的新特性B.border-image需要指定素材的路径C.border-image用来用素材图片填充边框D.背景图填充方式的默认值是repeat(正确答案)第14题【单选题】【2.00分】【概念理解】对于样式规则border-radius:10px20px ;理解正确的是（） [单选题] *A.左上和左下角度都是10px,右上和右下角度都是20pxB.左上和右下角度都是10px,右上和左下角度都是20px(正确答案)C.左上和右上角度都是10px,右下和左下角度都是20pxD.左上和右下角度都是20px,右上和左下角度都是10px第15题【单选题】【2.00分】【概念理解】下列关于视口的属性描述错误的是（）[单选题] *A.width:设置layout viewport的宽度只能是一个正整数(正确答案)B.height:设置layout viewport的高度为一个正整数或字符串“height-device”er-scalable:是否允许用户进行缩放，值为“no”或“yes”。

HTML5简答题Word版

1.什么是HTML5?万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言（HTML）的第五次重大修改2.简述你对CSS盒子模型的理解CSS盒子模型就是在网页设计中经常用到的CSS技术所使用的一种思维模型。

网页设计中常听的属性名：内容(content)、填充(padding)、边框(border)、边界(margin)，CSS 盒子模式都具备这些属性。

3.html5本地存储的概念本地存储，跟会话存储一样同属于web的数据存储，是把网页上的某些数据按照键值对的方式存放在浏览器里面一个域最多可以存5M数据不分管离线还是在线这些被存的数据都会一直在浏览器里面除非手动清除数据4.Canvas和SVG图形的区别是什么？区别一：svg绘制出来的每一个图形的元素都是独立的DOM节点，能够方便的绑定事件或用来修改。

canvas输出的是一整幅画布；区别二：svg输出的图形是矢量图形，后期可以修改参数来自由放大缩小，不会是真和锯齿。

而canvas 输出标量画布，就像一张图片一样，放大会失真或者锯齿。

Canvas依赖分辨率不支持事件处理器弱的文本渲染能力能够以 .png 或 .jpg 格式保存结果图像最适合图像密集型的游戏，其中的许多对象会被频繁重绘SVG不依赖分辨率支持事件处理器最适合带有大型渲染区域的应用程序（比如谷歌地图）复杂度高会减慢渲染速度（任何过度使用DOM 的应用都不快）不适合游戏应用5.JavaScript与java的区别JavaScript 是一种嵌入式脚本文件，直接插入网页，有浏览器一边解释一边执行。

java 语言不一样，他必须在JAVA虚拟机上运行。

而且事先需要进行编译。

JAVA的语法规则比JavaScript要严格的多，功能要强大的多。

6.HTML5表单新增的input输入类型有哪些Autocomplete属性，autofocus属性，form属性，表单重写属性，height与width属性，list属性，min、max和step属性，multiple属性，pattern属性，placeholder属性，required 属性7.简述css样式表分类，举例说明外部样式表内联样式(Inline Style)内部样式表(Internal Style Sheet)外部样式表(External Style Sheet)内联样式内联样式是写在标签里面的，它只针对自己所在的标签起作用。

h5作业期末考试题及答案

h5作业期末考试题及答案一、单项选择题（每题2分，共20分）1. H5技术主要用于以下哪个领域？A. 视频游戏开发B. 网页设计C. 操作系统D. 数据库管理答案：B2. 以下哪个不是H5的元素？A. 视频B. 音频C. 画布D. 表格答案：D3. H5中的语义化标签不包括以下哪个？A. headerB. footerC. articleD. div答案：D4. 在H5中，以下哪个标签用于定义导航链接？A. navB. sectionC. asideD. article答案：A5. H5中的表单元素不包括以下哪个？A. inputB. selectC. textareaD. video答案：D6. H5新增的表单输入类型不包括以下哪个？A. emailB. urlC. numberD. password答案：D7. 在H5中，以下哪个属性用于控制音频或视频是否自动播放？A. autoplayB. controlsC. loopD. muted答案：A8. H5中的画布元素是通过哪个标签定义的？A. canvasB. svgC. imgD. figure答案：A9. H5中，以下哪个API用于获取地理位置信息？A. Geolocation APIB. Storage APIC. Web SQL DatabaseD. Web Workers答案：A10. H5新增的表单验证类型不包括以下哪个？A. requiredB. patternC. minD. enctype答案：D二、多项选择题（每题3分，共15分）1. H5中支持的音频格式包括以下哪些？A. MP3B. WAVC. OGGD. MIDI答案：A、B、C2. H5中，以下哪些是新的表单输入类型？A. emailB. urlC. dateD. file答案：A、B、C、D3. H5中，以下哪些是新的表单元素属性？A. placeholderB. autofocusC. requiredD. pattern答案：A、B、C、D4. H5中，以下哪些是新的表单控件？A. datalistB. keygenC. outputD. progress答案：A、C、D5. H5中，以下哪些是新的API？A. Web Storage APIB. Geolocation APIC. Web WorkersD. Web SQL Database答案：A、B、C三、简答题（每题10分，共30分）1. 请简述H5的画布元素canvas的基本使用方法。

HTML5及CSS3web前端开发技术习题答案解析

第一章1．简答题（1）在Web前端开发方面，HTML5与HTML4比较，主要解决哪几方面的问题？HTML5的核心在于解决当前Web开发中存在的各种问题。

一是解决Web浏览器之间的兼容性问题。

在一个浏览器上正常显示的网页（或运行的Web 应用程序），很可能在另一个浏览器上不能显示或显示效果不一致；二是文档结构描述的问题。

HTML4之前的各版本中，HTML文档的结构一般用div元素描述，文档元素的结构含义不够清晰；三是使用HTML+CSS+JavaScript开发Web应用程序时，开发功能受到很大的限制，比如本地数据存储功能、多线程访问、获取地理位置信息等，这些都影响了用户的体验。

（2）HTML5新增的全局属性有哪几个？描述其主要功能。

HTML5新增的全局属性，是指可以对任何元素都使用的属性。

功能如下所示。

（3）HTML5是下一代Web语言的开发框架，典型特性有哪些？HTML5从标记语言的功能提升到下一代Web语言的开发框架，他集成了HTML+CSS3+JavaScript的Web应用框架。

良好的语义特性。

HTML5支持微数据与微格式，增加的各种元素赋予网页更好的意义和结构，适于构建对程序、对用户都更有价值的数据驱动的Web应用。

HTML5增加了section元素、article 元素、nav元素以及aside元素等结构元素。

强大的绘图功能。

通过使用Canvas API动态地绘制各种效果精美的图形，也可以通过SVG 绘制可伸缩矢量图形。

增强的音视频播放和控制功能。

新增了audio和video 元素，可以不依赖任何插件而播放音频和视频。

HTML5的数据存储和数据处理的功能。

包括离线应用、Web通信、本地存储等功能，HTML5还支持WebSQL和IndexedDB等轻量级数据库，增强了数据存储和数据检索能力。

获取地理位置信息。

HTML5新增了Geolocation API规范，应用于移动设备中的地理定位。

  1. 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。

作业一．单项选项题1.以下哪个标记用来建立一个有序列表：( C )A.<ni>B. <ul>C. <ol>D. <dl>2.在HTML5 中，哪个元素用于组合标题元素？（ D ）A.<group>B.<header>C.<headings>D.<hgroup>3.HTML5 中不再支持下面哪个元素？（ D ）PPT查看其他不再支持元素A.<q>B.<ins>C.<menu>D.<font>4.新的HTML5 全局属性，"contenteditable" 用于：（ B）A.规定元素的上下文菜单。

该菜单会在用户点击右键点击元素时出现。

B.规定元素内容是否是可编辑的。

C.从服务器升级内容。

D.返回内容在字符串中首次出现的位置。

5.HTML5新增一种非常重要的功能是可以在客户端本地存数据的Web Storage功能。

其中( A )持久化本地存储，类似于Cookie，但没有有效期，除非主动删除数据：A. localStorageB. SessionStorage (数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁，非持久化)C.WebSQLD.创建可拖动的元素6.在HTML5 中，哪个属性用于规定输入字段是必填的？（ A）A.requiredB.formvalidateC.validateD.placeholder7.哪种输入类型定义滑块控件？（ D ）A.searchB.controlsC.sliderD.range8.cxt.arc(100,100,100,0,Math.PI*2,true) Canvas绘制圆形的arc方法中，参数说明正确的是：（ 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.在一个<img>标记中决定图片文件位置的是哪个属性：（ C ）A: alt B: title C: src D: href11.Canvas 用于填充颜色的属性是：（ A ）A. fillStyle 填充色B. fillRectC. lineWidth 线条宽度D. strokeRect12.不是HTML5特有的存储类型是：（B）A、localStorageB、CookieC、Application Cache 应用缓存D、sessionStorage二、填空题1.在<input>标签中将type属性设置为 radio 即可定义单选按钮。

查看关于INPUT标记的属性2.为了使元素可拖动，把 draggable 属性设置为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页面结构。

<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title></head><body>网页内容</body></html>2.分别写出HTML5新增的语义标签及作用答：<audio> 标记定义音频内容<canvas> 标记定义图片<command> 标记定义一个命令按钮<datalist> 标记定义一个下拉列表<details> 标记定义一个元素的详细内容<dialog> 标记定义一个对话框(会话框)<embed> 标记定义外部的可交互的内容或插件<keygen> 标记定义表单里一个生成的键值<mark> 标记定义有标记的文本<meter> 标记定义 measurement within apredefined range<output> 标记定义一些输出类型<progress> 标记定义任务的过程<rp> 标记是用在Ruby annotations 告诉那些不支持 Ruby元素的浏览器如何去显示<rt> 标记定义对rubyannotations的解释<ruby> 标记定义 ruby annotations.<section> 标记定义一个区域<source> 标记定义媒体资源<time> 标记定义一个日期/时间<video> 标记定义一个视频3.简述<form>标记中method和action属性的作用。

答：method属性作用是将表单数据从客户端传送到服务器的方法，分别为post和get方法，post方法比较安全和常用；action属性作用是指定处理表单的服务端程序，可以是程序或脚本的一个完整URL。

4.HTML5中新增了类型的新表单元素？作用分别是什么？答：类型：作用text：设置单行文本框元素email：表示当前input标签接受一个邮箱的输入tel：接受电话输入url：只接受输入网址nunber：表示当前标签只接受数字类型输入rang：设置滑块控件元素clolr：颜色选择date：日期选择器类型password：设置密码元素file ：设置文件元素hidden：设置隐藏元素，不会被浏览者看到，用于在不同页面中传递域中所设定的值radio：设置单选框元素checkbox：设置复选框元素button ：设置普通按钮元素submit ：设置提交按钮元素reset：设置重置按钮元素Image：设置图像域（图像按钮）元素5.写出HTML5表单中新增的属性及其作用。

答：【属性：作用】●min和max:HTML5新增加的属性，表示当前输入框输入的最小和最大值●step： HTML5新增加的属性，是步长的意思，也就是在点击增大或者减小的时候的增加或减少的步长●placeholder，提示信息●autocomplete：form或input域是否拥有自动完成功能（值为on和off）。

适用于以下类型的<input> 标签：text, search, url, telephone, email, password, datepickers, range 以及 color。

●autofocus：页面加载时，域自动地获得焦点。

适用所有 <input> 标签的类型。

●max、min、step：适用以下类型的 <input> 标签：date pickers、number 以及 range。

●placeholder：提示信息属性。

●multiple：输入域中可选择多个值，用于文件上传控件，设置此属性后，允许上传多个文件。

适用于以下类型的 <input> 标签：email 和 file。

●required：当前文本框在提交前必须有数据输入。

适用于以下类型的 <input> 标签：text, search, url, telephone, email, password, date pickers, number, checkbox, radio 以及 file。

●pattern：规定用于验证输入字段的模式。

pattern 属性适用于以下类型的 <input> 标签：text, search, url, telephone, email 以及 password。

6.Canvas中画圆形、画矩形边框、画位图分别用什么方法答：arc、 stokeRect、 drawImage。

7.什么是拖放？答：拖放可以分为两个动作，即拖拽（drag）和放开（drop）。

拖拽（drag）：移动鼠标到指定对象，按下左键，然后拖动。

放开（drop）：放开鼠标左键，放下对象。

8.行内样式表、内部样式表和外部样式表分别在HTML页面的什么位置引用？如何引用？答：在HTML文档中应用CSS 有三种样式表，分别是：行内样式表、内部样式表和外部样式表。

其中最常用的是内部样式表和外部样式表。

1)内部样式表：在网页中可以使用style元素定义一个内部样式表，指定该网页内元素的CSS样式，内部样式一般添加到头部。

在style元素中通常可以使用type属性定义内容的类型（一般取值"text/css"）。

格式如下：<head><STYLE type = "text/css">…………</STYLE></head>2)外部样式表：①含义：在HTML文档中可以使用<link>元素引用外部样式表。

<link>元素的属性有：href（指定被链接文档【样式表文件】的位置）、hreflang（指定在被链接文档中的文本的语言）、rel（指定当前文档与被链接文档之间的关系。

stylesheet，指向要导入的样式表的URL；）、media（指定被链接文档将被显示在什么设备上。

all，默认值，适用于所有设备；）、type（指定被链接文档的MIME 类型）外部样式表种类：一种是layout.css文件专门是布局用的样式，另一种是添加外部内容的样式一般命名为style.css②添加外部样式表有多种方法：本实验介绍用到的其中一种方法，第一步：选择菜单栏中的文件功能 - 选择新建CSS - 命名layout.css；第二步：选择菜单栏中的格式功能 - css样式 - 添加附加css样式表-在弹出的链接外部样式表窗口中添加外部样式文件URL路径：layout.css - 点击确定。