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>` 标签用于______。
网页制作期末考试试题操作

网页制作期末考试试题操作一、选择题(每题2分,共20分)1. HTML5中,用于定义文档类型声明的正确标签是:A. `<!DOCTYPE html>`B. `<!DOCTYPE HTML5>`C. `<!DOCTYPE XHTML>`D. `<!DOCTYPE XML>`2. 下列哪个标签用于创建超链接?A. `<a>`B. `<link>`C. `<anchor>`D. `<hyper>`3. CSS中,以下哪个属性用于设置元素的宽度?A. `width`B. `size`C. `length`D. `dimension`4. JavaScript中,用于获取页面元素的属性是:A. `getAttribute()`B. `getElement()`C. `getElementById()`D. `getElementsByClassName()`5. 下列哪个不是HTML元素的属性?A. `class`B. `id`C. `src`D. `style`6. 在HTML中,`<head>`标签的作用是:A. 定义文档的头部内容B. 定义文档的主体内容C. 定义文档的页脚内容D. 定义文档的导航栏7. 以下哪个不是CSS选择器?A. 类选择器B. ID选择器C. 标签选择器D. 属性选择器8. JavaScript中,用于定义函数的关键字是:A. `function`B. `def`C. `func`D. `method`9. HTML5中,用于创建一个表单的标签是:A. `<form>`B. `<formular>`C. `<formfield>`D. `<formelement>`10. 以下哪个是响应式网页设计的特点?A. 固定布局B. 单一分辨率C. 多种布局D. 特定设备专用二、简答题(每题10分,共30分)1. 描述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元素。
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)期末试卷

2、关于建立站点的意义,下列说法正确的是?( ) A、可以形成明晰的站点组织结构图。 B、方便增减站内文件夹及文档。 C、可以系统化地管理网站文件。 D、对于网站本ቤተ መጻሕፍቲ ባይዱ的上传维护,内容的扩充和移植都有着重要的影响。
3、关于浏览器的兼容性,下列说法正确的是( )。 A、浏览器所使用的内核不同,是导致跨浏览器兼容性问题的根本原因 B、浏览器的优先级别:IE8.0>IE7.0>IE6.0>Firefox C、clear:both不能用于清除浮动 D、通过写CSS Hack的方式,可以解决浏览器兼容性的问题
四、简答题(本大题共 3 小题,每题 10 分,共 30 分)
1、表单数据的提交方式有 get 和 post 两种。请简要说明两种提交方式的优缺点?
2、CSS 基础选择器主要包括哪四种? 3、行内元素有哪些?块级元素有哪些?空(void)元素有那些?
第3页
共3页
A、required
B、formvalidate
C、validate D、placeholder
16、以下不是 input 在 html5 的新类型的是:
A、DateTime
B、file
C、Colour
D、Range
17、实现背景平铺效果,对应的 CSS 为( ) A、div{backgroud-image:url(images/bg.gif);} B、div{backgroud-image:url(images/bg.gif) repeat-x;} C、div{backgroud-image:url(images/bg.gif) repeat-y;} D、div{backgroud-image:url(images/bg.gif) no-repeat;}
HTML5考试试卷

考试试卷(1卷)一.单选题(共20题,20.0分)1、内联元素:请选择产生加粗字体的HTML标签:()A、strongB、hhC、emD、hr正确答案: A2、下列不属于HTML5表单新增元素的是( ) 。
A、numberB、rangeC、emailD、nav正确答案: D3、超链接:如果在catalog.htm中包含如下代码,则该HTML文档IE浏览器中打开后,用户单击此链接将( )。
<A HREF="#novel">小说</a>A、使页面跳转到同一文件夹下名为“novel.html”的HTML文档B、使页面跳转到同一文件夹下名为“小说.html”的HTML文档C、使页面跳转到catalog.htm页面,包含名为“novel”的锚记处D、使页面跳转到同一文件夹下名为“小说.html”的HTML文档中名为“novel”的锚记处正确答案: C4、表单:在HTML中,<form method=”post”>,method表示( )。
A、提交的方式B、表单所用的脚本语言C、提交的URL地址D、表单的形式正确答案: A5、用于控制网页样式并允许样式信息与网页内容分离的技术是()?A、HTMLB、CSSC、JavaScriptD、DIV正确答案: B6、下列CSS基本选择器定义中不正确的是()。
A、h1{color:red;}B、.title{color:blue;}C、#top{width:800px;}D、div{width=800px;}正确答案: D7、将样式单独放在一个或多个.css文件中,在HTML文档中使用<link>标记引用样式文件的方式是()?A、内联式B、内嵌式C、链接式D、导入式正确答案: C8、对于代码:<html><head><style>h1{color:blue;} </style></head><body><h1 style=“color:red;”>你好</h1></body></html>,运行后显示的“你好”文字是什么颜色()?A、蓝色B、红色C、黑色D、不确定正确答案: B9、CSS中的盒子模型中不包含下列()?A、marginB、borderC、paddingD、align正确答案: D10、如果要使用CSS将文本样式定义为粗体,需要设置()文本属性。
HTML5期末考试题型

作业一.单项选项题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 即可定义单选按钮。
HTML期末复习试题及参考答案

HTML期末复习题(含答案)第1题判断正误(1)HTML标记符的属性一般不区分大小写。
(对)(2)网站就是一个链接的页面集合。
(对)(3)将网页上传到Internet时通常采用FTP方式。
(对)(4)所有的HTML标记符都包括开始标记符和结束标记符。
(错)(5)用H1标记符修饰的文字通常比用H6标记符修饰的要小(错)。
(6)B标记符表示用粗体显示所包括的文字。
(对)(7)GIF格式的图象最多可以显示256种颜色。
(对)(8)HTML表格在默认情况下有边框。
(错)(9)创建图象映射时,理论上可以指定任何形状作为热点。
(对)(10)指定滚动字幕时,不允许其中嵌入图象。
(错)1.使用 FONT 标记符的size 属性可以指定字体的大小。
( )2.网站就是一个链接的页面集合。
( )3.GIF格式的图象最多可以显示1024种颜色。
( )4.制作图像映射只需要使用 <AREA> 标记符。
( )5.在HTML表格中,表格的列数等于第一行中TH与TD的colspan属性的和。
( )6.在HTML表格中,在TR、TD或TH标记符中使用 align 属性可以控制单元格内容的垂直对齐。
( )7.指定滚动字幕时,不允许其中嵌入图象。
( )8.框架是一种能在同一个浏览器窗口中显示多个网页的技术。
( )9. CSS中的color属性用于设置HTML元素的背景颜色。
( )10.CSS样式表项的组成格式为:selector{property1:value1, property2:value2, ……}( )1. T2. T3. F4. F5. F6. T7. F8. T9. F 10. F第2题单选题(20分)(1)WWW是的意思。
答案:BA.网页 B.万维网 C.浏览器 D.超文本传输协议(2)在网页中显示特殊字符,如果要输入“<”,应使用_________。
答案:DA.lt; B.≪ C.< D.<(3)以下有关列表的说法中,错误的是:。
网页前端设计(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 ,要访问目标网站为 ,以下创建一个图像链接正确是___________。
htm考试题及答案

htm考试题及答案一、单项选择题(每题2分,共10题)1. HTML的全称是什么?A. Hyper Text Markup LanguageB. Hyper Text Markup LanguageC. Hyper Text Markup LanguageD. Hyper Text Markup Language答案:A2. HTML5中,用于定义最重要的内容的标签是什么?A. <h6>B. <h1>C. <h3>D. <h5>答案:B3. 在HTML中,用于创建无序列表的标签是什么?A. <ul>B. <ol>C. <dl>D. <table>答案:A4. HTML中,用于插入图片的标签是?A. <img>B. <image>C. <picture>D. <photo>5. HTML中,用于创建超链接的标签是什么?A. <a>B. <link>C. <href>D. <anchor>答案:A6. 在HTML中,用于定义文档类型和HTML版本信息的标签是什么?A. <!DOCTYPE html>B. <html>C. <head>D. <body>答案:A7. HTML5中,用于添加视频内容的标签是?A. <video>B. <audio>C. <movie>D. <clip>答案:A8. 在HTML中,用于创建有序列表的标签是什么?A. <ul>B. <ol>C. <li>D. <dl>答案:B9. HTML中,用于定义文档的头部信息的标签是?B. <header>C. <h1>D. <title>答案:A10. HTML中,用于定义文档的主体内容的标签是什么?A. <head>B. <header>C. <body>D. <main>答案:C二、多项选择题(每题3分,共5题)1. HTML中,哪些标签用于定义段落?A. <p>B. <div>C. <span>D. <section>答案:A, B2. HTML5中,哪些标签用于语义化结构?A. <article>B. <aside>C. <footer>D. <header>答案:A, B, C, D3. 在HTML中,哪些属性用于定义图片?A. srcB. altC. titleD. href答案:A, B, C4. HTML中,哪些标签用于定义表格?A. <table>B. <tr>C. <td>D. <th>答案:A, B, C, D5. HTML5中,哪些标签用于定义表单?A. <form>B. <input>C. <label>D. <button>答案:A, B, C, D三、填空题(每题2分,共5题)1. HTML中的注释是通过____和____标签来实现的。
大一html期末考试试题及答案

大一html期末考试试题及答案一、单项选择题(每题2分,共20分)1. HTML5中,用于定义最重要的标题的标签是:A. `<h6>`B. `<h1>`C. `<h2>`D. `<h3>`答案:B2. 在HTML中,哪个属性用于定义图片的替代文本?A. `src`B. `alt`C. `title`D. `name`答案:B3. HTML文档中,用于定义文档类型和HTML版本信息的标签是:A. `<head>`B. `<body>`C. `<html>`D. `<!DOCTYPE html>`答案:D4. 在HTML中,用于创建无序列表的标签是:A. `<ul>`B. `<ol>`C. `<li>`D. `<dl>`答案:A5. HTML5中,用于定义一个节的标签是:A. `<section>`B. `<article>`C. `<aside>`D. `<footer>`答案:A6. 在HTML中,用于定义表格标题的标签是:A. `<th>`B. `<td>`C. `<tr>`D. `<caption>`答案:D7. HTML5中,用于定义一个表单的标签是:A. `<form>`B. `<input>`C. `<button>`D. `<fieldset>`答案:A8. 在HTML中,用于创建有序列表的标签是:A. `<ul>`B. `<ol>`C. `<li>`D. `<dl>`答案:B9. HTML5中,用于定义一个按钮的标签是:A. `<button>`B. `<input type="button">`C. `<a>`D. `<img>`答案:A10. 在HTML中,用于定义一个段落的标签是:A. `<p>`B. `<div>`C. `<span>`D. `<h1>`答案:A二、填空题(每空2分,共20分)1. HTML中的`<a>`标签用于定义一个__超链接__,它可以用`href`属性指定链接的目标URL。
HTML5应用开发课后习题题库期末考试试卷及答案 (5)

实操题1. 理解下面地代码,并对编号标注处地语句后写出该语句地注释?<!DOCTYPE html><html><head><title></title><script type="text/javascript">var a=0; //1function evenNumber(){ //2for(var i=1;i<20;i++){ //3a= i%2; //4if(a==0){ //5document.write(i+"<br/>") //6}}}</script></head><body><button onclick="evenNumber()">偶数</button> <!--7--></body></html>2.请使用字面量方式定义一个对象,要求:该对象有名字,年龄,爱好属性。
参考代码:var obj = {name: ‘liming’;age:20;hobby:’swing’;}3. 请创建一个网页,包含一个“商品价格”输入框,一个“商品数量”输入框,一个“确认”按钮,当用户输入商品价格与数量后,单击“确认”按钮,利用JavaScript编写函数total()计算出该商品地总金额,并通过弹出框显示总金额。
参考代码:<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>calculate</title><script type="text/javascript">function total(){var price = document.getElementById("price");var number = document.getElementById("number");var total = 0;total = parseInt(price.value) * parseInt(number.value);alert(total);}</script></head><body><input type="text" name="价格" id="price"/><input type="text" name="数量" id="number"/><button onclick="total()">确定</button></body></html>。
html期末试题及答案

html期末试题及答案HTML期末试题及答案1. HTML是什么?- A. 超文本传输协议- B. 超文本标记语言- C. 超文本链接语言- D. 超文本传输协议答案:B2. HTML文档的基本结构包括哪些部分?- A. `<!DOCTYPE html>`, `<html>`, `<head>`, `<body>` - B. `<!DOCTYPE html>`, `<head>`, `<body>`- C. `<html>`, `<head>`, `<body>`- D. `<head>`, `<body>`答案:A3. 以下哪个标签用于定义最重要的标题?- A. `<h1>`- B. `<h6>`- C. `<h2>`- D. `<h3>`答案:A4. HTML中的注释是如何书写的?- A. `<!-- 这是一个注释 -->`- B. `/* 这是一个注释 */`- C. `// 这是一个注释`- D. `# 这是一个注释`答案:A5. 以下哪个属性用于定义图像的替代文本? - A. `src`- B. `alt`- C. `title`- D. `href`答案:B6. HTML表格中,哪个标签用于定义表头? - A. `<tr>`- B. `<th>`- C. `<td>`- D. `<tfoot>`答案:B7. 以下哪个标签用于创建无序列表?- A. `<ul>`- B. `<ol>`- C. `<li>`- D. `<dl>`答案:A8. HTML中的`<form>`标签用于什么目的? - A. 显示数据- B. 收集用户输入- C. 创建表格- D. 显示图像答案:B9. 以下哪个属性用于定义超链接的目标URL?- A. `src`- B. `href`- C. `alt`- D. `action`答案:B10. HTML5新增的语义化标签有哪些?- A. `<header>`, `<footer>`, `<article>`, `<section>` - B. `<div>`, `<span>`, `<p>`- C. `<ul>`, `<ol>`, `<li>`- D. `<h1>`, `<h2>`, `<h3>`答案:A11. 以下哪个标签用于定义内联框架?- A. `<iframe>`- B. `<frame>`- C. `<frameset>`- D. `<embed>`答案:A12. HTML中的`<meta>`标签用于什么?- A. 定义文档的元数据- B. 定义文档的标题- C. 定义文档的样式- D. 定义文档的脚本答案:A13. 以下哪个属性用于定义输入字段的类型?- A. `type`- B. `name`- C. `value`- D. `id`答案:A14. HTML中的`<button>`标签用于创建什么? - A. 文本框- B. 单选按钮- C. 复选框- D. 按钮答案:D15. 以下哪个标签用于定义一个段落?- A. `<p>`- B. `<h1>`- C. `<ul>`- D. `<li>`答案:A。
html5手机开发考试题及答案

html5手机开发考试题及答案一、选择题(每题2分,共20分)1. HTML5中用于定义文档类型和HTML版本的标签是:A. `<!DOCTYPE html>`B. `<!DOCTYPE>`C. `<!DOCTYPE HTML5>`D. `<!DOCTYPE XHTML>`答案:A2. 在HTML5中,以下哪个标签用于定义导航链接?A. `<nav>`B. `<navigation>`C. `<menu>`D. `<links>`答案:A3. HTML5中,用于绘制图形的元素是:A. `<canvas>`B. `<graph>`C. `<paint>`D. `<draw>`答案:A4. 在HTML5中,以下哪个属性用于定义媒体资源的播放方式?A. `controls`B. `loop`C. `autoplay`D. 以上都是答案:D5. HTML5中,以下哪个标签用于添加搜索框?A. `<input type="search">`B. `<input type="text">`C. `<input type="searchbox">`D. `<input type="query">`答案:A6. HTML5中,以下哪个元素用于定义页面的主要内容区域?A. `<article>`B. `<section>`C. `<div>`D. `<main>`答案:D7. HTML5中,以下哪个API用于处理本地存储?A. WebSQLB. IndexedDBC. LocalStorageD. SessionStorage答案:B8. 在HTML5中,以下哪个属性用于定义表单的提交方式?A. `method`B. `action`C. `type`D. `submit`答案:A9. HTML5中,以下哪个标签用于定义页脚内容?A. `<footer>`B. `<foot>`C. `<end>`D. `<page>`答案:A10. HTML5中,以下哪个标签用于定义一个侧边栏?A. `<sidebar>`B. `<aside>`C. `<sidebar>`D. `<side>`答案:B二、填空题(每题2分,共10分)1. HTML5中,用于定义元信息的标签是____。
html设计期末复习题

html设计期末复习题HTML设计期末复习题一、选择题(每题2分,共20分)1. HTML的全称是什么?A. HyperText Markup LanguageB. HyperText Markup LanguageC. HyperText Markup LanguageD. HyperText Markup Language2. 下列哪个标签用于定义最重要的标题?A. `<h1>`B. `<h2>`C. `<h3>`D. `<h4>`3. HTML文档中,哪个标签用于定义段落?A. `<p>`B. `<div>`C. `<span>`D. `<b>`4. 以下哪个属性用于定义图像的来源?A. `src`B. `alt`C. `title`D. `href`5. HTML中的`<a>`标签用于创建什么?A. 图像B. 段落C. 超链接D. 列表6. 以下哪个标签用于创建无序列表?A. `<ul>`B. `<ol>`C. `<li>`D. `<dl>`7. HTML中,哪个标签用于定义表格?A. `<table>`B. `<tr>`C. `<td>`D. `<th>`8. HTML文档的根元素是什么?A. `<head>`B. `<body>`C. `<html>`D. `<!DOCTYPE>`9. 以下哪个属性用于定义链接的目标是新窗口打开?A. `target="_blank"`B. `rel="noopener"`C. `href="_blank"`D. `onclick="window.open()"`10. HTML5中,哪个新标签用于定义导航链接的列表?A. `<nav>`B. `<menu>`C. `<ul>`D. `<ol>`二、填空题(每空2分,共20分)11. HTML文档中,`<title>`标签必须放在______标签内。
html5 web前端期末考试复习题

html5 web前端期末考试复习题一、单选题(每小题2分)1. 用HTML标记语言编写一个简单的网页,网页最基本的结构是A、<HTML> <title>…</title><body>…</body> </HTML>B、<HTML> <title>…</title><frame>…</frame> </HTML>C、<HTML> <head>…</head><body>…</body> </HTML>(正确答案)D、<HTML> <head>…</head><frame>…</frame> </HTML>2. 在HTML语言中,设置表格中文字与边框距离的标签是A、<TABLE border=#>B、<TABLE cellpadding=#>(正确答案)C、<TABLE width=#>D、<TABLE cellspacing=#>3. 下面关于HTML描述不正确的是?A、HTML称为超文本标记语言B、HtML代码由各种标签组成C、HTML文档的扩展名以.html结尾D、HTML是一种编译型的编程语言(正确答案)4. 以下标记符中,没有对应的结束标记的是A、<HTML>B、<body>C、<title>D、<br>(正确答案)5. A文件夹与b.html文件是同级,其中A下有a.html,现在我们希望在a.html文件中创建超链接,链接到b.html,应该在a.html页面代码中如何描述超链接href属性?()A、../../b.htmlB、./b.htmlC、../b.html(正确答案)D、b.html6. 在HTML中,()标签用于在网页中创建表单。
《HTML5》期末试卷B送审稿

······························································································································(以下为试卷正文,每大题均需填写题头表格)考题及答案1.<link />标签中,能够定义所链接外部样式表文件的URL的属性是(C)A.typeB.relC.href2.Chrome浏览器的内核为(A )A.WebkitB.GeckoC.TridentD.Presto3.下列选项中,用于设置字体颜色的属性是(B)A.bg-colorB.colorC.background-colorD.font-color4.下列选项中,设置背景图完全覆盖背景区域的取值为(A)。
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 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 - 点击确定。