＜form＞ 元素添加role="form"； （2）把标签和控件放在一个带有class="form-group"的

10、什么属性用于验证input类型输入框中，用户输入的内容是否与所定义的正则表达式相匹配？

<form>标签用于为用户输入创建html表单。

<tfoot></tfoot>

<form></form><form action="article.do" method="get" autocomplete=" autocomplete "></form><form action="article.do" method="get" autocomplete=" autocomplete "></form><form action="article.do" method="get" autocomplete=" autocomplete "></form><form action="article.do" method="get" autocomplete=" autocomplete "></form>

A、<dl>是<dd>的父元素，而</dd><dd>是</dd><dt>的父元素

B、<dl>是<dt>的父元素，而</dt><dt>是</dt><dd> 的父元素

C、<dl>是<dd>和</dd><dt>的父元素

D、<dl>是<dt>的父元素，<dl>表示自定义列表，<dt>表示列表项，而HTML中根本就没有</dt><dd>这个元素

A、提交的方式

B、表单所用的脚本语言

C、提交的URL地址

D、表单的形式

在HTML文件中，<select>、<option>可以实现？ A、文本框和内容 B、下拉菜单和列表项 C、多行文本框和内容 D、组合框和下拉列表任务7 使用框架集、框架等标签设计网页随堂测验1、是用来指定什么的？ A、混合分框 B、纵向分框 C、横向分框 D、任意分框2、框架的标记包括以下哪些？ A、 B、 C、 D、3、浮动框架标记是？ A、iframe B、frameset C、frame D、floatframe4、框架中“不可改变大小”的语法是下列哪一项？ A、 B、 C、 D、5、以下选项中哪个不是框架标记中的scrolling属性的取值？ A、yes B、no C、auto D、name任务8 使用图像、图像映射及其他标签设计网页随堂测验1、HTML代码表示？ A、添加一个图象 B、排列对齐一个图象 C、设置围绕一个图像的边框的大小 D、加入一条水平线2、通过哪个属性可以为图片添加边框线。 A、html B、asp C、border D、img3、设置图片的热区链接需要使用到3个HTML标记，以下哪个不是？ A、img B、map C、area D、shape4、下面哪一组属性值不是用于设置图像映射的区域形状？ A、rect B、circle C、poly D、cords5、可以在下列哪个HTML元素中放置 javascript代码？ A、<script><br> B、<javascript><br> C、<js><br> D、<scripting><br><p class="answer"></p><br><br><strong style="font-size:16px;">HTML5作业1</strong><br><br>1、依据模块1素材部分内容，可以自行选定一个主题，对其进行完善。<br><p class="answer"></p><br><br><strong style="font-size:16px;">模块2：CSS级联样式表</strong><br><br><strong style="font-size:16px;">任务1 认识CSS随堂测验</strong><br><br>1、CSS表示？<br> A、层<br> B、行为<br> C、样式表<br> D、时间线<br><p class="answer"></p><br><br>2、CSS文件的扩展名为？<br> A、htlm<br> B、css<br> C、html<br> D、txt<br><p class="answer"></p><br><br>3、下列哪个选项的CSS语法是正确的？<br> A、body:color=black<br> B、{body:color=black(body}<br> C、body {color: black}<br> D、{body;color:black}<br><p class="answer"></p><br><br>4、如何为所有的<h1>元素添加背景颜色？<br> A、h1.all {background-color:#FFFFFF}<br> B、h1 {background-color:#FFFFFF}<br> C、all.h1 {background-color:#FFFFFF}<br> D、h1 {color:#FFFFFF}<br><p class="answer"></p><br><br>5、CSS样式属性可以在标记中定义，此时使用该标记的哪个属性？<br> A、id<br> B、class<br> C、style<br> D、lang<br><p class="answer"></p><br><br><strong style="font-size:16px;">任务2 认识CSS的选择器随堂测验</strong><br><br>1、CSS选择符中优先级最高的是？<br> A、类选择符<br> B、id选择符<br> C、包含选择符<br> D、HTML标记选择符<br><p class="answer"></p><br><br>2、语句：h1 {color:red; font-size:14px;}，其中哪个是选择器？<br> A、h1<br> B、color<br> C、red<br> D、font-size<br><p class="answer"></p><br><br>3、CSS语法selector {property: value}中selector代表选择符，以下哪个选项不是选择符？<br> A、id选择符<br> B、类选择符<br> C、包含选择符<br> D、伪类<br><p class="answer"></p><br><br><strong style="font-size:16px;">任务3 使用字体、文本、背景属性美化网页随堂测验</strong><br><br>1、在CSS样式中下列哪一项是“字体大小”的允许值？<br> A、list-style-position: <值><br> B、xx-small<br> C、list-style: <值><br> D、<族科名称><br><p class="answer"></p><br><br>2、设置字符间距为15px的语句为?<br> A、letter-spacing:15px<br> B、line-height:15px<br> C、letter-height:15px<br> D、line-spacing:15px<br><p class="answer"></p><br><br>3、在CSS语言中下列哪一项是“背景颜色”的允许值？<br> A、justify<br> B、transparent (透明)<br> C、capitalize<br> D、aseline<br><p class="answer"></p><br><br>4、CSS属性中设置字号size的属性值不可以取以下哪项？<br> A、绝对尺寸<br> B、相对尺寸<br> C、百分比<br> D、数字<br><p class="answer"></p><br><br>5、在CSS文件中，字体加粗属性是？<br> A、font-family<br> B、font-style<br> C、font-weight<br> D、font-size<br><p class="answer"></p><br><br>6、在CSS文件中，什么属性设置字号？<br> A、font-size<br> B、size<br> C、font-style<br> D、font<br><p class="answer"></p><br><br>7、下面那个语句是把段落的字体设置为黑体、18像素、红色?<br> A、p{font-family:黑体; font-size:18px; font-color:red}<br> B、p{font-family:"黑体"; font-size:18px; color:#ff0000}<br> C、p{font:黑体 18px #00ff00}<br> D、p{font-family:黑体; font-size:24px; font-color:red}<br><p class="answer"></p><br><br>8、要实现背景图片在水平方向的平铺，应该设置为什么？<br> A、background-repeat:repeat<br> B、background-repeat:repeat-x<br> C、background-repeat:repeat-y<br> D、background-repeat:no-repeat<br><p class="answer"></p><br><br><strong style="font-size:16px;">任务4 使用边框、边距属性美化网页随堂测验</strong><br><br>1、在CSS语言中下列哪一项是“边框颜色”的语法？<br> A、border-color: <值><br> B、text-align: <值><br> C、letter-spacing: <值><br> D、vertical-align: <值><br><p class="answer"></p><br><br>2、如何显示这样一个边框：顶边框10像素、底边框5像素、左边框20像素、右边框1像素？<br> A、border-width:10px 1px 5px 20px<br> B、border-width:10px 20px 5px 1px<br> C、border-width:5px 20px 10px 1px<br> D、border-width:10px 5px 20px 1px<br><p class="answer"></p><br><br>3、设置边框样式属性border-style的取值中，double表示什么？<br> A、点线<br> B、实线<br> C、双直线<br> D、点虚线<br><p class="answer"></p><br><br>4、CSS语法中border-left-color:#800080定义的是什么？<br> A、左边框颜色为紫色<br> B、下边框颜色为紫色<br> C、上边框颜色为绿色<br> D、右边框颜色为军色<br><p class="answer"></p><br><br>5、以下哪个不是盒子模型中的CSS属性？<br> A、border<br> B、padding<br> C、margin<br> D、content<br><p class="answer"></p><br><br><strong style="font-size:16px;">任务5 使用表格、列表及定位属性美化网页随堂测验</strong><br><br>1、在 HTML 中使用<ol>、<ul>标记来定义列表为有序列表或无序列表，而在CSS中是利用什么属性控制列表的样式？<br> A、list-style-type<br> B、list-style-image<br> C、list-style-position<br> D、list-style<br><p class="answer"></p><br><br>2、层溢出属性overflow的属性值要设置为超出范围的内容将被裁切掉，该使用哪个属性值？<br> A、visible<br> B、hidden<br> C、scroll<br> D、auto<br><p class="answer"></p><br><br>3、下列不属于list-style-type属性取值的是？<br> A、disc<br> B、circle<br> C、square<br> D、inside<br><p class="answer"></p><br><br>4、CSS的定位属性position可用来控制网页中显示的元素的位置，定位方式主要有3种，以下选项中哪项不是？<br> A、绝对定位<br> B、相对定位<br> C、动态定位<br> D、静态定位<br><p class="answer"></p><br><br>5、CSS的float浮动属性用来设置某元素是否浮动，以及它的浮动位置，可以用在任何 HTML 元素上，通常在布局中起到非常重要的作用，以下哪项不是它可取的值？<br> A、left<br> B、right<br> C、none<br> D、center<br><p class="answer"></p><br><br>6、CSS的cursor属性是专门为鼠标设定的，用来设置当鼠标移动到某个对象元素上时，所显示出的鼠标指针形状，以下哪项不是它可以取的值？<br> A、help<br> B、url(图像地址)<br> C、关键字<br> D、auto<br><p class="answer"></p><br><br><strong style="font-size:16px;">模块3：JavaScript 脚本语言</strong><br><br><strong style="font-size:16px;">任务1 认识JavaScript随堂测验</strong><br><br>1、输出“Hello World”的正确JavaScript语法是？<br> A、document.write("Hello World")<br> B、"Hello World"<br> C、response.write("Hello World")<br> D、("Hello World")<br><p class="answer"></p><br><br>2、JavaScript代码开始和结束的标记是什么。<br> A、以<java>开始，以</java>结束<br> B、以<script>开始，以</java>结束<br> C、以<script>开始，以</script>结束 D、以开始，以结束3、引用名为“xxx.js”的外部脚本的正确语法是？ A、<script src="xxx.js"><br> B、<script href="xxx.js"><br> C、<script name="xxx.js"><br> D、<script target="xxx.js"><br><p class="answer"></p><br><br>4、JavaScript是一门脚本语言，也是一门基于面向对象的编程语言，虽然没有专业面向对象编程语言那样规范的类的继承、封装等，但在有页面对象的编程必须有的事件驱动，才能执行程序。当用户单击按钮或者提交表单数据时，就发生了一个______事件。<br><p class="answer"></p><br><br>5、______是一个鼠标单击事件，在当前网页上单击鼠标时，就会发生该事件。<br><p class="answer"></p><br><br><strong style="font-size:16px;">任务2 掌握JavaScript的语法随堂测验</strong><br><br>1、以下哪条语句会产生语法错误？<br> A、var obj = ( );<br> B、var obj = [ ];<br> C、var obj = { };<br> D、var obj = / /;<br><p class="answer"></p><br><br>2、以下哪个单词不属于javascript保留字？<br> A、with<br> B、parent<br> C、class<br> D、void<br><p class="answer"></p><br><br>3、如何创建名为myFunction的函数？<br> A、function:myFunction()<br> B、function myFunction()<br> C、function=myFunction()<br> D、function myFunction<br><p class="answer"></p><br><br>4、如何调用名为“myFunction”的函数？<br> A、call function myFunction<br> B、call myFunction()<br> C、myFunction()<br> D、function myFunction<br><p class="answer"></p><br><br>5、如何在JavaScript中添加注释？<br> A、' This is a comment<br> B、<!--This is a comment--><br> C、//This is a comment<br> D、<comment><br><p class="answer"></p><br><br>6、可插入多行注释的JavaScript语法是？<br> A、/*This comment has more than one line*/<br> B、//This comment has more than one line//<br> C、<!--This comment has more than one line--><br> D、//This comment has more than one line<br><p class="answer"></p><br><br>7、如何把7.25四舍五入为最接近的整数？<br> A、round(7.25)<br> B、rnd(7.25)<br> C、Math.round(7.25)<br> D、Math.rnd(7.25)<br><p class="answer"></p><br><br>8、如何求得2和4中最大的数？<br> A、Math.ceil(2,4)<br> B、Math.max(2,4)<br> C、ceil(2,4)<br> D、top(2,4)<br><p class="answer"></p><br><br><strong style="font-size:16px;">任务3 使用JavaScript分支结构编程随堂测验</strong><br><br>1、请选择结果为真的表达式。<br> A、null instanceof Object<br> B、null === undefined<br> C、null == undefined<br> D、NaN == NaN<br><p class="answer"></p><br><br>2、如何在警告框中写入“Hello World”？<br> A、alertBox="Hello World"<br> B、msgBox("Hello World")<br> C、alert("Hello World")<br> D、alertBox("Hello World")<br><p class="answer"></p><br><br>3、如何编写当i 等于5时执行某些语句的条件语句？<br> A、if (i==5)<br> B、if i=5 then<br> C、if i=5<br> D、if i==5 then<br><p class="answer"></p><br><br>4、如何编写当i 不等于5时执行某些语句的条件语句？<br> A、if =! 5 then<br> B、if <>5<br> C、if (i <> 5)<br> D、if (i != 5)<br><p class="answer"></p><br><br><strong style="font-size:16px;">任务4 使用JavaScript循环结构编程随堂测验</strong><br><br>1、在JavaScript中，有多少种不同类型的循环？<br> A、两种。for循环和 while循环<br> B、四种。for循环、while循环、do...while循环以及for...in循环<br> C、一种。for循环<br> D、三种。for循环、while循环和foreach循环<br><p class="answer"></p><br><br>2、下面哪个for循环是正确的？<br> A、for (i <= 5; i++)<br> B、for (i = 0; i <= 5; i++)<br> C、for (i = 0; i <= 5)<br> D、for i = 1 to 5<br><p class="answer"></p><br><br>3、定义JavaScript数组的正确方法是？<br> A、var txt = new Array="tim","kim","jim"<br> B、var txt = new Array(1:"tim",2:"kim",3:"jim")<br> C、var txt = new Array("tim","kim","jim")<br> D、var txt = new Array:1=("tim")2=("kim")3=("jim")<br><p class="answer"></p><br><br><strong style="font-size:16px;">任务5 了解JavaScript的异常、验证及内置对象随堂测验</strong><br><br>1、打开名为“window2”的新窗口的JavaScript语法是？<br> A、open.new("http://www.worlduc.com","window2")<br> B、window.open("http://www. worlduc.com","window2")<br> C、new("http://www. worlduc.com","window2")<br> D、new.window("http://www. worlduc.com","window2")<br><p class="answer"></p><br><br>2、如何在浏览器的状态栏放入一条消息？<br> A、statusbar = "put your message here"<br> B、window.status = "put your message here"<br> C、window.status("put your message here")<br> D、status("put your message here")<br><p class="answer"></p><br><br>3、如何获得客户端浏览器的名称？<br> A、client.navName<br> B、navigator.appName<br> C、Browser.name<br> D、client.Browser<br><p class="answer"></p><br><br>4、Javascript既是一门脚本编程语言，又是基于面向对象的编程语言，其编程需要使用到浏览器内部对象与 HTML 文档实现交互，以下选项中哪一项不是浏览器内部对象？<br> A、Navigator<br> B、Window对象<br> C、Document对象<br> D、Page对象<br><p class="answer"></p><br><br>5、Javascript 的输入/出都必须通过对象来完成，其中 Document 对象是输出对象之一，它的最主要的方法是？<br> A、write<br> B、read<br> C、input<br> D、output<br><p class="answer"></p><br><br>6、Window对象是一个优先级很高的对象，包含了丰富的属性、方法，以下代码段是使用Window对象的alert方法的实例，它的作用是？ <html> <head></head> <body> <script language="Javascript"> window.alert("OK"); </script> A、消息框 B、提示框 C、确认框 D、关闭7、Window对象是一个优先级很高的对象，包含了丰富的属性、方法，常用的属性有self、parent、top、status，需哪个可以设置在浏览器的状态栏中显示信息？ A、self B、parent C、top D、status任务6 了解JavaScript JSON数据格式随堂测验1、JSON有两种表示结构，它们是______和数组。2、JSON 数据格式为______。3、JavaScript中读写JSON数据有两种方法，分别是”.”操作符和______方式。模块4：相关软件介绍任务1 软件的安装及使用入门随堂测验1、Dreamweaver是一个（ ）软件。 A、聊天软件 B、图像处理软件 C、动画制作软件 D、网页制作软件2、Dreamweaver中，页面的视图模式有设计视图、代码视图和（ ）。 A、局部 B、全局 C、拆分 D、显示3、Flash发布的动画文档格式是（ ）。 A、FLV B、SWF C、AS D、FLP4、Flash中，图层上的空心圆点表示（ ）。 A、关键帧 B、普通帧 C、空白关键帧 D、行为帧5、Flash的时间轴是用什么记录画面的（ ）。 A、帧 B、图层 C、场景 D、元件6、Flash中，按下哪个快捷键可以插入关键帧（ ）。 A、F6 B、F5 C、F2 D、F1任务2 使用Flash软件制作导航及简单动画随堂测验1、李明用Flash设计一个由一片绿叶变成标题文字的片头， ( )动画方式最易实现。 A、逐帧动画 B、引导线动画 C、动作补间 D、形状补间2、Flash的帧有三种，分别是( )。 A、特殊帧、关键帧、空白关键帧 B、普通帧、关键帧、黑色关键帧 C、普通帧、关键帧、空白关键帧 D、特殊帧、关键帧、黑色关键帧3、用Flash创建30帧小球下落的动画。操作步骤有： ①在第1帧和第30帧之间创建补间动画 ②新建一个Flash文件 ③把第30帧处的小球竖直下拉一段距离 ④在第30帧处插入关键帧 ⑤测试并保存 ⑥用椭圆工具在第1帧处画一个小球，并将其转换为“图形元件”， 其正确顺序的是( )。 A、②⑥①③④⑤ B、②⑥③④①⑤ C、②⑥③①④⑤ D、②⑥④③①⑤4、下列不是Flash文件导出的文件格式是( )。 A、PPT B、HTML C、EXE D、SWF5、( )不是Flash专业术语。 A. B. C. D. A、关键帧 B、引导层 C、补间动画 D、滤镜任务3使用Dreamweaver软件设计静态网页随堂测验1、Dreamweaver的插入（Insert）菜单中，Script表示（ ）。 A、显示插入备注对话框 B、显示插入脚本对话框 C、插入换行标志 D、插入一个空格2、所有的脚本文件都从（ ）开始执行。 A、do B、main C、star D、action3、表单是网页上的一个特定的区域，在HTML语言中定义表单的标记是：（ ）。 A、 B、 C、 D、</option></select>

</dl></dd></dl></tt>

<tt>

A、datalist 标签是HTML5新增的表单标签，它用于定义输入框的选项列表，列表中的选项是由多个option标签创建。

B、它类似于</datalist><select>标签，但和select标签也有不同之处。 C、用户要设置的值不在列表之内时，允许用户在输入框中自行输入。 D、datalist元素本身并不显示，而是当输入框获得焦点时以提示输入的方式显示datalist中的选项。因此，需要将输入框的list属性引用datalist的id。 参考答案：ABCD2、select标签需要使用option标签定义列表的可用选项，它的语法格式如下所示： </select> <option selected value="value1"> item1</option> <option selected="“selected" " value="value2"> item2</option> <option selected="“selected" " value="value3"> item3</option> 下面描述正确的是：

A、其中name属性为列表框或组合框定义名称标识，size属性指定列表框中行的显示数量，如果选项数目大于size值，则会出现垂直滚动条。如果没有定义size属性，或者size属性值为1，则呈现为菜单样式。

B、multiple属性设置时，允许同时选择多个选项，不设置则只允许选择一个选项。

C、选项标签<option>有两个常用属性：selected和value。其中selected属性指定首次显示列表时该选项为选中状态，value属性指定选项的取值。

D、当选项列表过长时，不便于用户选择选项，可以进行组合处理解决这一问题。</option><optgroup>标签可以定义组合选择，使用它对过长的选项进行组合处理，该标签在</optgroup><select>标签中直接指定，不允许嵌套。 参考答案：ABCD3、下列关于type的属性值指定输入类型，说法正确的有（ ） A、password表示单行显示文本框，但输入的数据用星号表示； B、radio表示单选按钮； C、reset表示重置按钮，将重置表单数据，以便重新输入； D、button表示提交按钮 参考答案：ABC4、method属性用于设置表单数据的提交方式，其取值可以为（ ）或（ ）。 A、get B、auto C、post D、take 参考答案：AC5、下面关于表单的描述正确的是： A、表单是网页上用来显示或收集用户信息的区域，并将收集的信息发送给服务器端程序处理。 B、最常见的表单应用有搜索引擎页面、用户登录页面、用户注册页面等。 C、表单由文本域、复选框、单选框、菜单、文件地址域、按钮等表单元素组成。 D、表单是客户端和服务器端传递数据的桥梁，是实现用户和服务器互动的最主要方式。 参考答案：ABCD6、novalidate属性用于指定在提交表单时取消对表单进行有效的检查。 参考答案：正确7、autocomplete属性用于指定表单是否有自动完成功能。 参考答案：正确8、email也是HTML5新增的输入类型，email类型的input元素是一种专门用来输入E-mail地址的文本框。用户在提交表单时，如果该文本框中的内容不是email地址格式的文字，也允许提交。 参考答案：错误9、number用于包含数值的输入框。提交表单时，自动验证输入的值。 参考答案：正确10、range类型的input元素以滑动条的形式包含一定范围内数值的输入域。它与number类型一样可以设置所接受的数值的限定。 参考答案：正确单元测验1、textarea也称之为文本域，其（ ）属性规定描述文本区域预期值的简短提示。 A、required B、wrap C、placeholder D、autofocus 参考答案：C2、表单的（ ）属性用于指定接收并处理表单数据的服务器url地址。 A、method B、action C、name D、id 参考答案：B3、下列关于type的属性值指定输入类型，说法正确的有（ ） A、password表示单行显示文本框，但输入的数据用星号表示； B、radio表示单选按钮； C、reset表示重置按钮，将重置表单数据，以便重新输入； D、button表示提交按钮 参考答案：ABC4、method属性用于设置表单数据的提交方式，其取值可以为（ ）或（ ）。 A、get B、auto C、post D、take 参考答案：AC5、下面关于表单的描述正确的是： A、表单是网页上用来显示或收集用户信息的区域，并将收集的信息发送给服务器端程序处理。 B、最常见的表单应用有搜索引擎页面、用户登录页面、用户注册页面等。 C、表单由文本域、复选框、单选框、菜单、文件地址域、按钮等表单元素组成。 D、表单是客户端和服务器端传递数据的桥梁，是实现用户和服务器互动的最主要方式。 参考答案：ABCD6、select标签需要使用option标签定义列表的可用选项，它的语法格式如下所示： </select> <option name="selected“ value=" value1">item1</option> <option name="selected" value="value2">item2</option> <option name="selected" value="value3">item3</option>

A、其中name属性为列表框或组合框定义名称标识，size属性指定列表框中行的显示数量，如果选项数目大于size值，则会出现垂直滚动条。如果没有定义size属性，或者size属性值为1，则呈现为菜单样式。

B、multiple属性设置时，允许同时选择多个选项，不设置则只允许选择一个选项。

C、选项标签<option>有两个常用属性：selected和value。其中selected属性指定首次显示列表时该选项为选中状态，value属性指定选项的取值。

D、当选项列表过长时，不便于用户选择选项，可以进行组合处理解决这一问题。标签可以定义组合选择，使用它对过长的选项进行组合处理，该标签在标签中直接指定，不允许嵌套。