Java web【期末复习】

前端开发相关概念

  1. 所有的浏览器对同一个CSS样式的解析都相同,因此页面在不同浏览器下的显示效果不一定相同
  2. URL(英文Uniform Resource Locator的缩写)中文译为“统一资源定位符”。URL其实就是Web地址,俗称“网址”。
  3. HTTP”是一种详细规定了浏览器和万维网服务器之间互相通信的规则。

头部相关标签基本概念

  1. title标签设置的标题可作为默认快捷方式或收藏夹的名称
  2. link标签
    1. href设置外部文档的地址
    2. rel设置当前文档与引用的外部文档的关系
    3. type设置外部文档的类型。
  3. 如果设置页面刷新、失效期等元信息,可对meta标签添加相应的name属性。(错误)name搜索引擎属性

meta标签

  1. 单标签

    1. 对页面进行设置的格式:<meta http-equiv="名称"content="值"/>
    2. 对搜索引擎进行设置的格式:<meta name="名称" content="值"/>
  2. <!DOCTYPE html>
    <html>
     <head>
      <meta charset="utf-8"/>
      <!-- ********* Begin ********* -->
    
        <title>设置元信息</title>
        <meta http-equiv = "Refresh" content="10;Url = https://www.baidu.com/"/>
        <meta http-equiv = "Expires" content="Fir,31 Dec 2021 08:00:00 GMT"/>
        <meta name="keywords" content="前端,元信息,网页跳转,失效期,搜索关键词"/>
       
      <!-- ********* End ********* -->
     </head>
     <body>
      <h1 align="center">元信息的设置</h1>  
     </body> 
    </html>
    

标签

文本控制类标签

  1. 块级元素: \

    \

  2. 文本修饰类标签:行内元素<span>
  3. 显示内容的大小和浏览器默认文本的大小基本相同的是:h4
  4. 空格字符:  
  5. div可以包含任何标签、行内元素不能包含块级元素
  6. align 对齐方式:
    1. left:左对齐
    2. center:居中对齐
    3. right:右对齐
    4. justify:两端对齐
  7. 水平线标签:

图像标签

  1. 图像格式:jpg、png、gif
  2. 绝对路径、相对路径
  3. 网页背景图:background
  4. 网页中嵌入图像img
  5. title是页面标题、不是网页标题
  6. href不是img属性
  7. image属性
    1. src :给定图像来源的位置
    2. alt :设置在图像未载入前图片位置显示的文字
    3. Width和 height :设定图像的宽度和高度
    4. title:鼠标停留在图片上时显示的说明文字

超链接标签

  1. 链源:引起跳转的原因
  2. 链宿:要跳转的目标
  3. < a href=“链宿”>链源< /a>
  4. _blank:在新窗口打开被链接文档
  5. < a href=" https://www.baidu.com/">这是一个指向百度页面的链接
  6. 图片链接百度网站:链接双标签里面放一个 单标签
  7. 打开或下载音乐:直接里面放
  8. 页内链接
    1. 锚点位置:< a name = “Q”>这是第7个网页
    2. 点击的位置:< a href="#Q">查看第7个网页

表格基本结构

基本概念

  1. 表格结构:表格标题、项目表头、数据资料
    1. table:定义一个表格
    2. caption:定义表格标题
    3. tr:定义表格一行
    4. th:定义表头单元格
    5. td:定义表格中数据单元格
  2. 定义项目表头的标签:
  3. 表格背景颜色:
  4. 定义表格中的行:tr
  5. 定义表格标题:caption
  6. 表格中文本对齐:th:middle

选择题

  1. 设置表格内部框线属性:rules
  2. 表格外部显示上下俩条边框线:frame取值:hsides
  3. 表格内部框线只显示行线:rules取值:rows
  4. 合并俩个水平方向单元格:colspan
  5. rules=cols:只显示列与列的分割线

HTML5音频相关的内容

  1. HTML5支持的音频格式:WAV 、MP3 、 Ogg
  2. audio元素常见属性
    1. src:地址
    2. controls:添加控件:播放,暂停、音量调节控件
    3. autoplay:自动播放
    4. loop:循环播放
    5. preload:加载方式
      1. none:不加载
      2. auto:自动加载
      3. metadate:元数据
  3. source元素,媒体元素
    1. src:规定要播放的音频文件地址
    2. type:规定媒体资源MIME类型
  4. 选择题
    1. 可以为同一个媒体数据指定多个播放格式与编码方法的标签是(source)
    2. audio元素中的src作用是(设置要播放音频的URL)
    3. 给audio标签添加auto属性,可以使得音频就绪好马上播放(错误)

视频相关的概念

  1. 支持的视频格式
    1. MP4
    2. WebM
    3. Ogg
  2. 常见属性:和音频差不多,外加width、height
  3. 选择题
    1. H5不支持的格式:flv
    2. 用于播放H5的文件是:vidio
    3. mp4是safari浏览器支持的vidio视频文件格式
    4. load不属于vidio元素的属性
    5. autoplay属性可以实现视频加载

CSS基础知识

  1. 浏览器css3前缀
    1. -ms-:IE浏览器前缀
    2. -moz-:火狐浏览器
    3. -webkit-:苹果、微软、谷歌浏览器前缀
    4. -o-:欧朋浏览器前缀
  2. CSS样式:选择器+声明
  3. 引入CSS样式的方法
    1. 内联式:style属性
    2. 内嵌式:
    3. 外链式:.css文件
    4. 外导式
  4. 选择题
    1. CSS值得是:Cascading Style Sheets
    2. 火狐浏览器:-moz-
    3. style属性定义内敛样式
    4. 外链式:link

题库

单元测试1

  • 所有的浏览器对同一个CSS样式的解析都相同,因此页面在不同浏览器下的显示效果完全一样。(❌)

  • URL(英文Uniform Resource Locator的缩写)中文译为“统一资源定位符”。URL其实就是Web地址,俗称“网址”。(对)

  • “HTTP”是一种详细规定了浏览器和万维网服务器之间互相通信的规则。(对)

  • 在网站建设中,JavaScript用于搭建页面结构。(错:是运行在浏览器中的解释型编程语言,

  • 下面的选项中,关于Web标准说法正确的是(C、D)

    • A Web标准只要包括HTML标准
    • B Web标准是由浏览器的各大厂商联合制定的
    • C Web标准并不是某一个标准,而是一系列标准的集合
    • D Web标准主要包括结构标准、表现标准和行为标准三个方面

单元测试2


文档结构

<!DOCTYPE html>
<html>
  <head>
    <title>标题</title>
  </head>
  <body>
  </body>
</html>

文本控制标签

<h1>一级标题</h1>
<p>
  段落标签
</p>
<br>换行标签
<hr>水平线标签

字形标签

<b>粗体标签</b>
<i>斜体标签</i>
<u>下划线标签</u>

其他

<img src="路径" width=“” height=“”> 插入图片
<a href=URL>**</a> 插入超链接
<a href=""></a>可以电子邮件链接、下载链接
链接到一个锚点
<a href="#c5"></a>设置锚点
<a name="c5"></a>跳转锚点

表格

表头:th,表行tr,表列td
<table>
  <tr>
    <th></th>
  </tr>
  <tr>
  	<td></td>
  </tr>
</table>

link标签


1、位于HTML文档的最前面,用于向浏览器说明当前文档使用哪种 HTML 或 XHTML 标准规范的标记是( )。

· A <!DOCTYPE>

· B

· C

· D

标准答案:A

2、在HTML中,网页要显示的主体内容应放置在( )

· A 标记之间

· B 标记之间

· C 标记之间

· D HTML中的任意位置

标准答案:C

3、若要以加粗宋体、12号字显示“vbscript”以下用法中,正确的是( )。

· A vbscript

· B vbscript < / b >

· C <font face=“宋体”size=12>vbscript

· D vbscript

标准答案:B

4、下列属性中,哪一项是用于设置鼠标悬停在图像上时的提示文字?( )

· A title :网页、图像的标题、悬提文字

· B alt : 替代文字,图片加载不出来用的

· C width

· D height

标准答案:A

5、


表示( ) // hr:水平线

· A 表示水平线没有阴影

· B 表示水平线没有边框

· C 表示页面边界没有阴影

· D 表示水平线不显现

标准答案:A

6、下列说法错误的是( )

· A 表示上标

· B 表示下划线 : 下划线

· C 表示删除线

· D 表示粗体

标准答案:B

7、在HTML中,( )不是链接的目标窗口属性。

· A self

· B new

· C blank : // 新窗口

· D top: // 整个窗口打开

标准答案:B

8、图像文件名为myhome.jpg,要访问目标网站为http://www.edu.cn,以下创建一个以图像为链源的超链接正确是( )

· A myhome.jpg

· B

· C

· D

标准答案:B

9、以下创建E-mail链接的方法,正确的是( )

· A 管理员

· B 管理员

· C 管理员

· D 管理员

标准答案:D

10、定义表格的项目表头的HTML标签是( )

· A

· B

· C

· D

标准答案:D

11、设置表格的边框为0的HTML 代码是( )

· A

· B

· C

· D

标准答案:C

12、

,表示( )// cols行,row列

· A 显示所有分隔线

· B 只显示组(Groups)与组之间的分隔线

· C 只显示行与行之间的分隔线

· D 只显示列与列之间的分隔线

标准答案:D

13、

只显示一个边框。( )

· A 对

· B 错

标准答案:B

边框相关知识

frame:外边框属性;above上边框。below下边框。hsides上下边框。vsides左右边框。border上下左右边框。lhs左边框。rhs右边框。

rules:内部边框属性;all全部内边框。none不显示边框。rows就显示行。cols就显示列。

水平合并colspan,垂直合并rowspan

14、图像文件和html文件位于同一文件夹,相对地址为。( )

· A 对

· B 错

标准答案:A

15、代码“海淀区”表示的意思是将水平方向的三个单元格合并为一个单元格。( )

· A 对

· B 错

标准答案:B

相关内容。

表头th,表行tr,表列td

rowspan行合并,三个行合并起开

单元测试3

1、下列选项不属于HTML5文档的结构元素是( )。

· A

· B

· C

· D

标准答案:C

Html5:header页眉,nav导航,article主页面区,aside次要信息区,footer页脚

2、HTML5 的全局属性中"contenteditable" 用于( )。

全局属性

Hidden属性:规定元素不显示

spellcheck:是不是对元素进行拼写和语法检查

scontenteditable:是不是可以编辑

contextmenu:右键上下文菜单

· A 规定元素的上下文菜单,该菜单会在用户点击右键点击元素时出现

· B 规定元素内容是否是可编辑的

· C 从服务器升级内容

· D 返回内容在字符串中首次出现的位置

标准答案:B

3、在HTML5 中,spellcheck 是( )。

· A 全局属性

· B HTML元素

· C 事件属性

· D 样式属性

标准答案:A

4、在HTML5中,下列用于展现页面中某个事物完成的进度的元素是( )。

· A details

· B meter

· C command

· D progress

标准答案:D

5、为了使得元素可拖动,可以把( )属性设置为ture。

· A draggable

· B contenteditable

· C editable

· D dropzone

标准答案:A

6、以下哪个标记用来建立一个有序列表( )。

· A

· B

    · C

      · D

      标准答案:C

      7、在定义列表中,一对

      标记可以对应多对
      标记。

      · A 对

      · B 错

      标准答案:A

      8、在进行列表嵌套时,无序列表中只能嵌套无序列表。

      · A 对

      · B 错

      标准答案:B

      9、在无序列表中经常设置type属性,下列属于type属性值的是( )。

      · A disc

      · B circle

      · C pointer

      · D square

      标准答案:ABD

      可以设置disk、circle、square属性,无序列表

      dl元素,自定义列表

      image-20201216155011960

      10、关于定义无序列表的基本语法格式,以下描述正确的是( )。

      · A

        标记用于定义无序列表

        · B

        • 标记嵌套在
            标记中,用于描述具体的列表项

            · C 每对

              中至少应包含一对
            • · D

            • 不可以定义type属性,只能使用CSS样式属性代替
            • 标准答案:ABC

              单元测试4

              相关内容

              • 表单的结构

                • action:接收处理表单数据的服务器程序的url地址
                • name:取名
                • method:表单数据的提交方式get||post
              • input控件

                • text文本框
                • password密码框
                • radio单选按钮
                • checkbox复选按钮
                • textarea多行文本框
                • 普通、提交、重置按钮
              • textarea控件

              • select控件

                • size:可见选项的数目
                • multiple:设定为多选
                • 搭配option
                <form action="" methon="get">
                  <select name="水果" size="3">
                    <option value="apple" selected>苹果</option>
                    <option value="peach">桃子</option>
                  </select>
                </form>
                      
                

              正则表达式匹配

              • . 匹配任何字符
              • *匹配0或者多个它前面字符
              • +匹配1或者多个前面字符
              • ?匹配0或者1前面字符
              • ^ 匹配字符串开始
              • $匹配字符串结束

              选择题

              1、与之间的表单控件是由用户自定义的。下列选项中,不属于表单标记的常用属性的是( )

              · A action

              · B size

              · C method

              · D name

              标准答案:B

              2、在HTML中,,method属性表示( )

              · A 提交方式// get post

              · B 表单所用的脚本语言

              · C 提交的URL地址

              · D 表单的类型

              标准答案:A

              3、在表单中插入单选按钮的HTML代码是( )

              · A

              · B < input type=“button” >

              · C < input type=“reset” >

              · D

              标准答案:D

              4、在表单中插入文本域的正确的HTML代码是( )

              · A

              · B

              · C

              · D

              标准答案:B 起手

              5、设置表单中密码框的最大长度为15正确的属性设置是( )

              · A size=15

              · B max=15

              · C maxsize=15

              · D maxlength=15

              标准答案:D

              6、下列能够实现列表框中选项为默认选项的标记的属性是( )

              · A value

              · B size

              · C selected

              · D rows

              标准答案:C

              7、若要产生一个4行30列的多行文本域,以下代码中,正确的是( )

              · A

              · B

              · C </ textarea >

              · D </ textarea >

              标准答案:C

              8、在表单控件中,对复选框应用checked属性,指定默认选中项。

              · A 对

              · B 错

              标准答案:A

              9、在表单提交方式中,get方式的保密性好,并且无数据量的限制。

              · A 对

              · B 错

              标准答案:B

              10、代码<input type=“text” id=“txtAge” pattern="1?[0-9]$"**>**可验证输入文本是否为1~9之间的数字。

              · A 对

              · B 错

              标准答案:B

              单元测试5

              • audio:用于音乐文件与其他音频流的播放
              • src:地址
              • 三种音频格式:Ogg、MP3、WAV
              • sudio标签的属性
                • autoplay
                • controls
                • loop
                • preload
                • src
              • video:用于视频文件的播放
              • 三种视频格式:Ogg、MPEG4、WebM

              1、在HTML中,可以使用( )标记向网页中插入视频。

              · A

              · B

              · C

              · D

              标准答案:C

              2、下列属性中指定媒体是否在页面加载后自动播放的是( )

              · A 100p

              · B autoplay

              · C poster

              · D auto

              标准答案:B

              3、下列选项中,属于audio元素的属性是( )

              · A poster

              · B width

              · C height

              · D preload

              标准答案:D

              4、下列选项中,( )不是HTML 5所支持的视频格式

              · A WebM

              · B Ogg

              · C MP4

              · D AVI

              标准答案:D

              5、可以通过( )元素来为同一个媒体数据指定多个播放格式与编码方式

              · A source

              · B video

              · C audio

              · D 以上都不是

              标准答案:A

              单元测试7

              • 构造:选择符+声明(属性+值)
              • 选择器
                • 通用选择器
                • 标签选择器
                • 类选择器
                • id选择器
                • 伪类选择器
                • 群组选择器
                • 派生选择器
                • 属性选择器
                • 组合选择器
              • 应用css的4种方式
                • 内联式
                • 内嵌式
                • 链入式
                • 导入式
              • css的特性
                • 继承性
                • 特殊性
                • 层叠性
                • 重要性

              1、下列选项中,( )的CSS语法是正确的

              · A body:color=black

              · B {body:color=black(body)}

              · C body{color:black;}

              · D {body;color:black}

              标准答案:C

              2、当

              标记内嵌套标记时,就可以使用后代选择器对其中的标记进行控制,下列写法正确是( )

              · A strong p{color:red;}

              · B p strong{color:red;}

              · C strong,p{color:red;}

              · D p.strong{color:red;}

              标准答案:B

              3、在内嵌式CSS样式中,

              · A

              · B

              · C

              · D

              标准答案:C

              4、在CSS中,用于设置首行文本缩进的属性是( )

              A text-decoration :元素文本装饰

              B text-align :设置对齐方式

              C text-transform :转换不同元素中的文本

              D text-indent :缩进

              标准答案:D

              5、如果使用内嵌式CSS样式表定义

              标记字号为12像素,链入式定义

              标记颜色为红色,那么段落文本将显示为( )

              · A 只显示12像素

              · B 12像素红色

              · C 只显示红色

              · D 以上都不正确

              标准答案:B

              6、内联式CSS样式是通过标记的( )属性来设置元素的样式

              · A class

              · B style

              · C id

              · D name

              标准答案:B

              7、下列选项中,用于设置鼠标悬停效果的超链接样式( )

              · A a:hover{ font-size:16px; } :鼠标悬停

              · B a:active{ font-size:16px; } :点击一个链接变成活动链接

              · C a:visited{ font-size:16px; }

              · D a:link{ font-size:16px; }

              标准答案:A

              visited选择器设置访问过的页面链接的样式

              hover选择器当有鼠标悬停在其上的链接样式,

              active 选择器设置当你点击链接时的样式。

              8、id选择器使用( )进行标识,后面紧跟id名

              · A ^

              · B *

              · C #

              · D .

              标准答案:C

              9、text-decoration是文本修饰属性,其属性值( )是用来设置下划线的

              · A line-through

              · B overline

              · C blink

              · D underline

              标准答案:D

              10、在CSS中,去掉无序列表项前面的符号的方法是( )

              · A ul{ list-style:none;}

              · B ul{ list-style-type:none;} : none!!!

              · C ul{ list-type:no ;}

              · D ul{ list-style-type :null;}

              标准答案:B

              单元测试8

              1、下列设置“上边距:20px、下边距:30px、左边距:40px、右边距:50px”边距属性正确的是( )。

              · A margin:20px 30px 40px 50px

              · B border: 20px 30px 40px 50px

              · C margin:20px 50px 30px 40px

              · D margin-top:20px 30px 40px 50px

              标准答案:C

              2、行内元素也称内联元素或内嵌元素,其特点是,不必在新的一行开始,同时,也不强迫其他的元素在新的一行显示,下列选项中为行内元素的是( )。

              · A

              · B

              · C

              · D

                标准答案:B

                3、在CSS中,可以通过float属性为元素设置浮动,以下选项中不属于float属性值的是( )。

                · A left

                · B center

                · C right

                · D none

                标准答案:B

                4、将一个盒子的上边框定义为1像素、蓝色、单实线,下列代码正确的是( )。

                · A border-top:1px solid #00f;

                · B border:1px solid #00f;

                · C border-top:1px dashed #00f;

                · D border:1px dashed #00f;

                标准答案:A

                5、下列选项中,可以去掉列表的项目符号的是( )。

                · A list-type:square

                · B list-type:circle

                · C list-type:no

                · D text-decoration: none

                标准答案:D

                6、如果想将两个层排列在同一行中,下列描述不能实现的是( )。

                · A 直接插入两个DIV标记,会自动排在同一行

                · B 指定DIV的position属性为absolute,然后将层位置定位同一行

                · C 指定DIV标记的宽,并且为它们指定浮动方式

                · D 使用一个表格,将两个层分别放入一行中的两个单元格内

                标准答案:A

                7、在css中,如果要清除浮动层对文本的影响,下列说法正确的是( )。

                · A 为浮动层增加clear属性,并设置其属性为both

                · B 为浮动层增加clear属性,并设置其属性为none

                · C 为放置文本的标签增加clear属性,并设置其属性为none

                · D 为放置文本的标签增加clear属性,并设置其属性为both

                标准答案:D

                8、CSS中position:fixed表示( )。

                · A 相对于浏览器窗口进行定位

                · B 相对于它在原文档流的位置进行定位

                · C 相对于其上一个已经定位的父元素进行定位

                · D 相对于父元素进行定位

                标准答案:A

                9、在CSS中,为页面中的某个DIV标签设置样式div{width:200px;padding:0 20px;border:5px;},则该标签的实际宽度为( )。

                · A 200px

                · B 220px

                · C 240px

                · D 250px

                标准答案:D

                10、将元素转换为行内块元素的方法是对其应用display:inline-block;样式。

                · A 对

                · B 错

                标准答案:A

                **
                **

                单元测试11

                1、在下列( )HTML元素中放置Javasript代码。

                · A

                · B

                · C

                · D

                标准答案:C

                2、以下变量命名中,( )符合命名规则。

                · A with

                · B userName

                · C a&bc

                · D 8-depart

                标准答案:B

                3、解释执行JavaScript的是( )。

                · A 服务器

                · B 编辑器

                · C 浏览器

                · D 编译器

                标准答案:C

                4、在JavaScript中,所有数字都是数值型,并不区分整型数值和浮点型数值。( )

                · A 对

                · B 错

                标准答案:A

                5、在JavaScript中,下列满足变量x大于等于20且小于100条件的正确表达式是( ) 。

                · A (X>=20 & x<100)

                · B (x>=20 and x<100)

                · C (X>=20 or x<=100)

                · D (x>=20 && x<100)

                标准答案:D

                6、引用名为“xxx.js”的外部脚本的正确语法是( )。

                · A

                · B < script href=”xxx.js”>

                · C

                · D < script type=”xxx.js”>

                标准答案:A

                7、下列能向页面弹出告警消息框的JavaScript语句是( )。

                · A “信息正确吗?”

                · B

                信息正确吗?

                · C document.write("信息正确吗? ");

                · D alert("信息正确吗? ");

                标准答案:D

                8、下列选项中,JavaScript运算符的优先级最高的是( )。

                · A +

                · B ++

                · C ()

                · D = =

                标准答案:C

                9、下列代码中,用于判断当 i 不等于 5 时执行一些语句的条件语句是( )。

                · A if =! 5 then

                · B if <>5

                · C if (i <> 5)

                · D if (i != 5)

                标准答案:D

                10、下列声明自定义函数selectNumber()正确的是( )。

                · A function : selectNumber(){}

                · B function selectNumber(){ }

                · C function =selectNumber(){}

                · D function {selectNumber()}

                标准答案:B

                单元测试12

                1、下列选项中,( )不是JavaScript中的内置对象。

                · A Date

                · B String

                · C Array

                · D List

                标准答案:D

                2、将字符串s中的所有字母变为小写字母的方法是( )。

                · A s.toSmallCase()

                · B s.toLowerCase()

                · C s.toUpperCase()

                · D s.toUpperChars()

                标准答案:B

                3、分析下面的JavaScript代码段:

                var a=15.49;

                document.write(Math.round(a));

                输出的结果是( )。

                · A 15.4

                · B 15.5

                · C 15

                · D 16

                标准答案:C

                4、在JavaSript中,可以使用Date对象的( )方法返回一个月中的每一天。

                · A getDate()

                · B getYear()

                · C getMonth()

                · D getTime()

                标准答案:A

                5、Array对象的( )方法可以使用颠倒数组中元素的顺序。

                · A shift()

                · B reverse()

                · C splice()

                · D slice()

                标准答案:B

                6、代码var count=Math.ceil(Math.random()*30)+90,count的值为( )。

                · A 90<count<120

                · B 90<=count<120

                · C 90<=count<=120

                · D 90<count<=120

                标准答案:C

                7、在JavaScript中,下列哪段代码能够在1秒之后执行表达式expression?( )。

                · A window.setTimeout(1000,expression);

                · B window.setTimeout(expression ,1);

                · C window.setTimeout(1 ,expression);

                · D window.setTimeout(expression ,1000);

                标准答案:D

                8、如果今天是2018年9月29日,则下列JavaScript代码运行后,将在网页上显示( )。

                var now=new Date();

                var year=now.getYear();

                var month=now.getMonth();

                var date=now.getDate();

                document.write(year+””month+””+date);

                · A 2018 09 29

                · B 2018 9 29

                · C 2018 08 29

                · D 2018 8 29

                标准答案:D

                9、考察以下程序片段:

                var str=“12px”;

                var s=str.indexof(“2”)

                alert(s);

                以下选项正确的是( )。

                · A 输出1

                · B 输出2

                · C 输出p

                · D 输出12

                标准答案:A

                10、分析下面的JavaScript代码段

                a=new Array(2,4,4,5,6);

                sum=0;

                for(i=0;i<a.length;i++)

                sum+=a[i];

                document.write(sum);

                输出结果是( )。

                · A 21

                · B 23456

                · C 2,3,4,5,6

                · D 19

                标准答案:A

                单元测试13

                1、下列JavaScript语句中,能实现单击一个按钮时弹出一个消息框的是()。

                · A <button value =“鼠标响应” οnclick=alert(“确定”)>

                · B <input type=“button” value =“鼠标响应” οnclick=alert(“确定”)>

                · C <input type=“button” value =“鼠标响应” οnchange=alert(“确定”)>

                · D <button value =“鼠标响应” οnchange=alert(“确定”)>

                标准答案:B

                2、某网页中有一个窗体对象,其名称是mainForm,该窗体对象的第一个元素是按钮,其名称是myButton,表述该按钮对象的方法是( )。

                · A document.forms.myButton

                · B document.mainForm.myButton

                · C document.forms[0].element[0]

                · D 以上都可以

                标准答案:B

                3、下列选项中,( )不是网页中的事件。

                · A onclick

                · B onmouseover

                · C onsubmit

                · D onpressbutton

                标准答案:D

                4、HTML文档的树状结构中,( )标签为文档的根节点,位于结构中的最顶层。

                · A

                · B

                · C

                · D

                标准答案:A

                5、在HTML页面中包含一个按钮控件mybutton,如果要实现点击该按钮时调用已定义的Javascript函数compute,要编写的HTML代码是( )。

                · A <input name=”mybutton” type=”button” οnblur=”compute ()” value=”计算“>

                · B <input name=”mybutton” type=”button” οnfοcus=”compute ()” value=”计算”>

                · C <input name=”mybutton” type=”button” οnclick=”function compute ()” value=”计算“>

                · D <input name=”mybutton” type=”button” οnclick=”compute ()” value=”计算”>

                标准答案:D

                6、Javascript中制作图片代替按钮的提交效果需要手动提交方法submit(),以下调用正确的是( )。

                · A submit()

                · B myform.submit()

                · C document. myform.submit()

                · D window. myform.submit()

                标准答案:C

                7、window的哪个方法可以弹出带文本输入框的对话框?( )

                · A confirm()

                · B alert()

                · C prompt()

                · D open()

                标准答案:C

                8、open()方法的哪个外观参数可以设置是否显示滚动条?( )。

                · A location

                · B menubar

                · C scrollbars

                · D toolbar

                标准答案:C

                9、setInterval(“alert(‘welcome’;”,1000);这条代码的意思是( )。

                · A 等待1000秒后,再弹出一个对话框

                · B 等待1秒后弹出一个对话框

                · C 每隔1秒弹出一个对话框

                · D 语句报错,语法有问题

                标准答案:C

                10、分析以下代码

                aaa
                xxx
                bbb ccc

                弹出提示对话框的内容是 。

                ccc

                候选答案一:

                ccc

                候选答案二:

                CCC

                11、假设a.html和b.html在同一个文件夹下面,请在a.html页面中使用javascript代码实现:点击这个a.html中的“打开”按钮,弹出一个新窗口。该窗口宽500px,高度为450px,该窗口中显示的页面是b.html页面。写出实现该功能的HTML代码。

                参考答案:
                [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-xXUuCcnJ-1608631407702)(/Users/xiongshou/markdown/课程/clip_image002.jpg)]

                综合测试

                1、在HTML中,网页的标题内容应放置在( )。

                · A 标记之间

                · B 标记之间

                · C 标记之间

                · D HTML中的任意位置

                标准答案:A

                2、下列选项中哪一个属性不是文本的标签属性( )?

                · A align

                · B color

                · C nbsp

                · D face

                标准答案:C

                3、下列选项中,( )是换行符标记。

                · A

                · B

                · C

                 
                

                · D

                标准答案:B

                4、定义表格行的HTML标签是( )。

                · A

                · B

                · C

                · D

                标准答案:D

                5、以下创建E-mail链接的方法,正确的是( )。

                · A 管理员

                · B 管理员

                · C 管理员

                · D 管理员

                标准答案:D

                6、若要设置网页的背景图像为bg,jpg,以下标记中,正确的是( )。

                · A

                · B

                · C

                · D

                标准答案:A

                7、以下关于列表标记说法错误的是( )。

                · A

                1. 有序列表

                · B

                • 无序列表

                · C

              • 嵌套列表
              • · D

                定义列表

                标准答案:C

                8、下列选项中,( )的CSS语法是正确的。

                · A body:color=red

                · B {body:color=red(body)}

                · C body{color:red;}

                · D {body;color:red}

                标准答案:C

                9、下列设置“上边距:20px、下边距:30px、左边距:40px、右边距:50px”边距属性正确的是( )。

                · A margin:20px 30px 40px 50px

                · B border: 20px 30px 40px 50px

                · C margin:20px 50px 30px 40px

                · D margin-top:20px 30px 40px 50px

                标准答案:C

                10、在HTML5中,下列用于展现页面中某个事物完成的进度的元素是( )。

                · A details

                · B meter

                · C command

                · D progress

                标准答案:D

                11、若要在当前网页中定义一个独立类的样式myText,使具有该类样式的正文为“Arial”,字体大小为9pt,行间距为13.5pt。以下定义方法中,正确的是( )。

                ·A

                ·B

                ·C

                ·D

                标准答案:A

                12、下列选项中,( )不是HTML 5所支持的视频格式。

                · A WebM

                · B Ogg

                · C MP4

                · D AVI

                标准答案:D

                13、CSS中position: relative表示( )。

                · A 相对于浏览器窗口进行定位

                · B 相对于它在原文档流的位置进行定位

                · C 相对于其上一个已经定位的父元素进行定位

                · D 相对于父元素进行定位

                标准答案:B

                14、引用外部compute.js脚本正确的语法是( )。

                · A

                · B

                · C

                · D

                标准答案:C

                15、下列选项中,声明自定义函数selectNumber()正确的是( )。

                · A function : selectNumber(){}

                · B function selectNumber(){ }

                · C function =selectNumber(){}

                · D function {selectNumber()}

                标准答案:B

                16、下列选项中,( )是求出两个数最大数?

                · A Math.ceil(20,50)

                · B Math.max(20,50)

                · C Math.min(20,50)

                · D top(20,50)

                标准答案:B

                17、在JavaSript中,可以使用Date对象的( )方法返回月份值。

                · A getDate()

                · B getYear()

                · C getMonth()

                · D getTime()

                标准答案:C

                18、open()方法的哪个外观参数可以设置是否显示工具栏?( )。

                · A location

                · B menubar

                · C scrollbars

                · D toolbar

                标准答案:D

                19、下列选项中,( )可以表达方程X2=4中的上标“2”。

                · A 2

                · B 2

                · C 2

                · D 2

                标准答案:D

                20、分析下面的JavaScript代码段:

                Var a=12.48;

                Document.write(Math.round(a));

                · A 12

                · B 12.5

                · C 12.4

                · D 13

                标准答案:A

                21、下面的选项中,关于Web标准说法正确的是( )。

                · A Web标准只要包括HTML标准。

                · B Web标准是由浏览器的各大厂商联合制定的。

                · C Web标准并不是某一个标准,而是一系列标准的集合。

                · D Web标准主要包括结构标准、表现标准和行为标准三个方面。

                标准答案:CD

                22、在CSS中,下列选项( )属于BOX模型的属性。

                · A font

                · B margin

                · C border

                · D visible

                标准答案:BC

                23、以下( )内容是HTML文件头部内容所包括的。

                · A 注释、表单域。

                · B 网页标题、关键字。

                · C 作者信息、网页描述、自动刷新。

                · D CSS样式。

                标准答案:BCD

                24、下列选项中( )可以通过javascript的应用得以实现。

                · A 交互导航

                · B 表单验证

                · C 简单的数据搜寻

                · D 日期显示

                标准答案:ABCD

                25、下列选项中( )是javascript的全局函数?

                · A escape

                · B parseFloat

                · C alert

                · D eval

                标准答案:ABD

                26、Web开发技术包括客户端和服务器端的技术。

                · A 对

                · B 错

                标准答案:A

                27、当样式定义重复出现的时候,最先定义的样式起作用。

                · A 对

                · B 错

                标准答案:B

                28、在定义列表中,一对

                标记只能一对
                标记。

                · A 对

                · B 错

                标准答案:B

                29、代码“万柏林区”表示的意思是将水平方向的三个单元格合并为一个单元格。

                · A 对

                · B 错

                标准答案:B

                30、在表单提交方式中,post方式的保密性好,并且无数据量的限制。

                · A 对

                · B 错

                标准答案:A

                31、将字符串s中的所有字母变为小写字母的方法是s.toUpperCase()。

                · A 对

                · B 错

                标准答案:B

                32、解释并执行JavaScript的是服务器。

                · A 对

                · B 错

                标准答案:B

                33、setInterval(“alert(‘welcome’;”,1000);这条代码的意思是等待1000秒后,再弹出一个对话框。

                · A 对

                · B 错

                标准答案:B

                34、a:hover{ font-size:16px; }可用于设置鼠标悬停效果的超链接样式。

                · A 对

                · B 错

                标准答案:A

                35、为行内元素。

                · A 对

                · B 错

                标准答案:A

                36、程序填空题(每空2分)

                按下图页面效果和代码中注释部分提示信息完善程序代码。

                标题字应用

                ​ (1)

                ​ (2) <!****—水平线宽度:3,颜色:红色,对齐方式:居中 -->

                ​ (3)

                ​ (4)

                ​ (5)

                [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-wQF7MhfS-1608631407706)(/Users/xiongshou/markdown/课程/clip_image003.jpg)]

                参考答案

                [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-o0DljH1D-1608631407712)(/Users/xiongshou/markdown/课程/clip_image005.jpg)]

                37、程序填空题(每空2分)

                按下图所示效果,参照注释提示信息,完成代码填充。

                [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Bkf6RODW-1608631407716)(/Users/xiongshou/markdown/课程/clip_image007.jpg)]

                改变网页页面字的大小

                <!****—填充说明:(7)设置type属性值;(8)通过ID获取元素方法;


                1. 1-9 ↩︎

              评论
              添加红包

              请填写红包祝福语或标题

              红包个数最小为10个

              红包金额最低5元

              当前余额3.43前往充值 >
              需支付:10.00
              成就一亿技术人!
              领取后你会自动成为博主和红包主的粉丝 规则
              hope_wisdom
              发出的红包
              实付
              使用余额支付
              点击重新获取
              扫码支付
              钱包余额 0

              抵扣说明:

              1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
              2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

              余额充值