HTML5期末考精彩试题型
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">）：用于从多个选项中选择单个选项。
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新增的标签是：A 、 <aside>B 、<isindex>C、 <samp> D 、 <s>2、以下不是HTML5的新增的标签是：A 、 <bdi>B 、<xmp>C、<command> D 、 <dialog>3、以下不是HTML5新增的API是A 、 Media API B、 Command API C、History API D 、Cookie API4、以下说法不正确的选项是：A 、 HTML5标准还在拟定中B、 HTML5兼容以前HTML4下阅读器C、<canvas>标签取代FlashD、简化的语法5、以下不是canvas 的方法是：A 、 getContext()B、 fill()C、stroke()D 、 controller()6、关于 HTML5说法正确的选项是：A 、 HTML5 可是对 HTML4的一个简单升级B、所有主流阅读器都支持HTML5C、HTML5新增了离线缓存体系D 、 HTML5 主若是针对搬动端进行了优化7、 HTML5 不支持的视频格式是：A 、 oggB、 mp4C、flvD 、 WebM8、不是 HTML5特有的储藏种类是：A 、 localStorageB、 CookieC、Application CacheD 、 sessionStorage9、以下关于FileReader说法正确的选项是：A 、 readAsText方法有3个参数，其中第二个参数是文本的编码方式，默认值为UTF-8 。
B、 readAsBinaryString：该方法将文件读取为二进制字符串C、onabort事件，中止时触发D 、 onload事件，文件读取成功完成时触发10 、以下关于canvas 说法正确的选项是：A 、 clearRect(width, height,left, top)去除宽为width、高为height,左上角极点在(left,top)点的矩形地域内的所有内容。
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期末考试题型(word文档良心出品)
作业一．单项选项题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）WWW是 B 的意思。
A．网页B．万维网C．浏览器D．超文本传输协议（2）在网页中显示特殊字符，如果要输入“<”，应使用_________。
A．lt; B．≪ C．< D．<（3）以下有关列表的说法中，错误的是：。
A．有序列表和无序列表可以互相嵌套。
B．指定嵌套列表时，也可以具体指定项目符号或编号样式。
C．无序列表应使用UL 和LI 标记符进行创建。
D．在创建列表时，LI 标记符的结束标记符不可省略。
（4）以下关于FONT标记符的说法中，错误的是：A．可以使用color 属性指定文字颜色。
B．可以使用size 属性指定文字大小（也就是字号）。
C．指定字号时可以使用1~7 的数字。
D．语句<FONT size="+2">这里是2号字</FONT> 将使文字以2号字显示。
（5）以下关于JPEG图像格式中，错误的是：A．适合表现真彩色的照片。
B．最多可以指定1024种颜色。
C．不能设置透明度。
D．可以控制压缩比例。
（6）如果要在表单里创建一个普通文本框，以下写法中正确的是：。
A．<INPUT>B．<INPUT type="password">C．<INPUT type="checkbox">D．<INPUT type="radio">（7）以下有关表单的说明中，错误的是：。
A．表单通常用于搜集用户信息。
B．在FORM 标记符中使用action 属性指定表单处理程序的位置。
C．表单中只能包含表单控件，而不能包含其他诸如图片之类的内容。
D．在FORM 标记符中使用method 属性指定提交表单数据的方法。
（8）在指定单选框时，只有将以下属性的值指定为相同，才能使它们成为一组。
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”。
- 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 - 点击确定。