HTML5期末考试题型_第1页
HTML5期末考试题型_第2页
HTML5期末考试题型_第3页
HTML5期末考试题型_第4页
HTML5期末考试题型_第5页
已阅读5页，还剩12页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

作业一．单项选项题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）规定元素的上下文菜单。该菜单会在用户点击右键点击元素时出现。规定元素内容是不是可编写的。从服务器升级内容。返回内容在字符串中初次出现的地点。5.HTML5新增一种特别重要的功能是能够在客户端当地存数据的WebStorage(A)长远化当地储存，近似于Cookie，但没有有效期，除非主动删除数据：

功能。此中localStorageSessionStorage(数据只有在同一个会话中的页面才能接见而且当会话结束后数据也随之销毁，非长远化)创立可拖动的元素6.在HTML5中，哪个属性用于规定输入字段是必填的？（A）7.哪一种输入种类定义滑块控件？（D）8.(100,100,100,0,*2,true)Canvas绘制圆形的arc方法中，参数说明正确的选项是：D）A.圆半径，圆心X坐标，圆心Y坐标，开始角度，结束角度，能否顺时针trun逆时针圆心Y坐标，圆心圆心X坐标，圆心圆心X坐标，圆心

坐标，圆半径，开始角度，结束角度，能否顺时针坐标，圆半径，开始角度，结束角度，能否顺时针坐标，圆半径，开始角度，结束角度，能否逆时针9.读取localStorage数据的方法是：（B）A.("键值");B.("键名");C.("键值");"键名");10.在一个<img>标志中决定图片文件地点的是哪个属性：（C）A:altB:titleC:srcD:href11.Canvas用于填补颜色的属性是：（A）A.fillStyle填补色fillRectlineWidth线条宽度strokeRect12.不是HTML5独有的储存种类是：（B）A、localStorageB、CookieC、ApplicationCache应用缓存D、sessionStorage二、填空题1.在<input>标签中将type属性设置为radio即可定义单项选择按钮。查察对于INPUT标志的属性2.为了使元素可拖动，把draggable属性设置为true。3.在拖放过程，开始拖动元素会触发dragstar事件，松开鼠标时会触发drop事件。元素拖动4.在CSS3中，能够使用border-raidus属性实现圆角成效。盒子暗影透明度等新增的以以下图为一个border为1px的div块，总宽度为300px（包含border），暗影区为padding-left:50px左边内边距;，那么此div的width应设置为248px。6.在CSS3中能够使用transitaion

属性和其余

CSS属性（颜色、宽高、变形、地点等）配合实现动画成效。三、简答题写出标准的html5页面构造。<!doctypehtml><html><head><metacharset="utf-8"><title>无标题文档</title></head><body>网页内容</body></html>分别写出HTML5新增的语义标签及作用答：元素名作用表示页面中的一个内容区块，比方章节、页眉、页脚或页面中的其余部分。它能够与h1、h2、section素联合起来使用标志文档构造。article表示页面中的一块与上下文不有关的独立内容，比方博客中的一篇文章。aside表示article元素内容以外的，与article元素内容有关的协助信息。header表示页面中一个内容区块或整个页面的标题。hgroup用于整个页面或页面中一个内容区块的标题进行组合。footer表示整个页面或页面中一个内容区块的脚注。一般来说，它会包含创作者的姓名，创立日期及nav表示页面中导航链接的部分figure表示一段独立的流内容，一般表示文档主体流内容中的一个独立单元，使用figcaption元素为题。<audio>标志定义音频内容<canvas>标志定义图片<command>标志定义一个命令按钮<datalist>标志定义一个下拉列表<details>标志定义一个元素的详尽内容<dialog>标志定义一个对话框(会话框)<embed>标志定义外面的可交互的内容或插件<keygen>标志定义表单里一个生成的键值<mark>标志定义有标志的文本<meter>标志定义measurementwithinapredefinedrange<output>标志定义一些输出种类<progress>标志定义任务的过程<rp><rt><ruby><section><source><time><video>

标志是用在Rubyannotations告诉那些不支持标志定义对rubyannotations的解说标志定义rubyannotations.标志定义一个地区标志定义媒体资源标志定义一个日期/时间标志定义一个视频

Ruby

元素的阅读器如何去显示简述<form>标志中method和action属性的作用。答：method属性作用是将表单数据从客户端传递到服务器的方法，分别为post和get方法，post方法比较安全和常用；action属性作用是指定处理表单的服务端程序，能够是程序或脚本的一个完好URL。HTML5中新增了种类的新表单元素？作用分别是什么？答：种类：作用text：设置单行文本框元素email：表示目前input标签接受一个邮箱的输入tel：接受电话输入url：只接受输入网址nunber：表示目前标签只接受数字种类输入rang：设置滑块控件元素clolr：颜色选择date：日期选择器种类password：设置密码元素file：设置文件元素hidden：设置隐蔽元素，不会被阅读者看到，用于在不一样页面中传达域中所设定的值radio：设置单项选择框元素checkbox：设置复选框元素button：设置一般按钮元素submit：设置提交按钮元素reset：设置重置按钮元素Image：设置图像域（图像按钮）元素写出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>标签：datepickers、number以及range。placeholder：提示信息属性。multiple：输入域中可选择多个值，用于文件上传控件，设置此属性后，同意上传多个文件。合用于以下种类的<input>标签：email和file。required：目前文本框在提交前一定有数据输入。合用于以下种类的<input>标签：text,search,url,telephone,email,password,datepickers,number,checkbox,radio以及file。pattern：规定用于考证输入字段的模式。pattern属性合用于以下种类的<input>标签：text,search,url,telephone,email以及password。Canvas中画圆形、画矩形边框、画位图分别用什么方法答：arc、stokeRect、drawImage。7.什么是拖放？答：拖放能够分为两个动作，即拖拽（drag）和松开（drop）。拖拽（drag）：挪动鼠标到指定对象，按下左键，而后拖动。松开（drop）：松开鼠标左键，放下对象。8.行内款式表、内部款式表和外面款式表分别在HTML页面的什么地点引用？如何引用？答：在HTML文档中应用CSS有三种款式表，分别是：行内款式表、内部款式表和外面款式表。此中最常用的是内部款式表和外面款式表。内部款式表：在网页中能够使用style元素定义一个内部款式表，指定该网页内元素的CSS款式，内部款式一般增添到头部。在style元素中平常能够使用type属性定义内容的种类（一般取值"text/css"）。格式以下：<head><STYLEtype="text/css"></STYLE></head>外面款式表：①含义：在HTML文档中能够使用<link>元素引用外面款式表。<link>元素的属性有：href

（指定被链接文档【款式表文件】的地点）、

hreflang（指定在被链接文档中的文本的语言）、

rel

（指定目前文档与被链接文档之间的关系。

stylesheet

，指向要导入的款式表的URL；）、

media（指定被链接文档将被显示在什么设施上。

all

，默认值，合用于全部设施；）、

type

（指定被链接文档的

MIME

种类）外面款式表种类：一种是文件特地是布局用的款式，另一种是增添外面内容的款式一般命名为②增添外面款式表有多种方法：

本实验介绍用到的此中一种方法，

第一步：选择菜单栏中的文件功能

-

选择新建

CSS-

命名；第二步：选择菜单栏中的格式功能

-css款式

-增添附带

css

款式表

-在弹出的链接外面款式表窗口中增添外面款式文件

URL路径：-

点击确立。在本次实验的注册页面就是采纳外面款式表进行CSS款式设计，格式以下：<HEAD><linkhref=""rel="stylesheet"type="text/css"></HEAD>增添外面内容的款式一般命名为，操作方法同上，格式以下：<HEAD><linkrel="stylesheet"type="text/css"href=""/></HEAD>行内款式表：在HTML元素中使用style属性能够指定该元素的CSS款式，这类应用称为行内款式表。直接在body标签中增添,如：<bodystyle="background-color:blue;"><p>网页的背景为蓝色</p></body>9.CSS中的padding、margin和float各表示什么属性中英文背答：分别表示：内填补、外边距、浮动。简单描绘一下什么是css盒子模型答：CSS给

HTML元素都给予了内容

(content)

、内填补

(padding)

、边框(border)

和外边距(margin)

属性，这些属性形成

CSS盒模型。整个盒模型在页面中所占的宽度是由左界限

+左边框

+

左填补

+

内容

+

右填补

+

右侧框

+

右界限构成。简述CSS3有哪些新特征？-HSL颜色表现方法。八大属性：圆角成效（border-radius）多彩边框暗影（box-shadow）背景图片尺寸（background-size）多列（column-count）嵌入字体（@font-face）透明度（opacity）HSL和HSLA颜色表现方法四大类（关系选择器、伪类选择器、属性选择器、伪元素选择器）①关系选择器选择符名称版本简介EF包含选择符CSS1选择全部被E元素包含的F元素。E,F分组选择器CSS1就能够把这几个同样设定的选择器合并在一同，中间用逗号隔开E>F子选择符CSS2选择全部作为E元素的子元素F。E+F相邻选择符CSS2选择紧贴在E元素以后F元素。E~F兄弟选择符CSS3选择E元素全部兄弟元素F。②伪类选择器构造性伪类选择器UI元素状态伪类选择器③属性选择器④伪元素选择器3)CSS增添了三个动画成效属性（transform、taansition、animation）transform字面上就是变形，改变的意思。在CSS3中transform主要包含以下几种：旋转rotate、歪曲skew、缩放scale和挪动translate以及矩阵变形matrix。Animation只应用在页面上已存在的DOM元素上，我们使用CSS3的Animation制作动画我们能够省去复杂的js,jquery代码。选择器都有哪些种类，而且分别说明其作用及举例语法格式在HTML标签中使用的方法。元素选择器选择符种类版本简介*通配符选择器CSS2全部元素对象。E标签(HTML)选择器CSS1以HTML标签作为选择符。E#myidid选择器CSS1以独一表记符id属性等于myid的E对象作为选择符。class选择器CSS1以class属性包含myclass的E对象作为选择符。关系选择器选择符种类版本E,F分组选择器CSS1EF包含(后辈)选择器E>F子选择器CSS2E+F相邻选择器CSS2E~F兄弟选择符CSS3

简介就能够把这几个同样设定的选择器合并在一同，中间用逗号分开CSS1选择全部被E元素包含的F元素选择全部作为E元素的子元素F选择紧贴在E元素以后F元素选择E元素全部兄弟元素F伪类选择器伪类用于向某些选择器增添特别的成效。伪类对元素进行分类是鉴于特色而不是它们的名字、属性或许内容。选择符种类简介a:link链接伪类选择器设置超链接a在未被接见前的款式a:visited链接伪类选择器设置超链接a在其链接地点已被接见过时的款式E:hover用户操作伪类选择器设置元素在其鼠标悬停时的款式E:active用户操作伪类选择器设置元素在被用户激活（在鼠标点击与开释之间发生的事件）时的款式E:focus用户操作伪类选择器设置元素在成为输入焦点（该元素的onfocus事件发生）时的款式E:lang( ):lang( )伪类选择器般配使用特别语言的E元素构造性伪类选择器选择符版本简介E:rootCSS3般配E元素在文档的根元素。E:first-childCSS2般配父元素的第一个子元素E。E:last-childCSS3般配父元素的最后一个子元素E。E:only-childCSS3般配父元素仅有的一个子元素E。E:nth-child(n)CSS3般配父元素的第n个子元素E。E:nth-last-child(n)CSS3般配父元素的倒数第n个子元素E。E:first-of-typeCSS3般配同种类中的第一个同级兄弟元素E。E:last-of-typeCSS3般配同种类中的最后一个同级兄弟元素E。E:only-of-typeCSS3般配同种类中的独一的一个同级兄弟元素E。E:nth-of-type(n)CSS3般配同种类中的第n个同级兄弟元素E。E:nth-last-of-type(n)CSS3般配同种类中的倒数第n个同级兄弟元素E。E:emptyCSS3般配没有任何子元素（包含text节点）的元素E。UI元素状态伪类选择器选择符版本简介E:checkedCSS3般配用户界面上处于选中状态的元素E。(用于inputtype为radio与checkbox时)E:enabledCSS3般配用户界面上处于可用状态的元素E。E:disabledCSS3般配用户界面上处于禁用状态的元素E。E:read-onlyCSS3般配用户界面上处于只读状态的元素EE:read-writeCSS3般配用户界面上处于读写状态的元素E属性选择器选择符版本简介E:checkedCSS3般配用户界面上处于选中状态的元素E。(用于inputtype为radio与checkbox时)E:enabledCSS3般配用户界面上处于可用状态的元素E。E:disabledCSS3般配用户界面上处于禁用状态的元素E。E:read-onlyCSS3般配用户界面上处于只读状态的元素EE:read-writeCSS3般配用户界面上处于读写状态的元素E伪元素选择器选择符版本简介E:checkedCSS3般配用户界面上处于选中状态的元素E。(用于inputtype为radio与checkbox时)E:enabledCSS3般配用户界面上处于可用状态的元素E。E:disabledCSS3般配用户界面上处于禁用状态的元素E。E:read-onlyCSS3般配用户界面上处于只读状态的元素EE:read-writeCSS3般配用户界面上处于读写状态的元素EHTML5用什么标志播放音频？主要支持的音频格式有哪些？答：标志：<audio>；格式：mov、mp4、wav。HTML5用什么标志播放视频？主要支持的视频格式有哪些？答：标志：<video>；格式ogg、MPEG4、WebM、（注意：flv不支持）。简述什么是HTML5的WebStorage功能？包含哪些技术？它们的差别是什么？答：HTML5新增一种特别重要的功能是能够在客户端当地存数据的WebStorage此中localStorage长远化当地储存，近似于Cookie，但没有有效期，除非主动删除数据。另一种sessionStorage用于当地储存一个会话中的数据，这些数据只在同一个会话中的页面才能接见而且当会话结束后数据也随之销毁，近似于session。

功能。四．编程题编写一个form表单，实现一个学生信息输入。包含学号、姓名、性别、喜好、出生年代等。（注意首行缩进）答：<!doctypehtml><html><head><metacharset="utf-8"><title>autocomplete</title></head><body><formaction=""method="get"autocomplete="on">学号：<inputtype="text"name="userid"placeholder="请输入学号"autofocusrequired><br/>名字：<inputtype="text"name="username"placeholder="请输入用户名"autocomplete="off"><br/>密码：<inputtype="password"name="psw"placeholder="请输入密码"><br/>性别：<inputtype="radio"name="sex"value="男"checked>男<inputtype="radio"name="sex"value="女"checked>女</br>电话：<inputtype="tel"name="phone"placeholder="请输入电话号码"></br>邮箱：<inputtype="email"name="email"placeholder="请输入注册邮箱"></br>诞辰：<inputtype="date"name="birthday"></br>兴趣喜好：<inputtype="checkbox"name="interser[]value="篮球">篮球<inputtype="checkbox"name="interser[]value="足球">足球<inputtype="checkbox"name="interser[]value="舞蹈">舞蹈<inputtype="checkbox"name="interser[]value="看电影">看电影</br>颜色喜好：1<inputtype="color">2<inputtype="color">3<inputtype="color"></br>建议：<textareaname="suggeer"rows="3"cols="50">请输入对本课程的建议</textarea></br><inputtype="submit"name="submitup"value="<inputtype="reset"name="restup"value="</form>

提交"/>重交">2.绘制一个边框为蓝色粗细为

2个像素，填补为红色，宽和高分别是

300，200的矩形。要写出

HTML5代码和相应的

JavaScript

代码。答：<!doctypehtml><html><head><metacharset="utf-8"><title>画矩形</title>

人人文库> 全部分类> 应用文书 > 工作计划

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论