《WEB前端HTML5》题库doc.doc

试题库单位：移动软件学院 专业方向：Html科目：Web前端HTML5课程命题老师： 教研室负责人：题型：一填空题、二单选题、三多选题、四判断题、五名词解释题、六辨题、七简单题、八论述题、九材料分析题 （九类题型在本课程题库中都要涉及到）第一单元1第二单元2第三单元7第四单元9第五单元12第六单元17第七单元18第八单元27第九单元35第十单元39第十一单元45第十二单元48第十三单元50第十四、 十五单元 50第十六单元50第十七单元51第十八单元57第十九单元62（注：单元试题围绕核心知识点（S+K）选择出题题型；按照难易程度标）第一单元题号试题题型难度第节课内容知识点1在HTML中，从本页面连接到页面中锚记是marker位置的正确代码是( B )。(选择一项)A.HelloB.HelloC.HelloD.Hello二第1节课内容知识点2在HTML中，以下关于CSS样式中文本属性的说法，错误的是( D )。(选择一项)A.font-size用于设置文本字体的大小B.font-family用于设置文本的字体类型C.color用于设置文本的颜色D.text-align用于设置文本的字体形状二第2节课内容知识点3在HTML中网页中，如果需要在CSS样式表中设置文本的字体是“隶书”，则需要设置文本的属性( B )。(选择一项)A.font-sizeB.font-familyC.font-styleD.face二第2节课内容知识点4在HTML中，以下在表格页眉标签中，可以实现单元格内容加粗居中的是：( C )(选择一项)A.B.C.D.二第3节课内容知识点5框架集的标签名是( C ).(选择一项)A.frameB.setframeC.framesetD.iframe二第3节课内容知识点6HTML指的是？超文本标记语言（Hyper Text Markup Language）五第3节课内容知识点7是什么？标题字的标记五第3节课内容知识点8ul和ol分别是什么标签？无序列表和有序列表五第3节课内容知识点8其中sec属性的作用是什么？src属性用于设置图像地址信息五第3节课内容知识点第二单元题号试题题型难度第节课内容知识点11HTML指的是（ a ）。A超文本标记语言（Hyper Text Markup Language）B家庭工具标记语言（Home Tool Markup Language）C超链接和文本标记语言（Hyperlinks and Text Markup Language）二五第1节课内容知识点23用HTML标记语言编写一个简单的网页，网页最基本的结构是（ d ）。A B C D 二第1节课内容知识点34.html标签的注释( a )A B. /* */ C / D.二第1节课内容知识点46.静态页面文件的扩展名( AC )A.html B.xml C .htm D.jsp四第1节课内容知识点5在HTML中,表示页面背景色的是(A )A. B. C. D. 二第1节第内容知识点6HTML中,表示（ C ）A.正在点击文字的色彩是红色。 B.可链接文字的色彩是红色。C.非可链接文字的色彩是红色。 D.已链接文字的色彩是红色。二第1节第内容知识点7文件头标签也就是通常所见到的 _head_ 标签。一第1节第内容知识点8简述html标记的特点?(1)由括起来的特定符号组成的标记(2)不区分大小写(3)多数情况标记成对出现,个别是单标记(4)几乎所有标记都有属性七第1节第内容知识点9以下标记符中，用于设置页面标题的是（ a ）。A B C D 二第1节第内容知识点10以下标记符中，没有对应的结束标记的是（ b ）。A B C D 二第1节第内容知识点11用来设置页面字符集的标签( b )A B C Dtext二第1节第内容知识点12下面哪一项是换行符标记？（ c）A B C Dp二第2节第内容知识点13在HTML中，标记的Size属性最大取值可以是（ c ）。A.5 B6 C7 D8二第2节第内容知识点14在HTML中，标记的作用是（ B ）。A.标题标记B预排版标记C.转行标记D文字效果标记二第2节第内容知识点15下面的（ b ）特殊符号表示的是空格。A" B  C& D©二第2节第内容知识点10在HTML文件中，版权符号的代码是 _©；_。一第2节第内容知识点11标题字的标记是 _。一第2节第内容知识点12下列表示自定义列表的标签是（ A ）A,dl B,ol C,li D,ul二第2节第内容知识点13下列关于无序列表的说法不正确的是（D）A,无序列表的项目符号可以是空心圆B,无序列表的项目符号可以是实心圆C,无序列表的项目符号可以是实心方块D,无序列表的项目符号可以是数字二第2节第内容知识点14无序列表标记的type属性可以指定出现在列表项前的项目符号的样式，其取值可以是： disc 、 circle 和 square 三种。一第2节第内容知识点15有序列表标记的type属性可以指定出现在列表项前的项目编号的样式，其取值可以是： A 、 a 、 I 、 i 和 1(一) 五种。一第2节第内容知识点16如何书写图片链接（ D ）A, B,C, D,二第3节第内容知识点17下列不属于marquee的属性的是( C )A,bgcolor B,width C,rowspan D,direction二第3节第内容知识点181. 给图片加边框正确的写法是( D )A, B,C, D,二第3节第内容知识点19 . ，表示（d）A.页面空白 B.页面属性 C.标题传递 D.滚动文字二第3节第内容知识点20通过哪个属性可以为图片添加边框线. （c ）A. html B.asp C.border D.img二第3节第内容知识点21网页中常用的图片格式为 GIF 、 JPEG 和 PNG一第3节第内容知识点22在HTML文档中，显示图片所用的标记是 一第3节第内容知识点23下列哪一项是在新窗口中打开网页文档（ B ）。A_self B_blank C_top D_parent二第4节第内容知识点24在网页中，必须使用（ a ）标记来完成超级链接。AB CD二第4节第内容知识点25超链接是建立网站、网页主要元素之一。若要建立在同一网页内的链接，应采用以下（b）链接形式。A链接到一个E-mail B书签式链接 C框架间链接 D链接到一个网站二第4节第内容知识点26关于超链接，（a）的说法是正确的。A不同网页上的图片或文本可以链接到同一网页或网站B不同网页上的图片或文本只能链接到同一网页或网站C同一网页上被选定的一个图片或一处文本可以同时链接到几个不同网站D同一网页上图片或文本不能链接到同一书签二第4节第内容知识点27若要在页面中创建一个图像超链接，要显示的图形为 myhome.jpg，所链接的地址为，以下用法中正确的是（ b ）。Amyhome.jpgBCD二第4节第内容知识点28以下创建mail链接的方法，正确的是（ c ）。A管理员B管理员C管理员D管理员二第4节第内容知识点29下面是相对路径的是（ c ）。A. B 50C./a.htmlD c:a.html二第4节第内容知识点30在HTML文件中，超链接可以分为 内部链接和外部链接一第4节第内容知识点31关于超链接， target 属性用于指定链接的目标窗口一第4节第内容知识点32在HTML文件中，URL是 统一资源定位器 。一第4节第内容知识点33关于超链接， target 属性作用？答：用于设置页面打开位置或方式一第4节第内容知识点第三单元题号试题题型难度第 节课内容知识点1以下选项中，哪个全部都是表格标记（ b ）。A B C D二五第 1节课内容知识点2请选择可以使单元格中的内容进行左对齐的正确HTML标记（ a ）。A BC D二第 1节课内容知识点3要使表格的边框不显示，应设置border的值是（ b ）。A1 B0 C2 D3二第 1节课内容知识点4以下标记中，用于定义一个单元格的是（ a ）。A  BC D二第 1节课内容知识点5若要使表格的高为16pt，以下方法中，正确的是（ b ）。ABCD二第 3节课内容知识点6表示（B ）A,一个一行两列的表格，表格背景颜色为红色B,一个一行两列的表格，第一行一列的单元格背景颜色为红色C,一个两行一列的表格，表格背景颜色为红色D,一个两行一列的表格，第一行一列的单元格背景颜色为红色二第 2节课内容知识点7表格的宽度可以用百分比和_px两种单位来设置。一第 1节课内容知识点8请写出在网页中设定表格边框的厚度的属性_border _；设定表格单元格之间宽度属性_cellspacing_；设定表格内容与单元格间的距离属性 cellpadding一第 1节课内容知识点9单元格垂直合并所用的属性是_rowspan_；单元格横向合并所用的属性是_colspan_。一第 3节课内容知识点10请写出表格标题功能是表格的表头_在表格的底部_。一第 1节课内容知识点11Rowspan属性可以应用在标签中（错）四五第 3节课内容知识点12表格主要用来实现页面的布局（错误）四五13单元格中的colspan和rowspan属性，请分别解释其作用答：colspan跨列，rowspan跨行五14表格中border属性的作用？答：表格的边框五15tr和td的区别答：tr为设置单元行，td为单元格五16 和"作用是什么？答：nbsp是空格，quot是双引号五第四单元题号试题题型难度第 节课内容知识点1在HTML中，method表示( a )A. 提交的方式 post getB. 表单所用的脚本语言C. 提交的URL地址D. 表单的形式二五第 3节课内容知识点2增加表单的 多行文本域的HTML代码是( b )A. B. C. D. 二第 2节课内容知识点3以下关于标记说法正确的是( ad )多选A. 定义的表单元素在一个下拉菜单中显示选项B. rows和cols属性可以定义其大小C. 定义的表单元素是一个单选按钮D. 定义的表单元素通过改变其multiple属性取值可以实现多选三第 2节课内容知识点4标记中，_action _属性的作用就是指出该表单所对应的处理程序；_method_ _属性用于指定该表单的运行方式。一第1节课内容知识点5method属性的取值可以为_post_和_get_之一，其默认方式是_get_。一第 4节课内容知识点6标记中，_name_属性的值是相应处理程序中的变量名；_type _属性用于指出用户输入值的类型。一第 2节课内容知识点7当type=text时，标记除了有两个不可默认的属性_name_和_type_外，还有三个可选的属性：_maxlength_、_size_和_value_。一第 2节课内容知识点8对浮动框架的说法不正确的是（C）A,浮动框架内会加载百度页面 B,浮动框架的高度和宽度是可以通过属性设置的C,iframe有属性可以设置背景颜色 D,iframe有属性可以设置边框为0二第 4节课内容知识点9对于一个有三个区域的框架网页，它共有多少个html文件( D ) 。A1 B.2 C.3 D.4二第 4节课内容知识点10在网页中插入浮动框架要用 标记。一第 4节课内容知识点11表单的提交方法get与post的区别？get:提交的表单内容以”变量名=值&变量名=值”的形式在地址栏可见;该字符串不超过255个字符,有大小限制;不安全.Post:将表单内容整体提交;地址栏部可见;没有大小限制;安全.七第 3节课内容知识点12写一个下拉菜单，下拉菜单里有三个城市，北京，上海，天津。要求默认情况下选中的是天津。天津北京上海或北京上海天津七第 3节课内容知识点1310：中method是什么？取值可以有哪些答method是表单提交方式，取值可以为get和post两种五第 4节课内容知识点14method取值中get和post区别有哪些？答： 1、 Get是不安全的，因为在传输过程，数据被放在请求的URL中，而如今现有的很多服务器、代理服务器或者用户代理都会将请求URL记录到日志文件中，然后 放在某个地方，这样就可能会有一些隐私的信息被第三方看到。另外，用户也可以在浏览器上直接看到提交的数据，一些系统内部消息将会一同显示在用户面前。 Post的所有操作对用户来说都是不可见的。 2、Get传输的数据量小，这主要是因为受URL长度限制；而Post可以传输大量的数据，所以在上传文件只能使用Post。 3、Get是Form的默认方法。七第 4节课内容知识点15中submit作用为：答：提交功能五第 4节课内容知识点16标签的作用答：设置多行文本域五第 4节课内容知识点17标签的作用答：设置下拉列表五第 4节课内容知识点18标记中， _type _属性的作用？答：设置标签类型五第 4节课内容知识点第五单元题号试题题型难度第 节课内容知识点11. 下列关于注释的说法正确的是（B）A,HTML中的注释是/* */ ,CSS中的注释是B,HTML中的注释是 ,CSS中的注释是/* */C,如果要将一对标签注释，需要使用/* */D,如果要将color:#000000; 注释，需要使用二第1节课内容知识点2在网页中最常用的单位是（c ）。A. in B. cmC. pxD. pc二六第1节课内容知识点3下列哪个选项的CSS语法是正确的？(b )A. body:color=black c. body:color=black(body)body color: black D. body;color:black二第1节课内容知识点4下面那个语句是把段落的字体设置为黑体、18像素、红色字体显示（b ）A. pfont-family:黑体；font-size:18pc; font-color:redB. pfont-family:黑体；font-size:18px; font-color:#ff0000C. pfont:黑体 18px #00ff00二第1节课内容知识点5如何为所有的元素添加背景颜色？( b )A. h1.all background-color:#FFFFFFB. h1 background-color:#FFFFFFall.h1 background-color:#FFFFFF二第1节课内容知识点6设置text-decoration属性的贯穿线（删除线）的值为（ c ）。A. underline B. overline C. line-throughD. blink二第2节课内容知识点72. 如何显示这样一个边框：顶边框10像素、底边框5像素、左边框20像素、右边框1像素( A )A.border-width:10px 1px 5px 20pxB. border-width:10px 20px 5px 1pxC. border-width:5px 20px 10px 1pxD. border-width:10px 5px 20px 1px二第3节课内容知识点8CSS的英文名为_Cascading Style Sheet_，译成中文的意思为_层叠样式_。一第1节课内容知识点93. 阅读下面html代码，段落标签内文本最终显示的颜色是（A ）bodycolor:#333;#textcolor:#f00;我本将心向明月，奈何明月照沟渠A. #f00 B. #00f C. #333 D. #000二第1节课内容知识点10Css样式background-position:5px 10px,代表的意义是（C ）A. 背景图片向左偏移5px，向下偏移10pxB. 背景图片向左偏移5px，向上偏移10pxC. 背景图片向右偏移5px，向下偏移10pxD. 背景图片向右偏移5px，向上偏移10px二第34节课内容知识点11以下哪个选项是设置底边框的：( A )A. border-bottomB. border-topC. border-leftD. border-right二第3、4节课内容知识点12下面选项中，（ C ）可以设置网页中某个标签的左外边距为5像素。A. margin-right:5px;B. padding-right: 5px;C. margin-left:5pxD. padding-left:5px;二第3、4节课内容知识点13关于float的属性描述错误的是 ( B )A. float:left;B. float:centerC. float:rightD. float:none;二第3、4节课内容知识点14如果想将两个div排列在同一行中，下列描述不能实现的是（ A ）A. 直接插入两个div标签，会自动排在同一行B. 指定div的position属性为absolute，然后将层位置拖放到同一行中C. 指定div标签的宽，并且指定其浮动方式，当两个div宽度之和小于外层元素的宽度时，会排在同一行D.使用一个表格，将两个层分别放入一行中的两个单元格中二第34节课内容知识点15在css中，为页面中的某个div标签设置以下样式Divwidth:200px;border:10px;margin:10px; 则该标签的实际宽度为（C）A. 200px;B. 220px;C. 240px;D. 250px;二第34节课内容知识点16在css中，（ C ）属性可以用来设置元素的叠放顺序。A. positionB. leftC. z-indexD. Absolute二第34节课内容知识点17不属于把CSS样式表与HTML网页关联的方法。（A）A在HTML文档的!-标签内定义CSS样式B用link标签链接外部的CSS样式表文件C在HTML文档的head/head内定义CSS1样式:style./styleD用import引入样式表文件二第1节课内容知识点18块元素和内嵌元素相互转化需要用到的css属性是(A)A.display B.float C.block D.position二第3.4节课内容知识点19Css中，段落缩进使用的属性是（BA.color B.text-indent C.align D.text-align二第1节课内容知识点20Css中，段落中文字居中使用的属性是（D）A.color B.text-indent C.align D.text-align二第1节课内容知识点21上下填充20像素，左右填充5像素，此填充设置正确的是（ A ）A.padding:20px 5px 20px 5px B.padding:20px 20px 5px 5pxC.padding:5px 20px 5px 20pxD.padding:5px 5px 20px 20px二第34节课内容知识点22设置鼠标移动到链接上时候文字变成红色如何设置( D )A.a:linkcolor:red; B.a:activecolor:red;C.a:visitedcolor:red;D.a:hovercolor:red;二第2节课内容知识点23CSS样式分如下几种（ABC）。A. 内嵌入样式B. 行内样式C. 外部样式D. Xml样式三第4节课内容知识点24CSS里样式的定义分别为：_外部样式、 行内样式、 内嵌样式。一第1节课内容知识点25CSS的元素选择符类型为_html标签、_id_、_class_。一第1节课内容知识点26简述3种样式的分类是如何表示的,作用范围如何。行内样式:通过style属性定义的样式,只对该标签起作用.内嵌样式：通过标签设置的样式，在当前页面起作用。外部样式：通过标签引入外部样式文件，改样式对整个站点起作用七第4 节课内容知识点27HTML中是什么标签答：注释五第 1节课内容知识点28background-color和background-image的区别答：color是背景色，image是背景图五第 1节课内容知识点29Cascading Style Sheet_是什么的英文名？答：css五第 1节课内容知识点30background-position:5px 10px这段代码作用是什么？答：背景向右5像素下10像素方向偏移五第 1节课内容知识点第六单元 模板题号试题题型难度第 节课内容知识点1如何产生带有正方形的项目的列表？( b )A.list-type: squareB.list-style-type: squareC.type: squareD.type: 2二第 3节课内容知识点2_超链接_是网页与网页之间联系的纽带，也是网页的重要特色。一第 1节课内容知识点3用来输入密码的表单域是_ input标签type属性等于password _一第5节课内容知识点4FTP协议是指超文本传输协议（ F ）四第5节课内容知识点5在标签对之间，不允许出现等非表单域元素。（ F ）四第5节课内容知识点6在编辑table表格时，合并行使用 _rowspan_合并列使用_colspan_一第5节课内容知识点7margin属性和padding属性的作用答：margin为外边距，padding为内边距五第5节课内容知识点8float属性的作用答：浮动五第5节课内容知识点9position属性的作用：答：设置定位方式五第5节课内容知识点10a:hover作用？答：当鼠标悬浮到超链接上时触发五第5节课内容知识点11样式表的分类及数量？答：内嵌入样式，行内样式，外部样式五第5节课内容知识点12HTML基本结构是？五第5节课内容知识点13三大列表都有哪些？基本结构分别是什么？五第5节课内容知识点14如何进行SEO搜索引擎优化？五第5节课内容知识点15列举出行内元素和块级元素（每种不少于5个）五第5节课内容知识点16举例说明3种CSS选择器答选择器:pname=mypcolor:red;伪类选择器:a:hovercolor:red元素选择器:licolor:red关系选择器: p pcolor:red五六七第5节课内容知识点第七单元-TODO题号试题题型难度第节课内容知识点11、 下列关于HTML中的CSS样式表的说法正确的是（ ）A、CSS样式表的基本选择器有：标记选择器、Id选择器和类选择器及后代选择器B、CSS样式表仅具有继承性C、对于定义样式div .pcolor:red;意思是div下面的应用了类p的标签的字体颜色为红色D选择器在CSS样式表具有最高优先级正确答案：C二第1节课内容知识点2以下选项中，不是页面布局模型的是（ ）A、盒 子模型B、层 模型C、流动模型D、浮 动模型正确答案：A二第2节课内容知识点3以下不是float属性的是（ ）A、l eftB、n oneC、r ightD、a ll正确答案：D二第2节课内容知识点4在CSS中，关于BOX的margin属性的叙述正确的是（ ）A、边距margin只能取一个值B、margin属性的参数有margin-left、margin-right、margin-top、margin-bottomC、margin属性的值不可为autoD、margin属性的参数值不能全部设置成0px正确答案：B二第3节课内容知识点5下列不属于盒子的定位的是（ ）A、浮 动定位B、盒 子的流动定位C、盒 子的页面定位D、P osition定位正确答案：C二第3节课内容知识点6以下代码片断中，属于静态定位的是（ ）A、# bbwidth：100px；position：relative B、# bbwidth：100px；position：static C、# bbwidth：100px； D、#bbwidth：100px；position：absolute正确答案：B二第3节课内容知识点7下列选项中，用来改变背景颜色的样式属性是（ ）A、background-colorB、bgcolorC、colorD、backgroundcolor正确答案：A二第3节课内容知识点8以下选项中不能实现清除浮动的是（ ）A、空 divB、h over伪类选择器C、c lear属性D、overflow属性正确答案：B二第3节课内容知识点8background-repeat，默认效果是（ ）A、背景图不平铺B、背景图横向平铺C、背景图纵向平铺D、背景纵向和横向上平铺正确答案：D二第3节课内容知识点9下列不属于浮动元素特征的是（ ）A、浮 动元素会被自动地设置为块状元素显示B、浮动元素在垂直方向上它与未被定义为浮动时的位置一样C、浮 动元素在水平方向上，它将最大程度地靠近其父级元素边缘D、浮 动元素有可能会脱离包含元素之外正确答案：D二10若某个标签里的内容超过标签的尺寸，则超出的内容自动隐藏的CSS样式是( C )。(选择一项)A.display:noneB.visibility:hiddenC.overflow:hiddenD.clear:both二11以下说法正确的是（ ）A、background-color:设置文字颜色B、back-corlor：设置背景色C、background-color：设置背景色D、color：设置背景色正确答案：C二12如何居中div？ 如何居中一个浮动元素？答案解析：给div 设置一个宽度，然后添加 margin:0 auto 属性；divwidth:200px;margin:0auto;七13标签上title与alt属性的区别是什么?Alt 当图片不显示是 用文字代表。Title 为该属性提供信息七14解释css sprites，如何使用。Css 精灵 把一堆小的图片整合到一张大的图片上，减轻服务器对图片的请求数量七15描述css reset的作用和用途。Reset重置浏览器的css默认属性 浏览器的品种不同，样式不同，然后重置，让他们统一七16关于图片大小的设置，以下说法正确的是_。AB（A）在img标签中通过设置height和width属性值可设定图片高、宽度。（B）height=60表示设置图片的高度为60像素。（C）width=50%表示图片的宽度为显示器全屏宽度的50%。（D）当只设置了height值而没设置width值时,图像宽度保留三第八单元题号试题题型难度第节课内容知识点1（ ）主要用来进行页面上的文字段落或图片的放置位置的设置A、盒 子B、边 框C、区 块D、定位正确答案：A二第1节课内容知识点2怎样使一个层垂直居中于浏览器中（ ）A、p adding: 50% 50%B、margin: 50% 50%C、m argin: 0 autoD、m argin: -100 auto正确答案：B二第2节课内容知识点3一般情况下，布局属性中溢出属性的默认值为（ ）A、隐 藏B、滚 动C、可 视D、自动正确答案：D二第2节课内容知识点4能够设置文本加粗的样式属性是（ ）A、f ont-weight:boldB、style:boldC、f ont:bD、f ont-style:bold正确答案：A二第3节课内容知识点5给所有的h1标签添加背景颜色的是（ ）A、h 1 background-color:#FFFFFFB、h 1 background-color:#FFFFFF;C、h 1.all background-color:#FFFFFFD、# h1 background-color:#FFFFFF正确答案：B二第3节课内容知识点6在HTML中,下面( )是已被访问过呈红色文字的样式。(选择一项) A.a:linkcolor:red; B.a:hovercolor:red; C.a:visitedcolor:red; D.a:activecolor:red;正确答案：C二第3节课内容知识点7阅读下面CSS代码，下面选项中与该代码段效果等同的是( )。(选择一项).box margin:10px 5px; margin-right:10px; margin-top:5px; A.box margin:5px 10px 10px 5px; B.box margin:5px 10px 0px 0px; C.box margin:5px 10px; D.box margin:10px 5px 10px 5px; 正确答案：A二第3节课内容知识点8下在代码使用HTML元素的ID属性，将样式应用于网页上的某个段落：P id=”firstp”这是一个段落/P，下面选项中，（ ）正确定义了上面代码引用的样式规则A、 Style Type=”text/css” P color:red /StyleB、 Style Type=”text/css” #firstp color:red /StyleC、Style Type=”text/css” .firstp color:red /StyleD、 Style Type=”text/css” P.firstp color:red /Style正确答案：B二第3节课内容知识点8下列CSS语法规则正确的是（ ）A、b ody:color=blackB、 body;color:blackC、b ody color: blackD、 body:color=black(body正确答案：C二第3节课内容知识点9以下代码片断中，属于绝对定位的是（ ）A、# boxwidth:100px;height:50px;B#boxwidth:100px;h