html练习题答案
HTML5网页设计与制作习题练习与答案
练习1一、填空题1、网站由网页构成,并且根据功能的不同,网页又有静态网页和动态网页之分。
2、Web标准是一系列标准的集合,主要包括结构、表现和行为。
3、HTML中文译为超文本标记语言,主要是通过HTML标记对网页中的文本、图片、声音等内容进行描述。
4、HTML语言主要是通过HTML标记对网页中的文本、图片、声音等内容进行描述。
5、在网站建设中,HTML用于搭建页面结构,CSS用于设置页面样式,JavaSCript用于为页面添加动态效果。
二、判断题1、因为静态网页的访问速度快,所以现在互联网上的大部分网站都是由静态网页组成的。
(X )2、网页主要由文字、图像和超链接等元素构成,但是也可以包含音频、视频以及Flash等。
(√)3、“HTTP”是一种详细规定了浏览器和万维网服务器之间互相通信的规则。
(√)4、URL(英文Uniform Resource Locator的缩写)中文译为“统一资源定位符”。
URL其实就是Web地址,俗称“网址”。
(√)5、DNS(英文Domain Name System的缩写)是域名解析系统。
但是,在Internet上域名与IP地址之间并不是对应的。
(X)6、Firebug是IE浏览器中常用的一个插件,属于IE强力推荐的插件之一。
(X)7、在网站建设中,JavaScript用于搭建页面结构。
(X )8、实际网页制作过程中,最常用的网页制作工具是Dreamweaver。
(√)9、在Dreamweaver中制作网页,在菜单栏中选择【文件】→【保存】选项,或使用快捷键Ctrl+S,即可完成文件的保存。
(√)10、所有的浏览器对同一个CSS样式的解析都相同,因此页面在不同浏览器下的显示效果完全一样。
(X)三、选择题1、在Dreamweaver中,使用主浏览器预览网页的快捷键是(B)A、Ctrl+SB、F12C、F5D、Ctrl+F122、使用内嵌式添加CSS样式,CSS样式需要写在(D)A、<title></title>标记之间B、<head></head>标记之间C、<body></body>标记之间D、<style></style>标记之间3、下面选项中,对JavaScript语言描述正确的是(ABD )A、JavaScript是Web页面中的一种脚本语言文字。
2019年HTML测试题_答案
a)<TABLE>
<TD>
<TR>单元格1</TR>
<TR>单元格2</TR>
</TD>
</TABLE>
b)<TABLE>
<TR>
<TD>单元格1</TD>
<TD>单元格2</TD>
</TR>
</TABLE>
c)<TABLE>
<TR>
<TD>单元格1</TD>
2.在Dreamweaver中,下列有关属性检查器的说法正确的是()。(选择两项)
a)属性检查器提供用于检查和编辑当前选定的页面元素的属性的选项
b)在属性检查器中所做的所有属性修改将立即应用到文档窗口中
c)关闭属性检查器,可以通过选择菜单"查看"->"选择对象属性"再现属性检查器
d)属性检查器最初显示选定元素最常用的属性,可以通过单击扩展箭头显示更多属性
<Li>超连接
<Li>基本标记
<Li>使用表和层
</OL>
7.分析下面的JavaScript语句:str="This apple costs"+5+执行后str的结果是()(选择一项)
a)This apple costs
b)This apple costs
c)"This apple costs"
HTML5 动效设计练习题及答案
HTML5 动效设计练习题及答案HTML5是一种常用的网页设计语言,不仅可以实现静态网页的展示,还可以通过动效设计增添页面的活力与吸引力。
下面是几道HTML5动效设计练习题及其答案,帮助大家提升动效设计能力。
练习题一:旋转动画请实现一个旋转动画效果,点击页面中的一个元素,该元素会以顺时针方向旋转180度,再次点击则恢复原来的状态。
```html<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>旋转动画</title><style>.rotate {width: 100px;height: 100px;background-color: #f00;transition: transform 0.5s;}</style><script>function rotateElement() {const element = document.getElementById('rotate-element');if (element.style.transform === 'rotate(180deg)') {element.style.transform = 'rotate(0)';} else {element.style.transform = 'rotate(180deg)';}}</script></head><body><div id="rotate-element" class="rotate"onclick="rotateElement()"></div></body></html>```练习题二:透明度渐变请实现一个元素透明度渐变的动画效果,鼠标悬停在元素上时,元素的透明度从0渐变到1,鼠标移出时又逐渐恢复透明度为0。
HTML测试题 (含答案)
G1 HTML测试题(笔试)1.在html中,样式表按照应用方式可以分为三种类型,其中不包括( d )。
A.内嵌样式表B.行内样式表C.外部样式表文件D.类样式表2.在HTML中,可以使用( d )标记向网页中插入GIF动画文件。
A.<FORM>B.<BODY>C.<TABLE>D.<IMG>3.在HTML上,将表单中INPUT元素的TYPE属性值设置为( a )时,用于创建重置按钮。
A.resetB.setC.buttonD.image4.分析下面的HTML代码段,该页面在浏览器中的显示效果为( a )。
<HTML><body><marquee scrolldelay="200" direction="right">Welcome!</marquee></body></HTML>A.从左向右滚动显示“Welcome!”B.从右向左滚动显示“Welcome!”C.从上向下滚动显示“Welcome!”D.从下向上滚动显示“Welcome!”5.在制作HTML页面时,页面的布局技术主要分为( d )。
A.框架布局B.表格布局C.DIV层布局D.以上全部选项6.如果在catalog.htm中包含如下代码,则该HTML文档IE浏览器中打开后,用户单击此链接将( c )。
<A HREF="#novel">小说</a>A.使页面跳转到同一文件夹下名为“novel.html”的HTML文档B.使页面跳转到同一文件夹下名为“小说.html”的HTML文档C.使页面跳转到catalog.htm包含名为“novel”的锚记处D.使页面跳转到同一文件夹下名为“小说.html”的HTML文档中名为“novel”的锚记处7.要在网页中显示如下文本,要求字体类型为隶书、字体大小为6,则下列HTML代码正确的是( c )。
HTML课后习题(带答案)
HTML课后习题一、选择题1. 下列标签中,用于设置字体大小、颜色的标签是(D)A. bB. subC. supD. font2.关于下列代码片段,说法错误的是(A)<img src = "a.jpg" align = "left" width = "100" height = "100" / >A. 用于在HTML文档中插入图像链接B. 图像以100×100的大小显示C. <image>标签用于在页面中显示一张图像D. 图像的对齐方式为左对齐3. 下面关于文件路径的说法错误的是(C)A. 文件路径指文件存储的位置B. “../”用于返回当前目录的上一级目录C. “../”用于访问当前目录的下一级目录D. 访问下一级目录直接输入相应的目录名即可4.关于下面代码片段,解释正确的是(C)<cite>This example uses the CITE element to render a citation in italic.</cite><br/><strong>The example uses the STRONG element to stand out in bold.</strong><br/>A. 标签cite 用于设置内容以黑体显示B. 标签strong 用于设置内容以斜体显示C. 标签face用于设置文本的字体D. 标签strong 用于显示引用文本5. 下列关于锚点说法错误的是(BCD)A. <a>标签的href属性用于指定要链接内容的地址B. 命名锚点使用的标签为<name>C. 使用锚点只能链接文档的文本D. 使用锚点可以链接当前文档的指定位置,也可以链接其他内容中的指定位置1. 用于设置单元格之间距离的属性是(B)A. borderB. cellspacingC. cellpaddingD. margin2.运行以下代码,在浏览器中将显示(AD)<table border = "0"><tr><th>姓名</th><th>年龄</th></tr><tr><td>张明</td><td>28</td></tr><tr><td>李红</td><td>23</td></tr></table>A. 三行两列的表格B. 二行两列的表格C. 表格带有边框D. 表格的间距为03.有关下列代码分析不正确的是(A)<table width = "100" border = "0" cellspacing = "0" cellpadding = "0"> <tr><td rowspan = "2">电话卡</td><td>联通</td></tr><tr><td>移动</td></tr></table>A. 第一行有两列,第二行有一列B. 第一行的第一列跨两行C. 单元格的间距和边距为0D. 单元格的宽度为100px4. 用于设置单元格内容在垂直方向上居中的属性是(D)A. centerB. marginC. alignD. valign5. 用于在网页中创建表单的标签是(D)A. <option>B. <select>C. <input>D. <form>6. 在网页中通常采用(D)完成性别的输入A. 复选框B. 文本框C. 密码框D. 单选按钮7.关于下面代码片段分析正确的是(D)<form name = "myform" action = "checkLogin.do" method = "post">... ...</form>A. 表单的名称为myformB. 表单的数据提交的位置是checkLogin.doC. 表单提交的数据将会出现在地址栏中D. 以post方式提交的表单数据没有大小限制1. 下面选项中(B)应用了行内样式A. <p class = "style">B. <p style = "color : red ;">C. <p id = "content">D. <p class = "style1 style2">2.对以下代码片段分析正确的是(ABC)<p style = "border : 1 px solid red ; font-size : 16 px ; backgroud-color : gray ; ">A. 段落的背景色为grayB. 段落的边框大小为1pxC. 段落的字体大小为16pxD. 样式应用错误3. 有关选择器的说法正确的是(B)A. 类选择器只能应用于某一类HTML元素B. ID选择器可以重复使用C. 标签选择器的优先级高于类选择器D. 标签选择器用于修改HTML元素默认的样式4. 下列选项中(D)可以设置页面元素的背景图像A. backgroud-colorB. fontC. borderD. backgroud5. 下列说法错误的是(B)A. ID选择器的优先级高于Class选择器B. ID选择器应用具有唯一性C. Class选择器可以重复应用于多个页面元素D. 伪类选择器只能用于定义超链接的状态1. 下列选项中(A)属性可以隐藏页面元素A. displayB. floatC. clearD. Font2. 下列属性中,不属于块状标签的是(B)A. <h1>B. <span>C. <p>D. <div>3.关于下列代码片段分析不正确的是(B)<style type = "text/css">a {display : inline ;display : block ;width : 100px ;height : 30px ;border : 1px solid red ;}</style>A. 以上代码用于修改超链接标签的默认样式B. 超链接将以块状方式显示C. 超链接的宽度为100px,高度为30pxD. 超链接在同一行显示4. 下列选项中关于标签div与span的说法正确的是(B)A. span标签只能用于文本内容B. div标签显示时将独占一行C. span标签在浏览器中显示是将占满一行D. 多个div标签元素将在同一行显示5. 以下属性中,可以用于设置段落文本缩进的是(D)A. text-alignB. text-weightC. font-indentD. text-indent1.有关下面代码片段,说法正确的是(C).cell : hover td{color : #000000 ;cursor : pointer ;backgroud-color : #99CCCC ;}A. cell为id选择器B. cursor : pointer用于设置鼠标文本形式C. cell : hover td用于设置cell在鼠标悬停时和td的样式规则D. cell : hover td用于设置在鼠标悬停时cell下的所有td的样式规则2. 下列属于子类选择器的是(A)A. body p { }B. body > p { }C. body , p { }D. body + p { }3. 最常见的页面布局由(ABD)组成A. banner部分B. 内容部分C. 图片列表D. 版权声明部分4. 在制作系统后台页面时,通常会优先考虑的布局是(A)A. DIV布局B. 框架布局C. 表格布局D. 文字布局5. 采用DIV+CSS设计页面布局的优势包括(ACD)A. 减少页面冗余代码B. 更容易修改和维护C. 容易被搜索引擎收录D. 可以轻松地控制页面布局1. 下列选项中,用于设置超链接所指向页面的URL属性是(C)A. nameB. targerC. hrefD. title2. 下列选项中,用于设置页面元素边框样式的属性是(D)A. borderB. marginC. padding-topD. bordercolor3. 下列选项中,用于设置页面之间间距的属性是(B)A. marginB. paddingC. borderD. text-align4. 在Dreamweaver中创建模板,系统会自动在站点根目录下创建(A)文件夹以保存模板文件A. TemplatesB. tempsC. imagesD. css5. 下面关于模板说法不正确的是(C)A. 模板是一个Dreamweaver提供的特殊文件,可以同时更新多个页面B. 修改模板的可编辑区域不会影响应用模板的页面C. 创建模板时通常不需要创建可编辑区域D. 某个页面应用模板后,根据页面设计需要可直接在页面中对不可编辑区进行修改。
Html5程序设计基础教程(练习题参考答案)
第1章HTML 5概述一、选择题1.A 2.D 3.C 4.C二、填空题1.HyperText Markup Language2.<img>3.HTML4.UTF-85.<menu>6.contextmenu7.async8.<details>9.Geolocation API10.Web Workers三、简答题1.答:● <section> 标签用于定义文档中的区段。
● <header>标签用于定义文档的页眉(介绍信息)。
● <footer>标签用于定义区段(section)或文档的页脚。
通常,该元素包含作者的姓名、文档的创作日期或者联系方式等信息。
● <nav>标签用于定义导航链接。
● <article>标签用于定义文章或网页中的主要内容。
● <aside>标签用于定义主要内容之外的其他内容。
● <figure>标签用于定义独立的流内容(图像、图表、照片、代码等等)。
2.答:● <mark>标签用于定义带有记号的文本。
● <time>标签用于定义公历的时间(24小时制)或日期,时间和时区。
● <meter>标签用于定义度量衡。
● <progress>标签用于定义定义一个进度条。
3.答:在HTML 5中可以通过下面的方法进行绘图:●使用Canvas API动态地绘制各种效果精美的图形;●绘制可伸缩矢量图形(SVG)。
4.答:HTML5新增的与数据存储和数据处理相关的新功能如下:(1)Web通信在HTML 4中,出于安全考虑,一般不允许一个浏览器的不同框架、不同标签页、不同窗口之间的应用程序互相通信,以防止恶意攻击。
如果要实现跨域通信只能通过Web服务器作为中介。
但在桌面应用中,经常需要进行跨通信。
HTML 5提供了这种跨域通信的消息机制。
HTML试题及标准答案.doc
1.在 HTML中 , 表示页面背景的是 ( )A. <body bgcolor=>B. <body bkcolor=>C. <body agcolor=>D. <body color=>A2. HTML中 <body text=red>, 表示()A. 正在点击文字的色彩是红色。
B. 可可链接文字的色彩是红色。
C. 非可链接文字的色彩是红色。
D. 已链接文字的色彩是红色。
C3.下列表示,可链接文字的颜色是黑色的是()A.<body link=black>B.<body text=black>C.<body vlink=black>D.<body alink=black>A4.下列表示,已经点击 ( 访问 ) 过的可链接文字的的颜色是黑色的是()A.<body alink= ” #000000”>B.<body link= ” #000000” >C.<body vlink= ” #000000”>D.<body blink= ” #000000”>C5.下列表示,正被点击的可链接文字的颜色是白色的是()A. <body link= ” #ffffff ” >B. <body vlink= ” #ffffff ”>C. <body alink= ” #ffffff ”>D. <body blink= ” #ffffff ”>C6. <body leftmargin=>, 表示()A.页面左边的表格大小B.页面左边的空白大小C.页面左边的可用区域大小D.页面左边的可编辑区域大小B7. <body topmargin=>,表示()A.页面上边的表格大小B.页面上边的空白大小C.页面上边的可用区域大小D.页面上边的可编辑区域大小B8.链接 (Link) 基本语法是()A.<a goto="URL"> ... </a>B.<a herf="URL"> ... </a>C.<a link="URL"> ... </a>D.<a href="URL"> ... </a>D9.表示跳转到页面的” bn”锚点的代码是:()A.<a link="#bn"> ... </a>B.<a href="bn"> ... </a>C.<a href="#bn"> ... </a>D.<a herf="bn"> ... </a>10. <a href="#bn"> ... </a>,表示()A.跳转到” bn”页面B.跳转到页面的” bn”锚点C.超链接的属性是” bn”D.超链接的对象是” bn”B11.跳转到””页面的” bn”锚点的代码是 ()A.<a href="&bn"> ... </a>B.<a href="bnl#hellohtml"> ... </a>C.<a href="#bn"> ... </a>D.<a href="#bn"> ... </a>C12. <a href="#top"> ... </a>,表示()A.跳转到””页面的顶部B.跳转到””页面的” top ”锚点C.跳转到””页面的底部D.跳转到””页面的文字” top ”所在链接B13.表示新开一个窗口的超链接代码是()A.<a href=URL target=_new>..</a>B.<a href=URL target=_self>..</a>C.<a href=URL target=_blank>..</a>D.<a href=URL target=_parent>..</a>C14. <a href=URL target=_blank>..</a>,表示()A.链接到” balnk ”的超链接代码B.在本窗口中打开的超链接代码C.打开一个空窗口的超链接代码D.新开一个窗口的超链接代码D15.<a href=URL target=_parent>..</a>, 表示()A.打开一个空窗口的超链接代码B.在父窗口打开超链接的代码C.新开一个窗口的超链接代码D.在本窗口中打开一个超链接的代码B16.在父窗口打开超链接的代码是()A.<a href=URL target=_top>..</a>B.<a href=URL target=_parent>..</a>C.<a href=URL target=_blank>..</a>D.<a href=URL target=_self>..</a>B17. <a href=URL target=_self>..</a>,表示()A.打开一个空窗口的超链接代码B.新开一个窗口的超链接代码C.在父窗口打开超链接的代码D.在本窗口打开超链接的代码D18.在本窗口打开超链接的代码是()A.<a href=URL target=_top>..</a>B.<a href=URL target=_parent>..</a>C.<a href=URL target=_blank>..</a>D.<a href=URL target=_self>..</a>D19.在框架中,在整个框架页中打开链接的代码是()A.<a href=URL target=_blank>..</a>B.<a href=URL target=_top>..</a>C.<a href=URL target=_main>..</a>D.<a href=URL target=_self>..</a>B20. <a href=URL target=_top>..</a>,表示()A.在框架页中的主框架中打开链接B.在框架页中的上面框架中打开链接C.在整个框架页中打开链接D.在本窗口打开超链接C21.在框架页中的主框架中打开链接的代码是()A.<a href=URL target=_left>..</a>B.<a href=URL target=_blank>..</a>C.<a href=URL target=_top>..</a>D.<a href=URL target=_main>..</a>D22.在框架页中的左边框架中打开链接的代码是()A.<a href=URL target=_top>..</a>B.<a href=URL target=_left>..</a>C.<a href=URL target=_left>..</a>D.<a href=URL target=#left>..</a>B23. <a href=URL target=_left>..</a>, 表示 ()A.在框架页中的主框架中打开链接B.在框架页中的左面框架中打开链接C.在整个框架页中打开链接D.在本窗口打开超链接B24.表示标尺线的 HTML代码是 ()A.<hr>B.<br>C.<hr></hr>D.<tr>A25.表示标尺线的大小的 HTML代码是 ()A.<hr size=>B.<hr long=>C.<hr height=>D.<hr space=>26. <hr color=red>表示()A.页面的颜色是红色B.水平线的颜色是红色C.框架颜色是红色D.页面顶部是红色B27.表示水平线对齐方式为左对齐的HTML代码是 ()A.<br align=left>B.<tr align=left>C.<hr align=left>D.<hr align=right>28.<hr noshade> 表示 ()A.表示水平线没有阴影B.表示水平线没有边框C.表示页面边界没有阴影D.表示水平线不显视A29.下列表示下标的是()A.<sup>.</sup>B.<sub></sub>C.<top></top>D.<B下列说法错误的是()A.<sup></sup> 表示上标B.<em></em>表示下划线C.<s></s> 表示删除线D.<strike></strike>表示删除线B30.下列说法错误的是()A.<s></s> 表示上标B.<strike></strike>表示删除线C.<sup></sup> 表示上标D.<u></u> 表示下划线31.<strong></strong> 表示()A.斜体B.粗体C.下划线D.上标B32.红色的 RGB代码是()A.#00ff00B.#ff0000C.#ooooffD.#f0f0f0B33.灰色的 RGB代码是()A.#FF00FFB.#909090C.#CCCCCCD.#000000C34.换行符的 HTML代码是()A.<hr>B.<br>C.<tr>D.<hr></hr>B35.下列说法正确的是()A.<p>和 <br> 的区别是 <p>插入了一个空行B.<p>和 <br> 的区别是 <p>不是换行符,而 <br> 是C.<p>和 <br> 的区别就是 <p>后面不能加入文字D.<p>和 <br> 的区别就是 <b>后面不能加入文字A36.无序列表的 HTML代码是()A.<li><ui>...</li>B.<ul><li>...</ul>C.<Ol><li>...<Ol>D.<li><ol>...</li>B37.有序列表的 HTML代码是()A.<ul><li>...</ul>B.<li><ul>...</li>C.<ol><li>...</ol>D.<li><ol>...<li>C38.定义列表的 HTML代码是()A.<dt><dl>***<dd>***</dl>B.<dd><dt>***<dl>***</dd>C.<dt><dd>***<dl>***</dt>D.<dl><dt>***<dd>***</dl>D39.下列说法错误的是()A.disk 是定制表中 type 的标记B.left 是定制表中 type 的标记C.circle 是定制表中 type 的标记D.square 是定制表中 type 的标记B40.定制表中 type 标记中的 circle 表示()A.圆点B.圆环C.字母D.方块B41.定制表中 type 标记中的 disk 表示()A.圆点B.圆环C.字母D.方块A42.定制表中 type 标记中的 square 表示()A.圆点B.圆环C.字母D.方块D43.定制有序列表表中的序号的起始值的表示法为()A.<ol begint=#>B.<ol star=#>C.<ol still=#>D.<ol start=#>D44. <spacer type="horizontal" size=#>表示()A.水平空白宽度B.竖直空白宽度C.水平空白高度D.竖直空白高度45. <spacer type=" vertical " size=#>表示()A.水平空白宽度B.竖直空白宽度C.水平空白高度D.竖直空白高度46. <multicol cols=#> ... </multicol>,cols表示()A.列的数目B.列间的空白C.列的宽度D.列的长度47. <multicol gutter=#> ... </multicol>,gutter表示()A.列的数目B.列间的空白C.列的宽度D.列的长度48. <multicol width=#> ... </multicol>表示()A.单行文本B.多列文本C.多行文本D.单列文本C49.<img alt=#> ,表示()A.图像的地址B.图像的排列方式C.在浏览器尚未完全读入图象时,在图象位置显示的文字D.在浏览器尚未完全读入图象时,在图象的上方显示的文字50.html 中段落标志中,标注文件子标题的是A <Hn></Hn>B <PRE><PRE>C <p>D <BR>A51.下列哪一项是 " 多选式选单 " 的语法A.<SELECT MULTIPLE>B.<SAMP></SAMP>C.<ISINDEX PROMPT="***">D.<TEXTAREA WRAP=OFF|VIRTUAL|PHYSICAL></TEXTAREA> A52.禁止表格格子内的内容自动断行回卷的HTML代码是A.<tr valign=>B. <td colspan=#>C. <td rowspan=#>D. <td nowrap>53.html 语言中,创建一个位于文档内部的靶位的标记是A.<name="NAME">B.<name="NAME"></name>C.<a name="NAME"></a>D.<a name="NAME"C54.HTML的段落标志中 , 标注行中断的是A.<Hn> </Hn>B.<PRE> </PRE>C.<P>D.<BR>C55.HTML文本显示状态代码中 ,<SUP></SUP>表示A.文本加注下标线B.文本加注上标线C.文本闪烁D.文本或图片居中B56.创建一个滚动菜单的 HTML代码是A.<form></form>B.<select multiple name="NAME" size=></select>C.<option>D.<select name="NAME"></select>57.创建打字机风格的字体的代码是A.<tt></tt>B.<cite></cite>C.<em></em>D.<font size=></font>A58.HTML语言中,设置正在被点中的链接的颜色的代码是A.<body bgcolor=>B.<body alink=>C.<body link=>D. <body vlink=>B59.HTML文本显示状态代码中 ,<CENTER></CENTER>表示A. 文本加注下标线B.文本加注上标线C.文本闪烁D.文本或图片居中D60.加入一条水平线的 HTML代码是A.<hr>B.<img src="name" border=>C.<img src="name" align=>D.<img src="name">A61.表示放在每个定义术语词之前的HTML代码是A.<dl></dl>B.<dt>C.<dd>D.<ol></ol>62.禁止表格格子内的内容自动断行回卷的HTML代码是A.<tr valign=>B.<td colspan=#>C.<td rowspan=#>D.<td nowrap>D63.HTML的颜色属性值中, Purple 的的代码是A. "#800080"C."#FF00FF"D."#00FFFF"A64.HTML代码 <img src="name"> 表示A.添加一个图象B.排列对齐一个图象C.设置围绕一个图像的边框的大小E.加入一条水平线A65.html 语言中,设置围绕表格的边框的宽度的标记是A.<table border=#>B.<table cellspacing=#>C.<table cellpadding=#>66.<frameset cols=#> 是用来指定什么的A.混合分框B.纵向分框C.横向分框D.任意分框B67.能够设置成口令域的是()。
HTML习题答案汇总
第一章习题1.HTML指的是( A )。
A超文本标记语言(Hyper Text Markup Language)B家庭工具标记语言(Home Tool Markup Language)C超链接和文本标记语言(Hyperlinks and Text Markup Language)2.web标准的制定者是( B )。
A 微软 B万维网联盟(W3C) C网景公司(Netscape)3.用HTML标记语言编写一个简单的网页,网页最基本的结构是( D )。
A <html> <head>…</head> <frame>…</frame> </html>B <html> <title>…</title> <body>…</body> </html>C <html> <title>…</title> <frame>…</frame> </html>D <html> <head>…</head> <body>…</body> </html>4.从IE浏览器菜单中选择____查看源文件命令,可以在打开的记事本中查看到网页的源代码。
5.实现网页交互性的核心技术是_______ JavaScript _______________。
6.CSS的全称是________ Cascading Style Sheet __________ ______。
7.写出你了解的专业网页编辑制作工具_____Dreamweaver_,_ EditPlus ___________。
8.URL的全称是____Uniform Resource Locator_____________________________。
2019年HTML测试题_答案
c)<P>我们是<SPAN FONT="font-size:25">北大青鸟</SPAN>的学员!
d)<P><SPAN STYLE="font-size:25">我们是北大青鸟</SPAN>的学员!
5.下面代码使用HTML元素的ID属性,将样式应用于网页上的某个段落:
emp=new Array(5);
emp[1]=1;
emp[2]=2;
;
输出的结果是(d)。(选择一项)
a)2b)3c)4d)5
元素的TYPE用于指定表单元素的类型,可用的类型有(a,d)。(选择两项)
a)BUTTONb)TEXTAREAc)SELECTd)HIDDEN
21.要求用Javascript实现下面的功能:
(s2);
页面上会显示(b)(选择一项)
a)15b)stringc)15d)什么都没有
29.在表单form1中有一个文本框fname,用于输入电话号码,格式:0,前三位是010,紧接一个"-",后面是8位数字。要求在提交表单时,能根据上述条件检验电话号码输入的有效性,下面语句中,(b)能实现这一功能(选择一项)
选择两项a属性检查器提供用于检查和编辑当前选定的页面元素的属性的选项b在属性检查器中所做的所有属性修改将立即应用到文档窗口中c关闭属性检查器可以通过选择菜单quot
1.下面语句中,()可以在网页上通过链接直接打开客户端的发送邮件的工具发送电子邮件。(选择一项)
HTML期末复习题含答案
HTML期末复习题(含答案)单选题(1)WWW是万维网的意思。
答案:BA.网页B.万维网 C.浏览器 D.超文本传输协议(2)在网页中显示特殊字符,如果要输入“<”,应使用_<________。
答案:DA.lt; B.≪ C.< D.<(3)以下有关列表的说法中,错误的是:。
答案:DA.有序列表和无序列表可以互相嵌套。
B.指定嵌套列表时,也可以具体指定项目符号或编号样式。
C.无序列表应使用 UL 和 LI 标记符进行创建。
D.在创建列表时,LI 标记符的结束标记符不可省略。
(4)以下关于FONT标记符的说法中,错误的是:答案:DA.可以使用 color 属性指定文字颜色。
B.可以使用 size 属性指定文字大小(也就是字号)。
C.指定字号时可以使用 1~7 的数字。
D.语句 <FONT size="+2">这里是2号字</FONT> 将使文字以2号字显示。
(5)以下关于JPEG图像格式中,错误的是:答案:BA.适合表现真彩色的照片。
B.最多可以指定1024种颜色。
C.不能设置透明度。
D.可以控制压缩比例。
(6)如果要在表单里创建一个普通文本框,以下写法中正确的是:。
答案:A A.<INPUT>B.<INPUT type="password">C.<INPUT type="checkbox">D.<INPUT type="radio">(7)以下有关表单的说明中,错误的是:。
答案:CA.表单通常用于搜集用户信息。
B.在 FORM 标记符中使用 action 属性指定表单处理程序的位置。
C.表单中只能包含表单控件,而不能包含其他诸如图片之类的容。
D.在 FORM 标记符中使用 method 属性指定提交表单数据的方法。
网页设计与制作试题(HTML基础)有答案
1.HTML 文件必须使用htm 或者(B)作为文件扩展名。
A.docB. htmlC. jspD. aspx2.HTMl是指(A)。
A.超文本标签语言B. 汇编语言C. 服务端端语言D.脚本语言3.WWW是(B)的意思。
A.网页B.万维网C.浏览器D.超文本传输协议4.在网页中显示特殊字符,如果要输入“<”,应使用(D)。
A.lt; B.≪ C.< D.<5.以下说法中,错误的是:(D)。
A.获取WWW服务时,需要使用浏览器作为客户端程序。
B.WWW服务和电子邮件服务是Internet提供的最常用的两种服务。
C.网站就是一系列逻辑上可以视为一个整体的页面的集合。
D.所有网页的扩展名都是.htm。
6.以下说法中,错误的是:(B)。
A.网页的本质就是HTML源代码。
B.网页就是主页。
C.使用“记事本”编辑网页时,通常应将其保存为.htm 或.html 后缀。
D.本地网站通常就是一个完整的文件夹。
7.浏览网页时,通常使用以下协议:(C)。
A.mailto B.FTP C.HTTP D.TCP/IP8.在网页中显示特殊字符,如果要输入空格,应使用(D)。
A.nbsp; B.&Nbsp; C.  D. 9.以下软件中,不能直接用来编辑HTML 文件的是:(C)。
A.记事本B.FrontPage C.Flash D.Dreamweaver10.以下有关HTML 标记符的属性的说法中,错误的是:(C)。
A.在HTML中,所有的属性都放置在开始标记符的尖括号里。
B.属性与HTML标记符的名称之间用空格分隔。
C.属性的值放在相应属性之后,用等号分隔;而不同的属性之间用分号分隔。
D.HTML 属性通常也不区分大小写。
二、填空题1.如果要为网页指定黑色的背景颜色,应使用以下html语句:<body __bgcolor=”black”或bgcolor=”#000000”_______>。
html习题附答案-!#!¥%@)
html完整总分:146单选题说明:1. 下面语句中,()将HTML页面的标题设置为“HTML练习”(2分)(A)<HEAD> HTML练习</HEAD>(B)<TITLE> HTML练习</TITLE>(C)<H> HTML练习</H>(D)<T> HTML练习</T>参考答案:B解题思路:无2. 下列标签中,用于设置下标的标签是()。
(2分)(A)sub(B)sup(C)font(D)b参考答案:A解题思路:无3. 下列选项中,用于设置边框粗细的属性为()。
(2分)(A)border-color(B)border-width(C)border-style(D)border-size参考答案:B解题思路:无4. 在HTML页面中,要显示如图所示的表格,应在下方HTML 代码的下划线处填写()性别男女<table border = “1”> <tr><td __= “2>性别</td></tr> <tr><td>男</td><td>女</td></tr> </table>(2分)(A)rows(B)cols(C)rowspan(D)colspan参考答案:D解题思路:无5. 在网页中通常采用()完成性别的输入。
(2分)(A)复选框(B)文本框(C)密码框(D)单选按钮参考答案:D解题思路:无6. 用于在网页中创建表单的标签是()。
(2分)(A)<form>(B)<select>(C)<button>(D)<input>参考答案:A解题思路:无7. 分析下面HTML代码,下面说法正确的是( ) ……. <body bgcolor="lanvender" font="arial"> <H1> <font size="2">你喜欢什么编程语言?</font> </H1> <p> <ul><li>C++</li><li>Java</li><li>VB</li> </body>(2分)(A)页面全部的字体大小为2(B)页面背景颜色为“lanvender”(C)“C++”、“Java”、“VB”显示在同一行(D)“C++”、“Java”、“VB”前面是1、2、3编号参考答案:B解题思路:无8. 如果在catalog.htm中包含如下代码,则该HTML文档IE 浏览器打开后,用户点击此连接,将()。
HTMLCSS技能测试(带答案)
填空题:1.在HTML显示单选框的代码是:<input type= radio />。
2.写出HTML代码中的所有单标签<br><hr><img><input><param><meta><link> 。
3.文字居中的CSS代码是____text-align:center________。
4.<input id=’user’ class=’user’ type=’text’ >,根据代码书写其属性选择器[type=’text’]5.为div设置类a与b,应编写HTML代码_<div class=”a b”>_</div>_________。
6.在CSS中边框使用:border 内边距:padding 外边距:margin 。
7.Li 标签必须直接嵌套于ul、ol中。
8.CSS属性overflow用于设置元素超过宽度时是否隐藏或显示滚动条。
9.10.HTML锚点实现使用属性name 与链接的href 属性配合完成。
单选题:1.HTML指的是?(A )A.超文本标记语言(Hyper Text Markup Language)B.家庭工具标记语言(Home Tool Markup Language)C.超链接和文本标记语言(Hyperlinks and Text Markup Language)D.超级标记语言(Super markup language)2.Web 标准的制定者是?(B )A.微软(Microsoft)B.万维网联盟(W3C)C.网景公司(Netscape)D.腾讯公司(Tencent)3.下列说法描述正确的是?AA.HTML 不是一种编程语言,而是一种标记语言(markup language)B.HTML 代码不能用文本编辑工具编写C.HTML中的标签全部都是成对出现的D.HTML的head部分与body部分书写位置可以嵌套4.在下列的HTML 中,哪个是最大的标题?(D )A.<h6>B.<head>C.<heading>D.<h1>5.下列哪个样式定义后,内联(非块状)元素可以定义宽度和高度( C)A. display:inlineB. display:noneC. display:blockD. display:inheric6.选出你认为最合理的定义标题的方法( C)A. <span class=”heading”>文章标题</span>B. <p><b>文章标题</b></p>C. <h1>文章标题</h1>D. <strong>文章标题</strong>7.br标签在HTML中语义为( A)A.换行B.强调C.段落D.标题8.下面对于Web应用描述正确的是?(C )A.Web应用只能使用HTML5+CSS3 开发B.Web基于浏览器才能运行,所以开发成本很高C.Web应用可以及时上线,免去审核烦恼D.Web应用的用户体验感非常好9.HTML指的是?( A )A.超文本标记语言(Hyper Text Markup Language)B.家庭工具标记语言(Home Tool Markup Language)C.超链接和文本标记语言(Hyperlinks and Text Markup Language)D.HTML 指的是普通的文本开发语言(Hyper Text Markup Language)10.HTML5 之前的HTML 版本是?( A )A.HTML 4.01B.HTML 4C.HTML 4.1D.HTML 4.911.在HTML代码中,下列哪个可以插入折行、换行?( A )A.<br>B.<lb>C.<rb>D.<break>12.请选择产生粗体字的HTML 标签:(C )A.<bold>B.<bb>C.<b>D.<bld>13.如何制作电子邮件链接?(C )A.<a href="xxxyyy">B.<mail href="xxxyyy">C.<a href="mailto:xxxyyy">D.<mail>xxxyyy</mail>14.在下列HTML代码中,哪个可以添加背景颜色?( C )A.<body color=’red’>B.<background>red</background>C.<body bgcolor=’red’>D.<body color:red>15.以下选项中能产生斜体字的HTML标签是?( A )A.<i>B.<italics>C.<ita>D.<ii>16.如何在新窗口打开链接?(B )A.<a href="url" new>B.<a href="url" target="_blank">C.<a href="url" target="new">D.<a href="url" target="_self">17.下列HTML代码中,哪个可以产生超链接?( B )A.<a url=’.demo.’>demo</a>B.<a href=’.demo.’>demo</a>C.<a >.demo.</a>D.<a name=’.demo.’>demo</a>18.以下选项中,哪个全部都是表格标签?( B )A.<table><head><tfoot>B.<table><tr><td>C.<table><tr><tt>D.<table><body><tr>19.请选择可以使单元格中的内容进行左对齐的正确HTML 标签:(A )A.<td align="left">B.<td valign="left">C.<td leftalign>D.<tdleft>20.如何产生带有数字标识的列表(有序列表)?( B )A.<ul>B.<ol>C.<dl>D.<list>21.如何产生带有圆点列表符号的列表?(D )A.<dl>B.<list>C.<ol>D.<ul>22.下列HTML代码中,哪个可以产生下拉列表?( D )A.<list>B.<input type=’list’/>C.<input type=’dropdown’ />D.<select>23.在下列的HTML 中,哪个可以产生复选框?(C )A.<input type="check">B.<checkbox>C.<input type="checkbox">D.<check>24.在下列的HTML 中,哪个可以产生文本区(textarea)?(A )A.<textarea>B.<input type="textarea">C.<input type="textbox">D.<textfield>25.在下列的HTML 中,哪个可以产生文本框?(C )A.<input type="textfield">B.<textinput type="text">C.<input type="text">D.<textfield>26.在下列的HTML 中,哪个可以插入图像?(C )A.<img href="image.gif">B.<image src="image.gif">C.<img src="image.gif">D.<img>image.gif</img>27.下列HTML代码中,哪个可以插入背景图像?( B )A.<body src=’background.jpg’ />B.<body background = ‘background.jpg’ />C.<background img=’background.gif’ />D.<img src=’background.gif’ background/>28.下面哪项不可以对一个DOM设置它的CSS样式?( C )A.外部样式表,引入一个外部css文件B.内部样式表,将css代码放在<head> 标签内部C.外联样式,将css样式直接定义在外部的HTML元素上D.内联样式,将css样式直接定义在HTML 元素内部29.以下哪个CSS属性能让文本缩进显示?( A )A.text-indentB.text-alignC.text-transformD.text-decoration30.在HTML文档中,引用外部样式表的正确位置是?( D )A.文档的末尾B.文档的顶部C.<body>部分D.<head>部分31.下列选项中可用来定义内联样式的HTML代码是?( D )A.FontB.ClassC.StylesD.Style32.下列选项中CSS语法正确的是?( C )A.body:color=blackB.{body:color=black(body)}C.body{color:black}D.{body;color:black}33.下列选项中能为页面上所有的<h1>元素添加背景颜色的是?( B )A.h1.all{background-color:#ffffff}B.h1{background-color:#ffffff}C.all.h1{background-color:#ffffff}D.all{background-color:#ffffff}34.下列选项中能控制文本尺寸的CSS属性是?( A )A.font-sizeB.text-styleC.font-style35.如何使文字以大写字母开头?( A )A.text-transform:capitalizeB.无法通过CSS来实现C.text-transform:uppercaseD.text-transform:lowercase36.如何改变元素的字体类型?( C )A.font=B.f:C.font-family:D.font-size:37.如何使文本变为粗体?( B )A.font:bB.font-weight:boldC.style:boldD.font:bold38.CSS指的是?( B )puter Style SheetsB.Cascading Style SheetsC.Creative Style SheetsD.Colorful Style Sheets39.在以下的HTML 中,哪个是正确引用外部样式表的方法?(B )A.<style src="mystyle.css">B.<link rel="stylesheet" type="text/css" href="mystyle.css">C.<stylesheet>mystyle.css</stylesheet>D.<stylesheet rel="stylesheet" type="text/css" href="mystyle.css">mystyle.css</stylesheet>40.哪个HTML 标签用于定义内部样式表?(A )A.<style>B.<script>C.<css>D.<stylesheet>41.哪个HTML 属性可用来定义内联样式?(D )A.fontB.classC.stylesD.style42.如何在CSS 文件中插入注释?(C )A.// this is a commentB.// this is a comment //C./* this is a comment */D.' this is a comment43.哪个属性可用于改变背景颜色?(B )A.bgcolor:B.background-color:D.background-size:44.如何改变某个元素的文本颜色?(C )A.text-color:B.fgcolor:C.color:D.text-color=45.在以下的CSS 中,可使所有<p> 元素变为粗体的正确语法是?(C )A.<p style="font-size:bold">B.<p style="text-size:bold">C.p {font-weight:bold}D.p {text-size:bold}46.如何显示没有下划线的超链接?(A )A. a {text-decoration:none}B. a {text-decoration:no underline}C. a {underline:none}D. a {decoration:no underline}47.如何显示这样一个边框:上边框10 像素、下边框5 像素、左边框20 像素、右边框1 像素?(D )A.border-width:10px 5px 20px 1pxB.border-width:10px 20px 5px 1pxC.border-width:5px 20px 10px 1pxD.border-width:10px 1px 5px 20px48.如何改变元素的左外边距?(D )A.text-indent:B.indent:C.margin:D.margin-left:49.下列哪个标签是定义标题的( A )A、h1B、hrC、hwD、p50.html中的注释标签是( C )A、 <-- -->B、<--! -->C、<!-- -->D、<-- --!>51.<strong>…</strong>标签的作用是( D )A、斜体B、下划线C、上划线D、加粗52.网页中的空格在html代码里表示为( B )A、&B、 C、"D、<53.定义锚记主要用到<a>标签中的( A )属性。
HTML试题及答案
HTML练习题1(选择题)一、选择1.在一个框架的属性面板中,不能设置下面哪一项。
()A.源文件; B.边框颜色 ; C.边框宽度D.滚动条2. 下列哪一项表示的不是按钮。
()A.type="submit" B.type="reset" C.t ype="image" D.type="button"3.下面哪一个属性不是文本的标签属性?()A.nbsp; B.align C.color D.face4.下面哪一项的电子邮件链接是正确的?()A. B.xxx@.net C.xxx@comD.xxx@5.当链接指向下列哪一种文件时,不打开该文件,而是提供给浏览器下载。
()A.ASP B.HTMLC.ZIP D.CGI6.关于表格的描述正确的一项是。
()A.在单元格内不能继续插入整个表格B.可以同时选定不相邻的单元格C.粘贴表格时,不粘贴表格的内容D.在网页中,水平方向可以并排多个独立的表格7.如果一个表格包括有1行4列,表格的总宽度为“699”,间距为“5”,填充为“0”,边框为“3”,每列的宽度相同,那么应将单元格定制为多少像素宽。
()A.126 B.136C.147 D.1678.关于文本对齐,源代码设置不正确的一项是:()A.居中对齐:<div align="middle">…</div>B.居右对齐:<div align="right">…</div>C.居左对齐:<div align="left">…</div>D.两端对齐:<div align="justify">…</div>9.下面哪一项是换行符标签?()A.<body> B.<font> C.<br>D.<p>10.下列哪一项是在新窗口中打开网页文档。
网页前端设计(html5)期末试题与答案1
网页前端设计(html5) 试卷( 卷) 年 月考试级 专业一、选择题(每题1分,共20分)1.HTML 代码开始和结束的标记是 。
(A )以<html>开始,以</html>结束 (B )以<JavaScript>开始,以</JavaScript>结束 (C )以<style>开始,以</style>结束 (D )以<body>开始,以</body>结束 2.下列哪种语言可以实现网页交互功能 。
(A )HTML (B )CSS (C )C++ (D )JavaScript 3.以下标记中用于设置页面标题的是 。
(A )<dd> (B )<title>(C )<head> (D )<caption> 4.下面 是换行符标记。
(A )<enter> (B )<br> (C )<font> (D )<p>5.在HTML 中,标记<pre>的作用是 。
(A )转行标记 (B )标题标记 (C )文字效果标记 (D )预排版标记 6.下列哪一组属性不属于字体<font>标记的属性 。
(A )color (B )face (C )align (D )size 7.以下关于列表标记说法错误的是 。
(A )<ol>有序列表 (B )<ul>无序列表 (C )<dl>定义列表 (D )<li>嵌套列表 8. 下列哪一项表示相对路径是___________。
A )images/tu.gif (B )ftp://219.113.65.123 (C) /root (D ) 9.图像文件名为myhome.jpg ,要访问目标网站为 ,以下创建一个图像链接正确是___________。
HTML5 交互设计练习题及答案
HTML5 交互设计练习题及答案HTML5 是一种新一代的网页标准,不仅提供了更多的语义化标签,还支持多媒体、图形处理、本地存储等功能。
而交互设计则是指通过用户与页面的互动来提升用户体验。
本文将提供一些HTML5交互设计的练习题,并给出相应的答案。
练习题一:创建一个网页,包含一个按钮,点击按钮后弹出提示框显示 "Hello, World!"。
```html<html><head><title>HTML5 交互设计练习</title></head><body><button onclick="alert('Hello, World!')">点击我</button></body></html>```练习题二:创建一个网页,包含一个文本输入框和一个按钮。
点击按钮后,将输入框中的内容显示在网页上。
```html<html><head><title>HTML5 交互设计练习</title></head><body><input type="text" id="inputField"><button onclick="displayInput()">显示输入</button><p id="output"></p><script>function displayInput() {var input = document.getElementById("inputField").value; document.getElementById("output").innerHTML = input; }</script></body></html>```练习题三:创建一个网页,包含一个图片和一个按钮。
HTML复习题二参考答案
一、选择题(30*2=60分)()1、frame标记中是否要滚动条可以设置什么属性A、frameborderB、scrollingC、framespacing D.marginwidth()2、在XHTML中,样式表按照应用方式可以分为三种类型,其中不包括A、内嵌样式表B、行内样式表C、外部样式表文件D、类样式表()3、下列那种按钮是提交到服务器的按钮A.<input type=”button”>B.<in put type=”submit”>C.<input type=”reset”>D.<input type=”radio”>()4、使用以下那个属性可以使单选按钮的初始状态为选中状态A.name B.value C.selected D.Checked()5、使用以下那个属性可以使下拉菜单的某个项处于选中状态A.name B.value C.selected D.Checked()6、若要在网页中插入样式表main.css,以下用法中,正确的是()。
A.<Link href=”main.css” type=text/css rel=stylesheet>B.<Link s rc=”main.css” type=text/css rel=stylesheet>C.<Link href=”main.css” type=text/css>D.<Include href=”main.css” type=text/css rel=stylesheet>()7、关于文本对齐,源代码设置不正确的一项是:A.居中对齐:<div align="middle">…</div>B.居右对齐:<div align="right">…</div>C.居左对齐:<div align="left">…</div>D.两端对齐:<div align="justify">…</div>()8、下面哪个标记可以为下拉列表添加一个项:A.<select> B.<option>C.<item> D.<list>()9、下面哪个不是align的取值A.center B.left C.right D.Top()10、下面哪个不是表格要用到的标签A.<hr>B.<tr></tr> C.<td></td> D.<th></th>()11、下面哪个属性用来设置横向通栏A.width B.height C.colspan D.Rowspan()12、下面哪个标签是用来设置背景色的A、colorB、backcolorC、bgcolorD、backgroundcolor()13、URL是什么意思A.超文本传输协议B.超文本标记语言C.文件传输协议D.统一资源定位器()14、下面哪个标记可以为下拉列表添加一个项:A.<select> B.<option> C.<item> D.<list>()15、HTML的缺省字号是几号字A.1号字B.2号字C.3号字D.4号字()16、标题标记<hn>中n的取值最大是多少A.5 B.6C.7 D.8()17、下面那个控件对用户是不可见的A.button B.hidden C.img D.Text()18、下面那个标签不是单标记A.<h2> B.<hr> C.<br> D.<img>()19、下面那个效果在IE浏览器中无法显示A.<sub> B.<strong> C.<blink> D.<sup>()20、水平线的粗细是通过那个标记来设置的A.align B.size C.width D.Height()21、<LINK REL="stylesheet" HREF="style.css" TYPE="text/css"> 说明该页面用的是那种css:A.外部定义css B.内定义cssC.文本间css D.以上都不是()22、下面哪种布局会导致元素塌陷()。
html练习题答案
4
题干
下列哪些选项表示的是按钮。( )
A.type="submit" B.type="reset" C.type="image" D.type="button"
ABD
5
题干
在HTML中,那些( )是链接的target属性值。
B._new C._blank D._top
ACD
6
题干
<form>元素可以包含:
题干
关于HTML以下说法正确的是
AHTML标签是区分大小写的
BHTML是Hyper Text Mark-up Language的缩写,即超文本标记语言
CHTML标签可以包含属性,属性的值要用单引号或双引号引起来
DHTML是微软公司定义的标记型语言
BC
12
题干
关于Form表单中Input输入项说法正确的是
D
9
题干
<ul>默认的项目符号是:
A、实心圆
B、空心圆
C、实心正方形
D、空心正方形
A
10
题干
<dd>、<dt>、<dl>三个元素的关系是:
A、<dl>是<dd>的父元素,而<dd>是<dt>的父元素
B、<dl>是<dt>的父元素,而<dt>是<dd>的父元素
C、<dl>是<dd>和<dt>的父元素
D、<dl>是<dt>的父元素,<dl>表示自定义列表,<dt>表示列表项,而HTML中根本就没有<dd>这个元素
HTML5 多媒体技术练习题及答案
HTML5 多媒体技术练习题及答案在现代网页设计中,多媒体元素是非常重要的一部分。
HTML5 提供了丰富的多媒体技术来帮助我们实现各种功能和效果。
为了帮助大家更好地理解和掌握 HTML5 多媒体技术,下面给出一些练习题及其答案。
练习题一:视频播放器请编写一个 HTML5 视频播放器,要求具备以下功能:1. 显示视频文件的播放界面;2. 支持播放、暂停、停止、快进、快退等操作;3. 显示视频的当前播放时间和总时长;4. 显示音量控制按钮,并支持音量的调节;5. 支持全屏播放。
答案一:```html<!DOCTYPE html><html><head><title>视频播放器</title></head><body><video controls><source src="example.mp4" type="video/mp4"><!-- 如果视频文件为 example.mp4 -->Your browser does not support the video tag.</video></body></html>```练习题二:音频播放器请编写一个 HTML5 音频播放器,要求具备以下功能:1. 显示音频文件的播放界面;2. 支持播放、暂停、停止、快进、快退等操作;3. 显示音频的当前播放时间和总时长;4. 显示音量控制按钮,并支持音量的调节。
答案二:```html<!DOCTYPE html><html><head><title>音频播放器</title></head><body><audio controls><source src="example.mp3" type="audio/mpeg"><!-- 如果音频文件为 example.mp3 -->Your browser does not support the audio tag.</audio></body></html>```练习题三:Canvas 动画请编写一个 HTML5 Canvas 动画,要求具备以下功能:1. 在 Canvas 上绘制一个移动的球体;2. 支持通过键盘控制球体的移动方向(上、下、左、右);3. 支持通过点击鼠标改变球体的颜色。
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
单选
1
题干
浏览器针对于HTML文档起到了什么作用
A、浏览器用于创建HTML文档
B、浏览器用于展示HTML文档
C、浏览器用于发送HTML文档
D、浏览器用于修改HTML文档
B
2
题干
哪个标记用于表示HTML文档的开始和结束
A、BODY
B、HTML
C、TABLE
D、TITLE
B
3
题干
在页面中看不见的表单元素是那种
A、<input type=”submit”/>
B、<input type=”radio”/>
C、<input type=”checkbox”/>
D、<input type=”button”/>
B
12
题干
下面哪一项是换行符标签( )
A.<body> B.<font> C.<br> D.<p>
C
13
题干
AC
4
题干
下列哪些选项表示的是按钮。( )
A.type="submit" B.type="reset" C.type="image" D.type="button"
ABD
5
题干
在HTML中,那些( )是链接的target属性值。
B._new C._blank D._top
ACD
6
题干
<form>元素可以包含:
D、target属性用来指定打开方式,target属性的值可以使目标文档在新窗口中显示,或者在当前窗口中显示,或者在父框架集中显示,或者是在框架集中显示,或者是在指定的框架中打开
D
9
题干
<ul>默认的项目符号是:
A、实心圆
B、空心圆
C、实心正方形
D、空心正方形
A
10
题干
<dd>、<dt>、<dl>三个元素的关系是:
AType=radio是单选框,适合多选一使用,如性别
BType=checkbox是复选框,适合多选使用,如爱好
CType=password可以讲输入项用占位符替代,适合密码输入
DType=submit可以用来提交表单,此种方式的提交是POST提交
ABC
13
题干
关于表单两种提交方式说法正确的是
A表单提交方式只有GET和POST两种
BGET提交和POST提交时请求参数所在的位置不同
CGET提交的请求参数大小有限制,通常不能超过1KB
D在地址栏书写地址访问资源是POST提交
BC
14
题干
关于HTML中常用标签说法正确的是
Ameta标签可以模拟http响应头的功能
Btable可以用来组织网页结构
CDiv+Css是流行的网页组织形式之一
A、<dl>是<dd>的父元素,而<dd>是<dt>的父元素
B、<dl>是<dt>的父元素,而<dt>是<dd>的父元素
C、<dl>是<dd>和<dt>的父元素
D、<dl>是<dt>的父元素,<dl>表示自定义列表,<dt>表示列表项,而HTML中根本就没有<dd>这个元素
C
11
题干
下列表示单选按钮的是:
A、<h2><divalign=”center”><color=”#ff00000”>vbscript</div></h2></font>
B、<h2><div align=”center”>< font color=”#ff00000”>vbscript</div></h2></font>
C、<h2><div align=”center”><font color=”#ff00000”>vbscript</font></div></h2>
D、<h2><div align=”center”>< font color=”#ff00000”>vbscript</font></div></h2>
C
7
题干
空格对应的html实体是哪个
A、<
B、>
C、
D、&
C
8
题干
<a>标签的target属性作用是:
A、target属性用来指定超链接的目标,与href属性作用相似,但href属性的优先级高
D、以上都不对
A
18
题干
Web 标准的制定者是
A、微软(Microsoft)
B、万维网联盟(W3C)
C、网景公司(Netscape)
D、太阳公司(SUN)
B
19
题干
在下列的 HTML 中,哪个是最大的标题
A、<h6>
B、<head>
C、<heading>
D、<h1>
D
20
题干
在下列的 HTML 中,哪个可以产生超链接
C
22
题干
下面有关html描述正确的是
A.HTML代码区分大小写,所以书写时需要注意
B.HTML所有标签都必须有结束标签
C.Html就是超文本标记语言的简写,是最基础的网页语言
D.标签的属性必须使用单引号或双引号扩住
C
23
题干
使用HTML编写网页代码的基本格式是
A.<html><div></div></html>
B、target属性指定超链接目标的URL的绝对部分,href属性指定超链接目标的URL的相对部分,两部分共同决定最终目标,如果没有给出target属性,那么整个超链接目标的URL都由href属性指定
C、target属性内容会在鼠标悬浮在超链接上时显示出来,是对超链接目标的一说明文本,例如:以下说法正确的是
AHTML标签是区分大小写的
BHTML是Hyper Text Mark-up Language的缩写,即超文本标记语言
CHTML标签可以包含属性,属性的值要用单引号或双引号引起来
DHTML是微软公司定义的标记型语言
BC
12
题干
关于Form表单中Input输入项说法正确的是
B、当点击<a>标签时触发的提交为GET提交
C、<a>标签可以嵌套<img>标签,使图片变为一个可点击的超链接
D、<a>标签可以指向一张图片从而在该位置显示一张图片
D
5
题干
以下标记符中,没有对应的结束标记的是()
A.<body>
B.<br>
C.<html>
D.<title>
B
6
题干
若要以标题2号字、居中、红色显示”vbscrip”,以下用法中,正确的是()
A.<table border=””>
B.<table cellspacing=””>
C.<table cellpadding=””>
D.<table width=””>
C
25
题干
下列有关html链接描述不正确的是
A.通过<a>标签的href属性设置需要访问资源的路径
B.通过<a>标签的target属性设置访问资源显示的位置
A、<a url=""></a>
B、<a href="">itcast</a>
C、<a> name=""></a>
B
21
题干
在下列的 HTML 中,哪个可以产生复选框
A、<input type="check">
B、<checkbox>
C、<input type="checkbox">
D、<check>
下列哪一项是在新窗口中打开网页文档。( )
A._self B._blank C._top D._parent
B
14
题干
A.<pre></pre>
B.<h1></h1>
C.<h6></h6>
D.<b></b>
C
15
题干
想在HTML中引入一张图片,需要使用的属性是( )
A.srcB.hrefC.alignD.valign
B.<html><table><tr><td></td></tr></table></html>
C.<html><body><frameset></frameset></body></html>