精华内容
下载资源
问答
  • 2020-12-22 02:21:59

    绝密★启用前Web前端开发技术期

    一、单项选择题(本大题共25小题,每小题1分,共25分)1.网页制作工具按照其工作方式可分为( )A.HTML语言和非HTML语言两大类B.DHTML方式和JavaScript方式两大类C.标注型网页制作工具和所见即所得型网页制作工具两大类D.基于Windows记事本型工具和HTML编辑器型工具

    2.主机域名www.xxxx

    .com.cn由四个子域组成,代表国别的代码是( )A.www B.xxxx C.com D.cn

    3.下列标记中,字体最小的是( )A.〈H1〉 B.〈H3〉 C.〈H5〉 D.〈H6〉

    4.不能使文字换行的标记是( )A.〈PRE〉 B.〈BR〉 C.〈P〉 D.〈BLOCK〉

    5.对文字使用下划线的标记是( )A.〈X〉 B.〈P〉 C.〈U〉 D.〈B〉

    6.上标标记是( )A.〈SUP〉 B.〈SUB〉 C.〈STRIKE〉 D.〈BLINK〉

    7.BACKGROUND属性指定的是( )A.背景色 B.背景音乐 C.背景图片 D.背景有无

    8.&GT表示的符号是( )A.< B.> C." D.&

    9.&AMP表示的符号是( )A.< B.> C." D.&

    10.标号清单的数字形式属性中,TYPE=#格式中,不包含的格式是( )A.1,2,3… B.A,B,C… C.i,ii,iii… D.甲,乙,丙…

    11.设置表格格内垂直对齐的HTML标记是( )A.〈td valign=?〉 B.〈td colspan=#〉 C.〈td rowspan=#〉 D.〈td nowrap〉

    12.〈img src="name"align="left"〉意思是( )A.图像向左对齐 B.图像向右对齐 C.图像与底部对齐 D.图像与顶部对齐

    13.创建一个滚动菜单的HTML代码是( )A.〈form〉〈/form〉B.〈select multiple name="NAME" size=?〉〈/select〉C.〈option〉D.〈select name="NAME"〉〈/select〉

    14.框架中“边缘宽度”的标记是( )A.〈img src="url" border=?〉B.〈frame marginheight=?〉C.〈frame marginwidth=?〉D.〈textarea wrap=off|virtual|physical〉〈/textarea〉

    15.〈html〉〈head〉〈title〉JavaScript的世界〈/title〉〈/head〉〈body〉〈a href=''javascript:close()''〉〈font color="yellow"〉[关闭]〈/font〉〈/a〉〈/body〉〈/html〉此实例中 JavaScript嵌入HTML的方式为( )A.脚本置于〈JS〉〈/JS〉标记中间 B.直接嵌入HTML窗口或链接中C.使用SRC属性应用外部脚本文件 D.作为应用程序嵌入

    16.DHTML的动态样式的作用是( )A.可使开发人员改变显示在一页上的文本或图像,以便内容能够交互地对用户的鼠标和键盘操作做出响应B.让页面制作者以自动方式或对用户的操作做出响应的方式移动页面上的文本和图像 C.可实现客户端与服务器端动态的信息资源交换D.使网页制作者改变内容的外部特征而不强制用户再次下载全部内容

    17.JavaScript要正常运行必须有( )A.Web服务器 B.JavaScript编译器C.JavaScript虚拟机 D.客户端浏览器

    18.在HTML中嵌入JavaScript,应该使用的标记是( )A.〈script〉〈/script〉 B.〈head〉〈/head〉C.〈body〉〈/body〉 D.〈JS〉〈/JS〉

    19.下列不属于DHTML技术主要组成部分的是( )A.Java B.JavaScript和V BScriptC.DOM D.CSS

    20.CSS中ID选择符在定义的前面要有指示符( )A.* B.& C.! D.#

    21.如果在网页中既使用了背景颜色,又使用了非透明的背景图片,那么( )A.先设置的会盖住后设置的 B.后设置的会盖住先设置的C.背景颜色会盖住图片 D.图片会盖住背景颜色

    22.在CSS中,关于BOX的margin属性的叙述正确的是( )A.边距margin可以取0~4个值B.如果只赋予两个或三个值则其他边距可随意选取C.属性值可为autoD.若只赋一个值,则另三个值均为0

    23.CSS中对于单一选择符的复合样式声明基本结构应为( )A.selector{property1:value1,property2:value2,…}B.selector(property1:value1,property2:value2,…)C.selector{property1:value1;property2:value2;…}D.selector

    24.关于样式单的说法错误的是( )A.样式单中可以有注释语句B.如果字符间超过一个空格存在则只保留一个C.样式单不区分大小写D.未声明的属性和方法将被忽略

    25.CSS选择符的作用及种类是( )A.选择符用于规定CSS的插入种类,选择符有:HTML selector;class selector;ID selector B.选择符用于标识CSS的功能,选择符有:超文本标记选择符,非超文本标记选择符C.选择符用于定义CSS,选择符有:超文本标记选择符,类选择符,ID选择符D.选择符用于CSS的注释,选择符有:特殊符号选择符,文本选择符

    二、多项选择题(本大题共5小题,每小题2分,共10分)26.在HTML语言中,属于〈table〉标记属性的是( )A.border B.width C.cellspacing D.cellpadding E.bgcolor

    27.下列属于JavaScript对象的有( )A.BBS B.Document C.Form D.String E.Navigator

    28.CSS中,BOX的Border属性包括( )A.border-width B.border-height C.border-color D.border-size E.border-style

    29.与HTML相比,XML具有的主要特点是( )A.简单性 B.可扩展性 C.互操作性 D.开放性 E.互补性

    30.无论是复杂的商业网站,还是简单的个人网站,在网页的层次结构上都存在着一些共同点,即任何一个网站均可用三级结构实现的是( )A.首页—栏目页—文章页 B.首页—内容页—分项页 C.栏目页—内容页—文章页 D.一级页面—二级页面—三级页面E.栏目页—二级页面—内容页

    三、简答题(本大题共5小题,每小题5分,共25分)31.GIF和JPEG图像格式文件的主要区别是什么?32.利用PhotoShop新建一图像,在新建对话框中resolution标识图像什么值?起什么作用?33.在FrontPage2003中共享边框的作用是什么?34.在Dreamweaver中图像占位符有什么作用?在哪个菜单中有该菜单项?35.简述用Fireworks制作动画的几种方法。

    四、论述题(本大题共2小题,每小题10分,共20分)36.试述Flash的特点。

    37.什么是IIS?配置IIS用来发布网站主要进行哪几方面的配置?主要作用是什么?

    五、实践题(本大题共2小题,每小题10分,共20分)38.原本一个布置得很好的网页,当浏览时把浏览器的字号设置成大或小时,因为字的大小变了,版式马上就乱了。请编写一段CSS代码使网页里的字体大小不会改变。39.按照如下图所示的框架结构,写出HTML代码。 (注:框架内的网页文件上面是top.html,左面是left.html,右面是main.html。框架内文件的内容可忽略)。

    将窗口分成20%,80%的比例,将下边的区域再分成20%,80%的左右两个区域。(框架内

    更多相关内容
  • 大二下册web前端课堂教学内容以及期末考试练习题 学了什么 基本的DOM操作 寻找节点 通过节点修改属性,类等 实现基本动画 实现基本计算 基本的jQuery操作 选择元素 简单的动画效果 基本的 HTML5 新表单内容 包括了更...
  • 主页设计布局是在网站的左上... 首先选定 本网页制作工具是前端开发利器: WebStorm,创建前端项目工程,并创建相应的文件夹,存放各个css、js,还有网页中用到的各种图片放到pic文件夹中,背景音乐放到music文件夹中。
  • 1. 需要包含个人信息,网站需包含多个子栏目链接按钮(至少3个是有效的实际链接),每个子栏目必须有文字和图片等元素,不可以纯图片,文字内容可自行组织; 2....(2)各页面要共同体现网站的主题特色,首页必须包含...
  • 期末结课大作业 html+css+javascript网页设计实例 企业网站制作,资源里面有网页的HTML文件、CSS文件、JAVASCRIPT文件和网页中的图片文件,用于大学web网页课程设计参考以及相关从业人员参考学习
  • Vue期末考试试题.pdf

    2021-06-27 16:42:49
    50道选择题,带详细答案,期末考试完全够用
  • web前端试题(一)附答案.pdf
  • web前端期末复习试题

    千次阅读 热门讨论 2021-04-26 19:19:26
    web前端复习试题 1 WWW上的任何信息(包括文档、图像、图片、视频或音频等)都被看作是资源,为了方便地引用资源,应给它们分配一个唯一的标志来描述该资源存放于何处以及如何对它进行存取,当前使用的命名机制叫( ) A...

    web前端复习试题

    1
    WWW上的任何信息(包括文档、图像、图片、视频或音频等)都被看作是资源,为了方便地引用资源,应给它们分配一个唯一的标志来描述该资源存放于何处以及如何对它进行存取,当前使用的命名机制叫( )

    A、
    URL

    B、
    WWW

    C、
    DNS

    D、
    FTP

    正确答案: A 我的答案:A
    2
    下列关于站点目录结构组织的描述正确的是( )

    A、
    可以使用中文目录

    B、
    将所有文件都存放在根目录下

    C、
    按栏目内容分别建立子目录

    D、
    只在根目录下建立 Images目录

    正确答案: C 我的答案:C
    3
    运行在互联网上用于WWW服务的协议是( )

    A、
    HTTP

    B、
    FTP

    C、
    SMTP

    D、
    POP3

    正确答案: A 我的答案:A
    4
    下列标签用法正确的是( )

    A、
    163.com

    B、

    C、

    • <ul>苹果</ul>
      
      <ul>香蕉</ul>
      
       <ul>橘子</ul>
      
    • D、

      1. <li>苹果</li>
        
        <li>香蕉</li>
        
         <li>橘子</li>
        

      正确答案: D 我的答案:D
      5
      HTML5的正确 doctype是( )

      A、
      <! DOCTYPE HTML5>

      B、
      <! DOCTYPE html>

      C、
      < DOCTYPE HTML PUBLIC"//W3C//DTD HTML 5. 0//EN" “http://www.w3.org/tr/html5/strict.dtd”>

      正确答案: B 我的答案:B
      6
      下列HTML标签中表示折行的是( )

      A、
      < br/>

      B、

      C、

      D、

      正确答案: A 我的答案:A
      7
      下列产生粗体字的HTML标签为( )

      A、

      B、

      C、

      D、

      正确答案: C 我的答案:C
      8
      "&"在网页中用编码表示应为()。

      A、
      &It;

      B、
      &

      C、
       

      D、
      ©

      正确答案: B 我的答案:B
      9
      格式“<a href="…/目标文件名.html>超链接显示文本</a>”表示( )

      A、
      链接到同一目录中的网页文件

      B、
      链接到下一级目录中的网页文件

      C、
      链接到上一级目录中的网页文件

      D、
      链接到同级目录中的网页文件

      正确答案: C 我的答案:C 得分: 3.8分
      10
      在HTML中定义一个书签应该使用( )

      A、
      < a name=“bookmark”> text

      B、
      text

      C、
      text

      D、
      <a target="#bookmark> text

      正确答案: A 我的答案:A 得分: 3.8分
      11
      下列制作电子邮件链接的格式正确的是( )

      A、
      <a href="xxx@yyy>

      B、
      <mail href="xxx@yyy>

      C、
      <a href="mailto:xxx@yyy>

      D、
      xxx@yyy

      正确答案: C 我的答案:C 得分: 3.8分
      12
      ( )不是网页中一般使用的图片格式

      A、
      gif

      B、
      jpeg

      C、
      png

      D、
      bmp

      正确答案: D 我的答案:D 得分: 3.8分
      13
      用于播放html5视频文件的正确标签是( )

      A、

      B、

      C、

      D、

      正确答案: C 我的答案:C 得分: 3.8分
      14
      <audio>标签支持的音频格式有()

      A、
      只有MP3

      B、
      只有MP3与WAV格式

      C、
      只有mp3、WAV与Ogg格式

      D、
      任何格式都可以

      正确答案: C 我的答案:C 得分: 3.8分
      二.判断题(共12题,46.8分)
      1

      Web客户端在Internet上被称为浏览器,它一种用来浏览Web页面的软件

      我的答案:√ 得分: 3.8分 正确答案:√
      2
      主页( Home Page)就是网站默认的首页。主页默认的文件名通常为 index.html或default.html

      我的答案:√ 得分: 3.8分 正确答案:√
      3
      所谓的静态网页并不单纯指网页上没有动画效果,但是在网页上放置了 Flash或者GIF动画的网页肯定是动态网页

      我的答案:× 得分: 3.8分 正确答案:×
      4
      Web标准都是由W3C( World Wide Web Consortium,万维网联盟)组织起草和发布

      我的答案:√ 得分: 3.8分 正确答案:√
      5
      HTML的标签名及属性名不区分大小写。

      我的答案:√ 得分: 3.8分 正确答案:√
      6
      HTML对属性名称的排列顺序没有特别的要求。

      我的答案:√ 得分: 3.8分 正确答案:√
      7
      在HTML中所有的标签都必须要有一个相应的结束标签

      我的答案:× 得分: 3.8分 正确答案:×
      8
      在标签内可以包含一些属性,属性名称出现在标签的后面,并且以分号进行分隔。

      我的答案:× 得分: 3.8分 正确答案:×
      9
      在网页上,只有文字可以与某个页面或其他网站进行内部链接。

      我的答案:× 得分: 3.8分 正确答案:×
      10
      使用书签链接可以跳转到本网页内的其他位置,但不能跳转到其他网页中的位置

      我的答案:× 得分: 3.8分 正确答案:×
      11
      浏览器会忽略注释标签中的文字,不做显示

      我的答案:√ 得分: 3.8分 正确答案:√
      12
      在HTML代码中空格应写为“&nbsp;”

      我的答案:√ 得分: 5.0分 正确答案:√
      1
      css指的是
      A、
      Computer Style Sheets

      B、
      Cascading Style Sheets

      C、
      Creative Style Sheets

      D、
      Colorful Style Sheets

      正确答案: B 我的答案:B 得分: 3.3分
      2
      结构与样式分离依赖于

      A、
      html

      B、
      css

      C、
      xml

      D、
      style

      正确答案: B 我的答案:B 得分: 3.3分
      3
      下面不属于css插入形式的是

      A、
      索引样式

      B、
      内联样式表

      C、
      内部样式表

      D、
      链接外部样式

      正确答案: A 我的答案:A 得分: 3.3分
      4
      使用内部样式表示方法定义样式应该使用的标签是

      A、
      link

      B、
      object

      C、
      style

      D、
      styles

      正确答案: C 我的答案:C 得分: 3.3分
      5
      在html文档中,应用外部样式表的正确位置是

      A、
      文档的末尾

      B、

      部分

      C、
      文档顶部

      D、

      部分

      正确答案: B 我的答案:B 得分: 3.3分
      6
      链接到外部样式表使用的标签是

      A、
      style

      B、
      link

      C、
      object

      D、
      head

      正确答案: B 我的答案:B 得分: 3.3分
      7
      下列css的应用方式中优先级最高的是

      A、
      内联样式

      B、
      默认样式

      C、
      内部样式

      D、
      外部样式

      正确答案: A 我的答案:A 得分: 3.3分
      8
      当编写css时,不同属性应使用( )分隔

      A、

      B、

      C、

      D、

      正确答案: C 我的答案:C 得分: 3.3分
      9
      下列哪一项的css语法是正确的

      A、
      body:color=black

      B、
      {

      body:color=black(body)

      }

      C、
      body

      {

      color:black

      }

      D、
      {

      body;color:black

      }

      正确答案: C 我的答案:C 得分: 3.3分
      10
      下列哪一项是在对css进行注释

      A、
      //this is a Comment

      B、
      //this is a Comment//

      C、
      /this is a Comment/

      D、
      'this is a Comment

      正确答案: C 我的答案:C 得分: 3.3分
      11
      css中设置文字大小的属性是

      A、
      font-style

      B、
      font-weight

      C、
      font-size

      D、
      size

      正确答案: C 我的答案:C 得分: 3.3分
      12
      css中设置文本颜色的属性是

      A、
      text-color;

      B、
      bgcolor

      C、
      color

      D、
      background-color

      正确答案: C 我的答案:C 得分: 3.3分
      13

      在css中设置文本属性text-indent 主要设置的是

      A、
      字间距

      B、
      字母间距

      C、
      文字对齐

      D、
      首行缩进

      正确答案: D 我的答案:D 得分: 3.3分
      14
      一下哪项表示将所有p元素设置为粗体

      A、

      B、

      C、
      p{

      font-weight:bold

      }

      D、
      p{

      font-size:bold

      }

      正确答案: C 我的答案:C 得分: 3.3分
      15

      下拉哪一项不是css中设置长度的单位

      A、
      px

      B、
      pt

      C、
      em

      D、
      kk

      正确答案: D 我的答案:D 得分: 3.3分
      16
      下拉哪一项可设置超级链接没有下划线

      A、
      a{

      text-decoration:none

      }

      B、
      a{

      text-decoration:no underline

      }

      C、
      a{

      underline:none

      }

      D、
      a{

      decoration:no underline

      }

      正确答案: A 我的答案:A 得分: 3.3分
      17
      下拉哪一项可以产生带方形的项目符号列表

      A、
      list-type:square

      B、
      list-style-type:square

      C、
      type:square

      D、
      type:2

      正确答案: B 我的答案:B 得分: 3.3分
      18
      下拉哪一项默认是块状元素

      A、
      form

      B、
      img

      C、
      span

      D、
      stong

      正确答案: A 我的答案:A 得分: 3.3分
      19
      下拉哪一项默认是行内元素

      A、
      ol

      B、
      h1

      C、
      label

      D、
      li

      正确答案: C 我的答案:C 得分: 3.3分
      20
      下拉优先级描述正确的是

      A、
      id>标签>类

      B、
      类>标签>id

      C、
      id>类>标签

      D、
      标签>类>id

      正确答案: C 我的答案:C 得分: 3.3分
      二.判断题(共10题,34.0分)
      1
      css文件导入必须在body标签内完成

      我的答案:× 得分: 3.3分 正确答案:×
      2

      css的数值与单位之间可以加空格

      我的答案:× 得分: 3.3分 正确答案:×
      3
      a:hover设置a对象在鼠标放置在元素上的样式属性

      我的答案:√ 得分: 3.3分 正确答案:√
      4
      是块状元素

      是行内元素

      我的答案:× 得分: 3.3分 正确答案:×
      5
      外边距margin的取值只能设置为正数

      我的答案:× 得分: 3.3分 正确答案:×
      6
      左右两个盒子之间的间距是外边距较大的那个值

      我的答案:× 得分: 3.3分 正确答案:×
      7
      盒子模型中width height指盒子的宽和高

      我的答案:√ 得分: 3.3分 正确答案:√
      8
      上下两个相邻盒子,不管其是否存在负边距值,两个盒子的间距的计算方法都是一样的

      我的答案:× 得分: 3.3分 正确答案:×
      9
      块元素与行内元素可以相互转换

      我的答案:√ 得分: 3.3分 正确答案:√
      10
      ul表示无序列表 ol表示有序列表 dl表示自定义列表

      我的答案:√ 得分: 4.3分 正确答案:√
      1
      需要在页面上引用脚本文件js.js,下列语句中,正确的是

      A、

      D、

      正确答案: D 我的答案:D 得分: 3.8分
      2
      以下哪种方式是在控制台输出

      A、
      console.log()

      B、
      document.write()

      C、
      alert()

      D、
      prompt()

      正确答案: A 我的答案:A 得分: 3.8分
      3
      以下哪个单词不属于javascript关键字

      A、
      function

      B、
      float

      C、
      var

      D、
      return

      正确答案: B 我的答案:B 得分: 3.8分
      4
      如下javascript代码运行的结果是弹出一段消息,其内容是

      var a;

      alert(a);

      A、
      报错

      B、
      a is not define

      C、
      undefined

      D、
      null

      正确答案: C 我的答案:C 得分: 3.8分
      5
      jquery隐藏如下所示的输入框

      A、
      $(“username”).hide();

      B、
      $(#username).remove();

      C、
      $("#username").hide();

      D、
      $("#username").remove();

      正确答案: C 我的答案:C 得分: 3.8分
      6
      jQuery 的方法get()的作用

      A、
      使用 http get 请求从服务器接口加载数据

      B、
      返回一个对象

      C、
      返回存在jQuery对象中的DOM元素

      D、
      操作界面元素

      正确答案: A 我的答案:A 得分: 3.8分
      7
      下列关于Jquery中fadeIn()方法正确的是

      A、
      可以改变元素的高度

      B、
      可以逐渐改变被选元素的不透明度,从隐藏到可见(褪色效果)

      C、
      可以改变元素的宽度

      D、
      与fadeIn( )相对的方法是fadeOn( )

      正确答案: B 我的答案:B 得分: 3.8分
      8
      以下P标签经过Jquery以下操作后的标签将变成

      你好

      $(‘p’).append(“西南石油大学”);

      A、

      你好

      西南石油大学

      B、

      西南石油大学你好

      C、
      西南石油大学

      你好

      D、

      你好西南石油大学

      正确答案: D 我的答案:D 得分: 3.8分
      9
      以下关于jQuery的描述错误的是

      A、
      jQuery是一个javascript函数库

      B、
      jQuery极大地简化了JavaScript编程

      C、
      jQuery的宗旨是“写得少,做得多”

      D、
      jQuery不能根据选择器查找HTML元素,然后对这些元素执行相关的操作。

      正确答案: D 我的答案:D 得分: 3.8分
      10
      使用Jquery给按钮添加点击事件的代码正确的是

      A、
      $(’#btnSure’).click(function(){

      })

      B、
      $(’#btnSure’).onclick(function(){

      })

      C、
      $(’#btnSure’).click=function(){

      }

      D、
      $(’#btnSure’).οnclick=function(){

      }

      正确答案: A 我的答案:A 得分: 3.8分
      11
      javaScript是运行在( )的脚本语言。

      A、
      服务器端

      B、
      客户端

      C、
      在服务器运行后,把结果返回到客户端

      D、
      在客户端运行后,把结果返回到服务端

      正确答案: B 我的答案:B 得分: 3.8分
      12
      在JavaScript中,把字符串"123"转换为整型值123的正确方法是( )。

      A、
      var str=“123”;

      var num=(int)str;

      B、
      var str=“123”;

      var num=str.parseInt(str);

      C、
      var str=“123”;

      var num=parseInt(str);

      D、
      var str=“123”;

      var num=Integer.parseInt(str);

      正确答案: C 我的答案:C 得分: 3.8分
      13

      在JavasScript中,若要实现复选框全选功能,则在横线处填写的代码应为( )(选择一项)

      滑雪

      游泳

      爬山

      A、
      document.getElementsById(“chk”);

      B、
      document.getElementsByName(“chk”);

      C、
      document.getElementByName(“checkbox”);

      D、
      document.getElementsByTagName(“chk”);

      正确答案: B 我的答案:B 得分: 3.8分
      14
      以下关于Javascript的说法中正确的是( )

      A、
      Jquery是区别于Javascript的另一种Web脚本语言

      B、
      JavaScript与Jquery不可以混合使用

      C、
      Javascript可以以*.js的形式放在单独的文件中

      D、
      使用Jquery方法时可以不用引入Jquery库文件

      正确答案: C 我的答案:C 得分: 3.8分
      15
      在HTML页面中包含一个按钮控件btnLogin,如果要实现点击该按钮时调用已定义的JavaScript函数Login(),要编写的HTML代码是()

      A、

      B、

      C、

      D、

      正确答案: D 我的答案:D 得分: 3.8分
      16
      读取localStorage的数据的方式正确的是

      A、
      localStoage.getItem(“变量名”)

      B、
      localStoage.loadItem(“变量名”)

      C、
      localStoage.get(“变量名”)

      D、
      localStoage.setItem(“变量名”)

      正确答案: A 我的答案:A 得分: 3.8分
      17
      以下基于Json数据格式表示正确的是

      A、
      var student={“stuname”:“张三”,stuage:20,“stuaddresss”:{“stucity”:成都市,“stustreet”:新都大道8号}};

      B、
      var student={“stuname”:“张三”,“stuage”:20,“stuaddresss”:{“stucity”:“成都市”,“stustreet”:“新都大道8号”}};

      C、
      var student={stuname:张三,stuage:20,“stuaddresss”:{“stucity”:成都市,“stustreet”:新都大道8号}};

      D、
      var student={“stuname”:“张三”,stuage:“20”,“stuaddresss”:{“stucity”:成都市,“stustreet”:新都大道8号}};

      正确答案: B 我的答案:B 得分: 3.8分
      18
      在javascript中,“1555”+3的运行结果是

      A、
      1558

      B、
      1552

      C、
      15553

      D、
      1553

      正确答案: C 我的答案:C 得分: 3.8分
      19
      javascript获取div中的文本信息

      西南石油大学

      A、
      document.getElementById(“one”).value;

      B、
      document.getElementById(“one”).text;

      C、
      document.getElementById(“one”).innerHTML;

      D、
      document.getElementById(“one”).val();

      正确答案: C 我的答案:C 得分: 3.8分
      20
      $(document).ready(function(){

      })

      方法的描述正确的是

      A、
      html元素加载完成后自动执行,主要用于一些初始化工作

      B、
      html页面元素刚一开始加载时执行

      C、
      页面中第一句被执行的JavaScript代码

      D、
      关闭页面是所自动执行的方法

      正确答案: A 我的答案:A 得分: 3.8分
      二.判断题(共6题,24.0分)
      1
      在JavaScript中,使用单引号(’)标记字符常量,而是用双引号(")标记字符串常量

      我的答案:× 得分: 3.8分 正确答案:×
      2
      用var定义一个变量后,如果没有赋予任何值,那么它的值是空值,即null

      我的答案:× 得分: 3.8分 正确答案:×
      3
      JavaScript严格区分大小写

      我的答案:√ 得分: 3.8分 正确答案:√
      4
      JavaScript是支持对象的编程语言

      我的答案:√ 得分: 3.8分 正确答案:√
      5
      javascript通过document.getElementById(“username”)方法去查找元素是会找到所有id为username的元素集合

      我的答案:× 得分: 3.8分 正确答案:×
      6
      html页面中只能在head标签内中编写javascript脚本代码

      我的答案:× 得分: 5.0分 正确答案:×

    展开全文
  • 为了考试复习方便 下面内容摘自前端HTML、CSS、JavaScript知识点总结_敐的博客-CSDN博客 前端HTML、CSS、JavaScript知识点总结 一、HTML 1.前端组成 (1)前端的组成:内容(HTML)+样式(CSS)+页面交互特效...

    为了考试复习方便 下面内容摘自前端HTML、CSS、JavaScript知识点总结_敐的博客-CSDN博客



     


    前端HTML、CSS、JavaScript知识点总结

    一、HTML

    1.前端组成

        (1)前端的组成:内容(HTML)+样式(CSS)+页面交互特效(javascript);

        (2)前端编译(解析)器:浏览器

            浏览没有统一,所以每个浏览内核不同,导致同一个页面用不同,浏览器 解析出效果不同(兼容性)。

        (3)前端开发工具:

            记事本,nodepad++,HBuilder,Dreamweaver,WebStorm,eclips,myeclips,idea

    2.html

        (1)定义:超文本标记语言,是一种由标签组成的语言,每个标签都有自己的 意义。

        (2)后缀名是.htm 或.html的文件。

        (3)html规范:

            1)html不区分大小写,但是W3C提倡标签名和属性名全用小写。

            2)html页面必须有根标签,根标签必须是<html></html>

     3)html标签必须关闭:

                单标签:<标签名 属性名1="值1" 属性名2="值2" />

                双标签:<标签名 属性名1="值1" 属性名2="值2"></标签名>

            4)html的标签的属性值一定要写在引号中。

            5)html的标签都已经定义好了,每个标签都有独特含义,不能自定义。

            6)html的标签可以嵌套,嵌套要正确。

                <标签名1><标签名2></标签名2></标签名1>

        (4)html组成:文档声明+html基本结构.

        (5)html的文档声明:

            1)STRICT(严格类型):

                <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1- strict.dtd">

            2)TRANSITIONAL(过渡类型):

                <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

            3)FRAMESET(框架类型):

                <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

        (6)HTML的标准结构
     

        <html> - --- 根标签
     
            <head>  ---头部分(指定编码以及窗口标题)
     
                <meta  /> ---- 执行编码格式
     
                <title>指定标题</title>
     
            </head>
     
            <body>
     
                主体部分,所有的常用的html标签都这里。
        
            </body>
     
        </html>
    

    (7)html注释:<!--注释内容-->

    3.html中头部常用标签

        (1)页面标题标签:<title></title>

        (2)设置页面字符编码:

            <meta http-equiv="charset" content="gb2312"/>

            <meta http-equiv="Content-Type"  content="text/html;charset=gb2312"/>

        (3)网页描述:

            <meta name="description" content="描述内容"/>

        (4)设置搜索关键字:

            <meta name="keywords" content="搜索关键字"/>

        (5)设置当前页面几秒后跳转到另一个页面:

            <meta http-equiv="refresh" content="3;url=跳转页面地址"/>

        (6)导入外部css文件:<link>

        (7)囊括书写的css内部样式:<style>...</style>

        (8)囊括和导入js代码<script>...</script>

    4.html中body常用标签

    4.1.块级标签:标签要独占一行

        (1)标题标签:设置标题

            <h1>~<h6>字体由大到小。

        (2)段落标签:<p></p>

        (3)水平线标签:<hr/>

        (4)无序列表:类型(实心圆,空心圆,方块)

        <ul type="square">
     
            <li>面条</li>
     
            <li>泡面</li>
     
            <li>燕窝</li>
     
        </ul>
    

        (5)有序列表:类型(数字,字母,罗马数字)

        <ol type="I">
     
            <li>苹果</li>
     
            <li>梨</li>
     
            <li>橘子</li>  
     
        </ol>
    

        (6)自定义列表:用于对概念的解释说明,或图文混排

        (7)容器标签:<div></div>

        (8)表格标签:<table></table>

        (9)表单标签:<form></form>

    4.2.行级标签(内联标签):内容有多大占多大的位置

        (1)换行标签:<br/>

        (2)段落缩进标签:blockquote,段落首行缩进   <blockquote></blockquote>

        (3)滚动标签:marquee,没有指定滚动方向,默认从右到左。

            1)behavior:滚动方式

                slide:滚动到某一边停止

                alternate:来回滚动(两端)

                scroll:穿梭滚动

            2)direction:滚动方向,left(从右往左),right(从左往右)。

            3)scrollamount:滚动速度。

            4)举例:

        <marquee behavior="scroll" direction="right" scrollamount="20" bgcolor="pink">XXXXXXXXX</marquee>
    

          (4)上标标签:sup,给某个文本设置上标。

            举例:数学中的幂(平方、立方):X<sup>2</sup>。

        (5)下标标签sub,给某个文本设置下标。

            举例:化学中的化学式:H2O  H<sup>2</sup>O。

        (6)原样输出标签:pre,被包裹的文本原样显示:<pre></pre>

        (7)行内标签span:<span></span>

        (8)加粗标签,加粗文本:strong,<strong></strong>

        (9)斜体标签,是文本以斜体显示:em,<em></em>

        (10)字体标签:font

        (11)居中标签:center,使内容居中:<center></center>

    5.表格:table

        (1)属性:border:边框大小。

            width:表格宽度。

            height:表格的高度。

            align:表格在浏览器的位置。

            cellspacing:设置表格边框线和单元格之间的距离。

            cellpadding:设置单元格和单元格的距离。

        (2)子标签

            caption:表格的标题标签。

            tr:行标签。

            td:单元格。

            th:表头标签:自动居中并且适当加粗。

        (3)单元格的合并:

            合并行:rowspan:占了几个单元格。

            合并列:colspan:占了几个单元格。

    6.表单标签form

        (1)表单:整个表单是块级标签,表单中每个元素是等级标签。

        (2)属性:

            action: url 本地地址/后台地址。

            method:常用的提交方式get/post。

        (3)应用场景:

            1)注册

                用户填写基本信息,前台校验,提交到后台的地址。

                后台查询当前用户是否存在,如果不存在用户才能注册。

            2)登录

                输入用户名和密码,在后台查询数据库中是否存在这个用户名和密 码存在,才可以登录;没有注册,先要注册。

        (4)get方式和post方式的区别

            get方式:

                1)直接将数据提交到url地址上。

                    举例:后台地址?username=zhangsan&password=123

                2)不适合提交隐私数据。

                3)由于是提交在地址栏上,它提交的数据大小有限制。

            post方式

                1)不会将用户数据提交在地址栏上,存在于请求头下面。

                    实体内容:form data:username=xxx&password=123456

                    提交方式:get/post提交密码数据需要使用MD5加密或 springSecurity。

                2)相对于get方式,post更安全。

                3)它不是直接提交在地址栏上,提交的数据大小没有限制。

        (5)表单中的标签

            input标签

            select标签 :下拉菜单

            子标签:option:下拉选项

            textarea:文本域,书写文字描述

    7.input标签

        (1)属性:

            type:类型。

            value:输入框的默认值。

            placeholder:输入内容,自动获取焦点。

            登录/注册:表单项中必填的属性name。

            name属性:给系统后台写的内容,提交数据的名称(标记)。

        (2)type属性的值:

    text文本输入框
    password密码输入框
    hide隐藏域: 没有效果,可以携带数据。
    date日期组件
    radio单项按钮
    checkbox复选框
    file文件上传
    submit提交按钮
    reset重置按钮
    image图片按纽
    button文本内容就是当前按钮的名称

    (3)注意事项:radio和checkbox,同一组类型信息,指定相同的name属性 值。

            举例:checked="checked" 选中的状态。

    8.图像标签:img

        (1)属性:

            src :连接到图片资源地址 。

            width:指定图片的宽度。

            height:指定图片的高度。

                单位:指定像素px。

                指定百分比:占当前50%,宽度和高度占整个分辨率的百分比。

            title:当鼠标悬浮图片上的提示文字

            alt:替换文本图片资源失效的时候,起作用。    

        (2)注意:

            1)如果一个html页面中有3个图片(网络图片),请求某个服务器,会发 送4次请求。

            2)请求页面http://域名:端口号/当前html资源文件地址。

            3)每一个图片src加载都会发送一次请求。

    9.超链接:a标签

        (1)属性:

            href属性:跳转到资源地址

            target属性:不指定,默认当前窗口直接打开地址。

                _blank:新建窗口打开资源文件。

                _self(默认值):当前窗口直接打开。

        (2)资源地址:本地资源地址、网络资源地址、指定的服务器地址。

        (3)协议:

            http://超文本传输协议

            thunder://:迅雷协议

                如果本地有客户端软件,直接打开迅雷软件,没有跳转下载。

            mailto :邮件协议

        (4)http协议的执行流程:

            在C:\Windows\System32\drivers\etc\hosts文件

            hosts文件记录了本地网站域名以及ip地址:localhost:127.0.0.1

        (5)如果hosts文件有访问的域名,并且对应ip,直接本地打开文件。

            如果找不到,调用网卡来联网操作----DNS服务器(网络运营商)。

        (6)超链接的应用场景:        1)连接到:网络资源地址/本地资源地址。            2)锚链接来使用

                在同一个html页面的使用

                   a)打锚点: 定义一个标记位置

                       <a name="锚点名称"></a>

                    b)创建一个跳转链接

                        <a href="#锚点名称">跳转</a>

                不同html页面的使用

                    a)在另一个页面的某个位置打锚点: 定义一个标记位置。

                    b)在当前页面上创建跳转标记

                        <a href="跳转页面地址#锚点名称">跳转</a>
     

    10.frameset标签:框架集标签

        (1)框架集:框架集与<body>标签不共存。页面要么不用框架集,要用框架集, 整个页面必须全用。

        (2)作用:用于将页面划分几个模块来布局.

        (3)优点:方便布局.

        (4)缺点:加载速度慢;灵活性差.

        (5)标签:

            frameset:可以整合多个页面与一个页面中。如果一个xxx系统由很多 html页面组成,那么可以使用frameset框架集标签。

            frame:一个frame中包含一个html页面。

        (6)frameset属性:

            rows:设置上下页面关系的权重(占整个框架集的百分比);

            cols:设置左右页面关系的权重(占整个框架集的百分比);

    11.内联框架

        (1)作用:可以在页面上任意地方引入其他页面。

        (2)优点:灵活性高.

        (3)举例:
     

        <iframe src="6.表单.html" frameborder="0" width="100%"></iframe>
    

    12.特殊符号

    含义

    符号

    小于号

    <

    大于号

    >

    与字符

    &

    引号

    "

    己注册

    ®

    版权

    ©

    商标

    空格

    13.元素(标签)的分类

        (1)分类:块状元素、行内元素、内联块状元素

        (2)块状元素:独自占据一行的元素

            1)html中的块状元素<div>、<p>、<h1>、<form>、<ul>、<li>等。

            2)将行内元素显示设置为块状元素:display:block。

               将行内元素a转换为块状元素,使a元素具有块状元素特点

                a{display:block;}

            3)块状元素特点:

                ①每个块状元素都独占一行。

                ②元素的高度、宽度、行高以及顶和底边距都可设置。

                ③元素宽度在不设置的情况下,是它本身父容器的100%(和父元素 的宽度一致),除非设定一个宽度。

        (3)行内元素(内联元素)

            1)html中的行内元素(inline)元素:<span>、<a>、<label>、<input>、 <img>、<strong>、<em>等。

            2)将块状元素设置为行内元素也可以通过代码display:inline,。

            3)行内元素特点:

                ①和其他元素都在一行上;

                ②元素的高度、宽度、行高及顶部和底部边距不可设置;

                ③元素的宽度就是它包含的文字或图片的宽度,不可改变。

        (4)内联块状元素(css2.1新增)

            1)描述:内联块状元素(inline-block)就是同时具备内联元素、块状 元素的特点。

            2)将元素设置为内联块状元素:display:inline-block

            3)内联块状元素:<img>、<input>

            4)inline-block元素特点:

                ①和其他元素都在一行上;

                ②元素的高度、宽度、行高以及顶和底边距都可设置。

    二、CSS

    1.CSS

        (1)定义:层叠样式表(Cascading Style Sheet)。

        (2)页面内容和样式分离:HTML专门用来展示内容,CSS专门用来排版写样式。

        (3)CSS文件后缀名:.css

        (4)页面引入CSS的方式:

            1)行内样式:在标签中直接用style属性写样式。

                优点:直接方便。

                缺点:代码复用性差;内容和样式混在一起,违反W3C要求。
     

        eg:<h1 style="color:red;">写代码要细心</h1>

            2)内部样式:在<head>标签中写

                优点:可以实现页面内样式复用

                缺点:不能实现页面间的样式.

        eg:<style type="text/css"> h2{color:red; }</style>

            3)外部样式:先写一个外部css文件,那个页面要用这个文件,就在这个 页面的<head>中用<link/>引入就可。

                优点:可以实现页面间样式复用。

        eg:<link rel="stylesheet" href="css/1.css" />


            4)(了解)导入样式:在<head>中<style>标签中用@import导入外部CSS 文件。

        举例:<style type="text/css"> @import url("css/1.css"); </style>


            5)注意:导入样式 VS 外部样式

                导入样式只有部分浏览器支持,外部样式所有浏览都支持。

                加载时机不同:

                    导入样式,先加载完html页面,再加载导入css文件。

                    外部样式,执行时就将CSS文件中代码引用了。

        (5)优先级(就近原则):内联样式> 嵌入样式> 外部样式。

        (6)CSS注释:/*注释内容*/、//

    2.CSS的语法

        (1)选择器分类:标签选择器、类选择器、ID选择器、通用选择器、后代选 择器、子类选择器、相邻兄弟选择器、群组选择器、属性选择器。

        (2)标签选择器:选中页面上所有标签名相同的标签。

            标签名称{样式代码;}

        (3)优先级:id选择器>类选择器>标签选择器

        (4)类选择器:先给标签取类名,然后以.类名开头。
     

    举例:
     
        给标签取类名
     
        <h3 class="类名">热门新闻</h3>
     
        类选择器
     
        .class属性值{ 书写样式代码;}
    

            

     (5)ID选择器:先给标签取id名,然后以#id名开头。

            注意:在一个 HTML文档中,标签的id属性值不能重复,但可以有多个 不同ID选择器。

    举例:
     
        给标签取id名
     
        <h4 id="id值">最新新闻</h4>
     
        id选择器
        
        #id值{书写样式代码;}
    

            

    (6)通用选择器(全局选择器):用*表示选中页面上所有标签。

        举例:*{color: orangered; }


        (7)后代选择器:选择器之间以空格分隔。

        举例:body span{ color: red; }


        (8)子选择器:选择器之间以>分隔

        举例:body>span{ color: red; }


        (9)相邻兄弟选择器:选中当前标签紧跟着的同级标签,选择器之间以+分 隔。

        举例:h2+h3{ color: red; }


        (10)群组选择器:选择器之间以“,”分隔。

        举例:h1,h2,h3{ color: red; }


        (11)属性选择器:标签名[属性1][属性名2=值]

        举例:标签名[属性1][属性名2=值]
     
            h3[class]{ color: red; }


        (12)伪类选择器:描述标签状态

            1)状态:

                link:鼠标没有访问的状态。

                hover:鼠标经过标签状态。

                active:激活状态,鼠标点击但是没有松开的状态。

                visited:已经访问过的,点击后松开的状态。

            2)格式

               选择器:状态{

                    css样式代码

               }

            3)注意:

                在 CSS 定义中,a:hover必须被置于 a:link 和 a:visited 之后,才是有效的。

                在 CSS 定义中,a:active 必须被置于a:hover 之后,才是有效的。

        (13)权值:浏览器是根据权值来判断使用哪种css样式的,权值高的就使用 哪种css样式。

            1)权值的规则:

                标签选择器的权值为1,

                类选择器的权值为10,

                ID选择器的权值最高为100。

            2)例如下面的代码:
     

            p{color:red;} /*权值为1*/
     
            p span{color:green;} /*权值为1+1=2*/
     
            .warning{color:white;} /*权值为10*/
        
            p span.warning{color:purple;} /*权值为1+1+10=12*/
     
            #footer .note p{color:yellow;} /*权值为100+10+1=111*/
    

            3)!Important:为样式设置最高权值。

            p{color:red!important;}

    2.CSS文本属性

        (1)color:设置文本颜色

            color: red;

        (2)direction:设置文本方向:

            默认值:ltr

            direction: ltr;

        (3)line-height:设置行高 :行间距

            line-height: 5px;

        (4)letter-spacing:字符间距

            letter-spacing: 10px;

        (5)设置的对齐方式 text-align

            text-align: center;

        (6)text-decoration:设置文本修饰

            none:默认值

            text-decoration:none;

        (7)line-through:中划线

            overline:上划线

            underline:下划线

        (8)word-spacing:单词间距

            系统默认两个字组成一个单词。

    3.CSS字体属性

        (1)font-family :字体系列,是字体库中的所有字体。

            font-family: "楷体";

        (2)font-size:字体大小

            font-size: 30px;

        (3)font-style:字体风格

            默认值:normal :正常的字体

            font-style: italic;

            font-style: oblique;

        (4)font-weight:设置字体的粗细程度

            bold 等价700px 适当加粗

            font-weight: bold;

        (5)font字体的简写属性:将所有的字体属性在声明中定义

            font:font-style font-weight font-size  font-family
     
            font:italic bold 40px "楷体";
    

    4.CSS背景属性

        (1)背景颜色:background-color

            background-color: darkgray;

        (2)background-image:设置图像为背景

            background-image: url(img/1.jpg);

        (3)background-repeat:设置图像是否重复以及如何重复

            repeat:水平方向/垂直方向重复

            repeat-x:水平方向重复

            repeat-y:垂直方向重复

            no-repeat:不重复

        (4)backgroun-position:top left

            图像在浏览器中的垂直位置top/center/bottom

            图像在浏览器中的水平位置left/center/right

            如果设置图像不重复,默认的位置:background-position: top left;

        (5)背景的简写属性:background
     

            格式:background:background-color background-position
     
                            background-repeat background-image
     
            举例:background: red top center no-repeat url(img/1.jpg);
    

    错题总结:

    展开全文
  • Web前端开发技术期末测试及解析一

    千次阅读 2021-12-13 10:27:08
    Web前端开发技术期末测试及解析

    一、选择题(每题 1 分,共 20 分)

    1. HTML 指的是( )。
      (A)超链接的文本标记语言 (B)超文本标识语言
      (C)家庭工具标记语言 (D)以上都不是

    【答案】B

    1. 下列能够实现美化页面的语言是( )。
      (A)HTML (B)CSS
      (C)VFP (D)JavaScript

    【答案】B

    1. 以下标记中用于设置内部样式表的标记的是( )。
      (A)<style> (B)<title>
      (C)<script> (D)<head>

    【答案】A

    1. 要在段落的首行空两个汉字,要插入( )个空格&nbsp;
      (A)1 (B)3
      (C)2 (D)4

    【答案】D
    【解析】一个&nbsp是一个字符,一个汉字是两个字符,所以两个字的空格应该是4个&nbsp

    1. 在方程的解 X 1 = 2 X_1=2 X1=2 中下标“1”在 HTML 中可以使用( )标记实现。
      (A)<b> (B)<tt>
      (C)<sub> (D)<sup>

    【答案】C

    1. 定义列表的 HTML 代码是( )。
      (A)<dt><dl>...<dd>...</dl> (B)<dd><dt>...<dl>...</dd>
      (C)<dt><dd>...<dl>...<t> (D)<dl><dt>...<dd>...</dl>

    【答案】D

    1. 将超链接的目标网页在上一级的窗口中打开的方式是( ) 。
      (A)_parent (B)_self
      (C)_top (D)_blank

    【答案】A

    1. 设置表格边框颜色的 HTML 代码是 ( ) 。
      (A)<table color=""> (B)<th bordercolor="">
      (C)<table bordercolor=""> (D)<th color="">

    【答案】C

    1. 关于 HTML 表格说法错误的是()。
      (A) 表格的 width 属性可以设置为像素或百分比
      (B) 表格的 height 属性可以设置为像素或百分比
      (C) 如果不指定 border 属性,表格默认宽度为 1
      (D) 表格和单元格的背景色可以同时指定

    【答案】C
    【解析】如果不指定 border 属性,表格默认没有边框。

    1. 嵌入多媒体文件的 HTML 的代码正确的是( )。
      (A)<embed url=""></embed> (B)<embed src=""></embed>
      (C)<a src="">…</embed> (D)<a url=""> …</embed>

    【答案】B

    1. 在表单中插入列表框的正确的 HTML 代码是( )。
      (A) <input type="submit" ></input>
      (B) <textsrea name="textarea"></textarea>
      (C) <select multiple></select>
      (D) <input type=select ></input>

    【答案】C

    1. 下列能够设置文本加粗的 CSS 属性值对是( )。
      (A)font-weight:bold (B)style:bold
      (C)font:b (D)font="粗体"

    【答案】A

    1. 去掉文本超链接的下划线的方法是( )。
      (A) a{text-decoration:no underline;}
      (B) a{underline:none;}
      (C) a{decoration:no underline;}
      (D) a{text-decoration:none;}

    【答案】D

    1. 解释执行 JavaScript 的是( )。
      (A) 服务器 (B)编辑器
      (C) 浏览器 (D)编译器

    【答案】C

    1. 下列赋值语句格式错误的是( )。
      (A) var nValue=35.00;
      (B) var nValue=nValue+35.00;
      (C) var nValue=someFunction()+35.00; //someFunction()已经定义
      (D) var firstName=lastName=middleName="";

    【答案】B

    1. 下列 CSS 的规则正确的是( )。
      (A)body{color:black;}(B) {body;color:black}
      (C)body:color=black (D) {body:color=black(body)}

    【答案】A

    1. 图层引用已定义的类选择符正确的 HTML 代码是: 。
      (A)<div idname=""; ></div> (B)<div class=""; ></div>
      (C)<div classname=""; ></div> (D)<div name=""; ></div>

    【答案】B

    1. 下列属于<option>标记的属性是:( )。
      (A)value (B)size
      (C)checked (D)rows

    【答案】A

    1. 下列运算符中表示逻辑或的运算符是( )。
      (A)&& (B)||
      (C)! (D)++

    【答案】B

    1. 下列属于鼠标指针悬停在对象上发生的事件是( )。
      (A)onMouseOut (B)onMouseOver
      (C)onSelect (D)onClick

    【答案】B

    二、填空题(每题 0.5 分,共 10 分)

    1. HTML 文件的扩展名可以是 ____________或 ____________。

    【答案】html,htm

    1. 在 HTML 文件里,文本格式化标记中 ____________ 标记可用来设置删除效果。

    【答案】<del>

    1. 一个完整的 HTML 文件包含 ____________ 和 ____________ 等两部分(填标记名称)。

    【答案】<head>,<body>

    1. <a>标记中定义窗口弹出方式的属性是 ____________。

    【答案】target

    1. 设置背景音乐除了使用<bgsound>标记外还可以使用 ____________ 标记来播放背景音乐。

    【答案】<embed>

    1. 表格的 ____________ 属性指定了单元格中内容与单元格边框之间的空间大小。

    【答案】cellpadding

    1. 一个有三个框架的 Web 页,实现上独立的 HTML 文件有 ____________ 个。

    【答案】4

    1. 标识符可以 ____________ 或 ____________开始,由字母、数字和下划线组成,不能出现空格或制表符。

    【答案】字母、下划线

    1. 在表单中让用户从互斥的选项中只能选一项,可使用 type 为“ ____________”的输入框。

    【答案】radio

    1. 控制框架集窗口周围是否出现边框线的属性是 ____________ 。

    【答案】frameborder

    1. CSS 中有 4 种定义颜色的方法分别是 ____________、____________、____________和 RGB(百分比)。

    【答案】英文颜色名称、#十六进制数、rgb(十进制数)

    1. 导入样式表必须放在内部样式表里的是第____________行,否则导入样式无效。

    【答案】1

    1. 如果 var x=5,y="5";x===y的结果是____________。

    【答案】false

    1. 在 JavaScript 脚本中自增运算 i++等同于____________语句。

    【答案】i=i+1

    1. <select>中利用____________属性可以定义下拉列表框的大小为 5。

    【答案】size

    三、看图编程(每空 2 分,共 42 分)

    1. 按下图所示效果,参照注释提示信息,完成代码填充。
      在这里插入图片描述
    <html>
       <head>
       	<title> 有序列表 </title>
       </head>
       <body>
       		<!— 填充说明:
       			(1)直接使用标记使“新开课程”标题加粗;
       			(2)指定列表项编号为大写字母;
       			(3)从第三个开始编号;
       			(4)指定列表项编号为数字;
       			(5)从 7 开始编号
       		 -->
       	 (1)	
       		<ol   (2)		 (3)	>
       			<li>大学英语</li>
       			<li>高等数学</li>
       			<li   (4)	 (5)	>计算机科学导论</li>
       			<li>Web 前端开发技术</li>
       			<li>大学物理</li>
       		</ol>
       </body>
    </html>
    

    【答案】
    (1)<b>新开课程</b> 或者 <strong>新开课程</strong>
    (2)type="A"
    (3)start="3"
    (4)type="1"
    (5)value="7"

    1. 按下图所示效果,参照注释提示信息,完成代码填充。
      在这里插入图片描述
    <html>
    	<head>
    		<title>设定跨行的表格</title>
    	</head>
    	<body>
    		<!—填充说明:
    		(6)设置边框宽度为1;
    		(7)设置单元格跨行;
    		(8)设置单元格垂直居中对齐;
    		(9)设置单元格跨列;
    		(10)设置单元格水平居中对齐;-->
    		<table width="600" (6) cellpadding="0" cellspacing="0" align="center">
    			<caption>课程表</caption>
    			<tr>
    				<th>节次</th><th>星期一</th><th>星期二</th>
    				<th>星期三</th><th>星期四</th> <th>星期五</th>
    			<tr>
    			<tr>
    				<td>第 1 节</td><td>体育</td><td>大学英语</td><td>高等数学</td>
    				<td  (7) (8)>数据结构</td>
    				<td>Web 开发</td>
    			</tr>
    			<tr>
    				<td>第 3 节</td><td>大学英语</td> <td>高等数学</td>
    				<td>数据结构</td> <td>Web 开发实验</td>
    			</tr>
    			<tr>
    				<td (9)(10)>适用时间:2008-2009 第一学期 083007 班</td>
    			</tr>
    		</table>
    	</body>
    </html>
    

    【答案】
    (6)border="1"
    (7)rowspan="2"
    (8)valign="middle"
    (9)colspan="6"
    (10)align="center"

    1. 按下图所示效果,参照注释提示信息,完成代码填充。
      在这里插入图片描述
    <html>
    	<head>
    		<title> 样式表-排版 </title>
    		<style type="text/css">
    		.p3{text-transform:capitalize;}
    		/*类选择 p4 定义说明:
    		(11)段首空 2 个字符;
    		(12)设置行高为 35px;
    		(13)设置背景色为#000033;
    		(14)设置文字居中对齐(15)设置字符间距为 2px;(16)引用样式 p4  */
    		.p4{ 
    			( 11); 	
    			( 12); 
    			( 13);
    			(14);
    			(15);
    			color:#ffffff;
    		}
    		</style>
    	</head>
    	<body>
    		<p  (16)   >核心提示:3 月 30 日,京东商城推出火车票预订和代购业务。目前提供火车票代购业务的商业网站还有去哪儿网、携程、铁友旅行网(以下简称铁友网)等。铁道部称,12306 网站是销售火车票的唯一专业网站,铁路部门没有授权或委托任何其他网站开展火车票发售或代购业务。
    		<span class="p3">commissioner, independent commission</span></p>
    	</body>
    </html>
    

    【答案】
    (11)text-indent:2em
    (12)line-height:35px
    (13)background-color: #000033
    (14)text-align:center
    (15)letter-spacing:2px
    (16)class="p4"

    1. 按下图所示效果,参照注释提示信息,完成代码填充。  
      在这里插入图片描述
    <html>
    	<head>
    		<title> 改变网页页面字的大小 </title>
    		<style type="text/css"> 
    			#content{
    				/*填充说明 
    				(17)设置边框宽度 2px、线型 groove、颜色#0000cc */
    				font-size:12px;
    				line-height:200%;
    				padding:10px;
    				background:#000099;	
    				color:white;
    				(17);}
    			p{text-indent:2em;}
    		</style>
    		<!—填充说明:
    		(18)设置 type 属性值;
    		(19)通过 ID 获取元素方法;
    		(20)超链接的关键属性;
    		(21)设置超链接单事件句柄 -->
    		<script type="  (18)	">
    			function setfont(size){
    				var obj=  (19)("content"); 
    				obj.style.fontSize=size; 
    				obj.style.color="#ff0000";
    			}		 
    		</script>
    	</head>
    	<body>
    		<h2	align="center">用 JavaScript 代码改变网页字体大小</h2>
    		<div>设定字体大小: 
    			<a 	 20)	="javascript:setfont('12px')"></a>
    			<a href="#"  (21)="javascript:setfont('18px');"></a>
    			<a href="javascript:setfont('24px');"></a></div>
    		<div id="content">
    		<p>JavaScript 是一种能让你的网页更加生动活泼的程式语言,也是目前网页中设计中最容易学又最方便的语言。</p> </div>
    	</body>
    </htmL>
    

    【答案】
    (17) border:2px groove #0000cc
    (18)text/javascript
    (19)document.getElementById
    (20)href
    (21)onclick

    四、问答题(12 分)

    1. 写出无序列表结构语法,无序列表的列表项符号通过什么属性去更改?有几种不同的取值( 英文表示)?(6 分)

    【答案】
    (1)无序列表结构(2分);

    <ultype= “disc”><li></li><li></li></ul>  
    

    (2)无序列表的列表项符号通过type属性去更改 (1分);
    (3)有三种不同的取值分别:disc(实心点)、circle(空心圆)、square(黑方块) (3分)

    1. 通过 DOM 访问网页元素的方法有几种?分别是什么?(6 分)

    【答案】
    (1)DOM访问网页元素的方法有三种:

    • 通过ID,document.getElementById(“元素Id”)(2分);
    • 通过Name,获取同类名称的数组,document.getElementsByName(“元素名称”)(2分); 
      通过TagName,获取同类标记的数组,document.getElementsByTagName(“标记名称”)(2分)。

    展开全文
  • HTML5期末大作业:家具网站设计——家具装饰网页模板 (17页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码 常见网页设计作业题材有 个人、 美食、 公司、 学校...
  • 完整第2学期华南农业大学期末考试试卷(1).docx
  • 一、在浏览器中的运行结果: 二、部分代码 1.HTML: <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <...script src="myjs.js" charset="gb2312"&
  • 凝血过程的三个时期是A、血管收缩期→血小板聚集期→血小板凝固期B、内源凝血系统作用期→外源凝血系丸剂系安全储血量是指库存各型血液的最低贮存量,一般不少于多少天常规医疗用血量A、1天B、3天C、5天D、7天E全面...
  • 人数: 360 清华大学 人数: 353 东南大学 人数: 343 浙江大学 人数: 343 更多文章:Web前端期末大作业 公众号:IT跃迁谷【更多精彩文章】 ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓如果大家有任何疑虑,请在下方昵称...
  • 源文件和代码连接 https://download.csdn.net/download/weixin_46471694/57801937 求大佬补全代码 <!... <... ...meta name="viewport" content="width=device-width,initial-scale=1.0" />...手机账本
  • Web前端开发技术期末试题与答案2

    千次阅读 2020-12-22 02:20:38
    Web前端开发技术试卷( 卷) 年 月考试级 专业一、选择题(每题1分,共20分)1.HTML文件的后缀名是 。(A).tff (B).html或.htm(C).js (D).css2.下列不可以编辑CSS代码软件是 。(A)Edit Plus (B)Text Pad(C)NodePad (D)...
  • 指相对于初等数学而言,数学的对象及方法较为繁杂的一部分。 广义地说,初等数学之外的数学都是高等数学,也有将中学较深入的代数、几何以及简单的集合论初步、逻辑初步称为中等数学的,将其作为中小学阶段的初等...
  • 本资源包含《Web前端》这门课程的全部复习资料,所有题型都已经涵盖,同时也有对应的PPT和试验的总结,需要的朋友可以下载哈!
  • pzh-web前端-sy1.rar

    2020-05-09 12:42:00
    HTML综合性设计实验--简单框架的实现(包含代码以及报告) 攀枝花学院web前端 实验一、 1. 使用框架切割成上、中(左边+右边)、下; 2. 左侧菜单栏使用超链接标记和列表标记建立功能栏目; 3. 点击左侧菜单栏则可以...
  • 电子科技大学uml期末考试题A卷+答案 帮助复习uml,祝你考试顺利! 电子科技大学uml期末考试题A卷+答案 帮助复习uml,祝你考试顺利!
  • 东北石油大学web期末考试知识点整理,详细!
  • Web前端开发技术课程大作业,期末考试

    万次阅读 多人点赞 2020-07-27 22:11:19
    Web前端开发技术课程大作业,期末考试作业要求最终界面部分代码呈现index.htmllogin.htmlindex.csslogin.cssswithpic.js完整代码素材下载 作业要求 网站前端程序不仅要能够把用户要求的内容呈现出来,还要满足布局...
  • 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?网页要求的总数量太多?HTML网页作业无从下手?没有合适的模板?等等一系列问题。你想要解决的问题,在这里常见网页设计作业题材有 个人、 美食、 ...
  • 期末考试还没结束,答案还未知,本节所有题目的正确率不负责。 1.audio元素中src属性的作用是( )。 编号 选项 A 插入一段替换内容 B 循环播放 C 提供播放、暂停和音量的控制条 D 设定要播放音频的...
  • 攀枝花学院专升本高数2007-2020真题、计算机2010-2017真题、英语13-15真题,需要自行获取。
  • web网页设计与制作期末作品期末考试项目 适合大学期末期中考试及初学web网页设计者 本人大学web网页设计与制作课程总成绩94.5。本项目制作占期末65%,预估获得满分,最差情况最多扣了三五分。 最终效果呈现: ...
  • Web前端开发技术教学反馈 Web前端开发技术教学反馈 学号: 姓名: 性别:男女 教学反馈意见: 请输入意见 -------------------------------------------------------分割线-----------------------------------...
  • 本套资料包含山西大学15-20年计算机专业考研真题,包含C语言程序设计期末考试真题(带详解答案)55页,包括多种C语言和数据结构的期末题、复习题、模拟题,包含C语言真题20套,适用于想要短期内通过C语言期中期末...
  • 前端考试

    2020-03-28 15:07:22
    转载:JS基本数据类型和引用数据类型的区别及深浅拷贝 1、栈(stack)和堆(heap) stack为自动分配的内存空间,它由系统自动释放 heap则是动态分配的内存,大小也不一定会自动释放 2、JS数据类型 ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 2,269
精华内容 907
关键字:

前端期末考试