html与页面开发题库.xls

习题分为选择 填空 判断 简答 问答 拖拽6种题型 软件方向只有前面5种 每道题必须有注明 所在章节号 和 关联的知识点 对应教学大纲确定 每种题型的题库中至少需要有题目 答案及难易程度 难易程度分为简单 适中 较难 复杂4种级别 选择题分为单选和多选 单选只有4个选项 一个答案 多选最少4个选项最多5个选项 最少2个答案 判断题答案正确的用Y表示 错误用N表示 填空题最少1个空项 最多5个空项 题目的数量根据知识点多少而定 原则上题库越多越好 选择题分为单选和多选 单选只有4个选项 一个答案 多选最少4个选项最多5个选项 最少2个答案 题题号号题题 型型所所在在章章节节关关联联大大纲纲的的知知识识点点 1多选题1标记的写法 2单选题1相对路径和绝对路径 3单选题1Html标记 4多选题2文字标记 5单选题2文字标记 6多选题2列表标记 7多选题3插入多媒体文件 8多选题3表格的基本语法 9单选题4下拉框控件 10单选题4提交控件 11多选题5CSS语法 12多选题5CSS表现形式 13多选题6设置加粗字体 14单选题6设置颜色和背景属性 15多选题6纵向排列属性 16多选题7滤镜属性 17多选题7光标属性 18多选题8Javascript基础 19单选题8Javascript基础 20多选题9数据类型 21多选题9数据类型 22单选题10流程控制 23单选题10流程控制 24单选题10流程控制 25单选题11函数的返回值 26单选题11对象 27多选题12Document 对象 28单选题12Document 对象 29单选题12Location对象 30多选题13页面布局 31多选题13流式布局 32多选题14绝对定位 33多选题15CSS模型 34单选题15clear属性 35多选题16结合Javascript实现 题题 目目A AB BC C 文件结构标记主要有哪些 HtmlHeadTitle 字符格式标记中改变字体设置的是什么标记 字体标记分为 1 与 2 必须分清两者的区别 否则你会迷惑于 为何不同的标记却有相同的效果 实体标记 显性标记 逻辑标记 在 或者之间的文字 浏览器都 会以 1 显示 斜体字体粗体字体 下划线字 体 Html页面呈现列表主要有哪几种方式 无序列表随意列表有序列表 Embed标签可插入哪些格式的多媒体文件 MidiWavAIFF 表格中最主要的标记有哪些 表格标记 列标记行标记 如果要使下拉选框变成复选 加什么命令即可 selectmuiltiple option 通过提交控件可以将表单 Form 里的信息提交给表单里什 么命令所指向的文件 action submittype CSS样式中的选择符种类有哪些 类选择符 ID选择符 包含选择 符 在HTML文档中插入样式表的方法主要有哪些 链入外部 样式表文 件 内部样式 表定义 导入外部 样式表文 件 Font weight的取值有哪些 normal boldbolder 下面哪一个不是利用颜色和背景属性进行设置的 颜色属性 背景图片字体风格 纵向排列属性也称为垂直对齐方式 其取值有哪些 baseline leftsuper 在滤镜属性设置中可以实现哪些效果 不透明度 动感模糊 发光效果 光标属性设置中的取值有哪几种 strength url形状取值 Javascript的出现弥补了HTML语言的缺陷 它是Java与HTML 折衷的选择 具有以下哪几个基本特点 脚本语言 弱类型语 言 基于对象 一个对象要真正地被使用 不能采用以下哪种方式获得 引用 Javascri pt 内部 对象 引用 Javascri pt 外部 对象 由浏览器 环境中提 供 JavaScript有哪些数据类型 数字型字符串型布尔型 以下哪些是Javascript 具有的运算符 算术逻辑位 以下哪个不是JavaScript语言中主要条件语句 不定项条 件结构 单项条件 结构 双项条件 结构 哪个不是JavaScript语言中主要循环语句 whileif whilefor in for循环语句可以分为几类 234 Javascript 中函数的返回值用什么将值返回 expression returnFunction Javascript 语言内部的核心对象主要有哪几个 Array Date Math 以下哪些是Document 对象的属性 bodycookiedomain 以下哪个不是Document 对象的方法 getEleme ntById domain getEleme ntsByNam e 设置或返回主机名和当前 URL 的端口号的Location对象的属性是什 么 hostname hashhost 页面布局主要包括哪些方面的布局设计 页面尺寸整体造型图片 所谓流式布局意思是以什么次序对该容器里面的控件进行布局 从左到右从右到左从上到下 绝对定位的常用属性值有哪些 topbottomleft CSS盒子模式包括哪些属性 内容填充边框 以下哪个不是clear属性的参数 noneleft right 预设管理器可以管理哪些内容 画笔色板渐变 D DE E答答案案难难易易程程度度 出出题题时时间间出出题题人人审审核核人人 BodyABCD适中 外部链接A较难 C简单 隐性标记AC复杂 大写字体B适中 定义列表ACD较难 AUASFABCDE复杂 单元格标 记 ACD适中 sizeB较难 value A适中 指定选择 符 ABC复杂 内嵌样式ABCD较难 lighternumberABCDE适中 背景位置C简单 topACD较难 反相ABCD适中 autoBCD较难 不易操作ABC适中 创建新对 象 B较难 NULL型ABCD适中 赋值ABCD复杂 多项条件 结构 A简单 for B适中 5B较难 statement B简单 String ABCD复杂 closeABC适中 open B较难 hrefC适中 多媒体文本ABCDE适中 从下到上AC简单 right ABCD适中 边界ABCD较难 downD简单 图案等高线ABCDE较难 题题 号号题题 型型所所在在章章节节关关联联大大纲纲的的知知识识点点 1 填空题1Html简介 2 填空题1Html简介 3 填空题1标记的写法 4 填空题1Html属性 5 填空题2排版标记 6 填空题2文字标记 7 填空题2列表标记 8 填空题2链接标记 9 填空题2特殊字符显示 10 填空题3插入图片文件 11 填空题3插入图片文件 12 填空题3设置动态文字 13 填空题3插入音乐 14 填空题3表格的基本语法 15 填空题4表单概述 16 填空题4表单概述 17 填空题4表单常用控件 18 填空题4图片提交控件 19 填空题5CSS表现形式 20 填空题5CSS继承 21 填空题5CSS样式冲突 22 填空题6设置CSS字体属性 23 填空题6字体风格设置 24 填空题6设置加粗字体 25 填空题6文本属性 26 填空题7边距与填充属性 27 填空题7边距与填充属性 28 填空题7边框属性 29 填空题8Javascript的基础 30 填空题9数据类型 31 填空题9数据类型 32 填空题9数据类型 33 填空题10流程控制 34 填空题10流程控制 35 填空题10流程控制 36 填空题11函数的定义 37 填空题11函数的调用 38 填空题12浏览器对象 39 填空题12浏览器交互 40 填空题13W3C标准 41 填空题13W3C标准 42 填空题13选择什么样的DOCTYPE 43 填空题14ID属性 44 填空题14class属性 45 填空题15Float属性 46 填空题16Overflow属性 47 填空题16Position属性 题题 目目1 12 2 HTML的全称是 1 中文叫 2 Hyper Text Markup Language 超文本标记语 言 HTML文件的后缀名是 1 通过 2 来执行 HTML浏览器 HTML语言中 标记是由 1 和 2 组成 起始标记结束标记 disabled是一个 1 属性 它的属性值分为 1 和 布尔型TRUE 排版标记主要包括 1 文字标记包括 1 2 和 3 粗体标记 文本强调标 记 列表标记包括 1 链接标记是指 1 Html中 1 表示空格 font size 24px font stretch inherit font style italic font weight 500 CSS样式 复杂 width height 设定大小 h2 font family 黑体 font size 16pt lowdiv position absolute top 55pt left 220pt z index 1 place font size 11pt color cc0000 text indent 20pt position absolute top 70pt left 15pt z index 2 width 310pt 北京奥运 div class place 2008 对于每一个中国人来说都是一个大日 子 百年奥运 我们所有人的期盼 终于变成了现实 在这伟大 时刻的前夕 当我们从电视直播当中看到奥运火炬传递 心里都 感到无比的激动 特别是当奥运圣火登上珠峰的时候 体现了人 类追求和谐的最高层面 在北京奥运火炬圣火登顶的那一瞬间 每一个见证者感受到了心灵深处的巨大震撼 这一幕定格在了每 一个关注奥运的人的心中 我们每一个中国人都发出了由衷的呐 喊 奥运加油 中国加油 简单 width height 设定大小 h2 font family 黑体 font size 16pt lowdiv position absolute top 55pt left 220pt z index 1 place font size 11pt color cc0000 text indent 20pt position absolute top 70pt left 15pt z index 2 width 310pt 北京奥运 2008 对于每一个中国人来说都是一个大日 子 百年奥运 我们所有人的期盼 终于变成了现实 在这伟大 时刻的前夕 当我们从电视直播当中看到奥运火炬传递 心里都 感到无比的激动 特别是当奥运圣火登上珠峰的时候 体现了人 类追求和谐的最高层面 在北京奥运火炬圣火登顶的那一瞬间 每一个见证者感受到了心灵深处的巨大震撼 这一幕定格在了每 一个关注奥运的人的心中 我们每一个中国人都发出了由衷的呐 喊 奥运加油 中国加油 适中 list style 列表复合属性 body font size 12pt h2 font family 黑体 font size 16pt ol list style square url point gif inside 网页制作的相关知识 HTML是英文Hyper Text Markup Language的缩写 即超文 本标记语言 CSS是Cascading Style Sheets 层叠样式表 的简称 是 一种设计网页样式的工具 JavaScript是一种新的描述语言 此语言可以被嵌入HTML 的文件之中 复杂 光标属性 CSS原理 较难 JavaScript 是一种描述性的脚本语言 Script Language 它可以非常自由 地被嵌入到HTML 的文件之中 简单 1 JavaScript语言早期是Netscape的开发者们称之为 Mocha 的语言 2 从1 1 1 2 1 3发展到现在的1 5版本 不断完善JavaScript数据表现和控 制的能力 JavaScript初始设计目标 让网页动起来 适中 JavaScript语言是基于对象的 而不是面向对象的 object oriented 之 所以说它是一门基于对象的语言 主要是因为它没有提供象抽象 继承 重载等有关面向对象语言的许多功能 而是把其它语言所创建的复杂对象 统一起来 从而形成一个非常强大的对象系统 但它还是具有一些面向对 象 的 基 本 特 征 它 可 以 根 据 需 要 创 建 自 己 的 对 象 1 对象的基本结构 2 引用对象的途径 3 有关对象操作语句 较难 计算器 复杂 Javascript程序可以放在 HTML网页的里 HTML网页的里 外部 js文件里 较难 计算a b的和 a 5 给变量a赋值 b 5 给变量b赋值 c a b c 为 a b 的和 document write c 输出c的值 复杂 是一种脚本编写语言 基于对象的语言 简单性 安全性 动态性的 跨平台性 适中 跟其他编程语言一样 JavaScript中也包含一些基本的语句 这 些语句主要可分为3种 赋值语句 条件语句和循环语句 简单 赋值语句的作用是将一个数据赋给一个变量 在JavaScript中 赋值语句就是一条赋值表达式 其一般形式为 变量 表达其中 变量可以是数值变量 也可以是字符串变量 同样 表达式可 以是数值型表达式或字符串表达式 但变量的类型应与表达式的 类型一致 较难 Write a Good morning greeting if the time is less than 10 var d new Date var time d getHours if time 10 document write Good morning 较难 New Document var x 8 if x 8 document write x document write for i 0 i 10 i document write i 复杂 函数指自变量和因变量之间的对应法则 两个变量x y 对于某一范围的x值 y 都有一个或多个与之相对应 y就是x的函数 用y f x 表示 函数的最大特点就 是 自变量和因变量或者说输入和输出之间有某种对应关系 实现输出和 输入相对应的程序段叫做代码快 函数就是有一个或多个这样的代码快组成 的 即函数是可以向其传递参数并能够返回值的可重复使用的代码块 简单 JavaScript语言是基于对象的 Object Based 而不是面向对象的 object oriented 之所以说它是一门基 于对象的语言 主要是因为它没有提供象抽象 继承 重载等有关面向对 象语言的许多功能 而是把其它语言所创建的复杂对象统一起来 从而形 成一个非常强大的对象系统 虽然JavaScript语言是一门基于对象的 但它还是具有一些面向对象的基 本特征 它可以根据需要创建自己的对象 从而进一步扩大JavaScript的 应 用 范 围 增 强 编 写 功 能 强 大 的 Web 文 文 件 对象指的是行动或思考时的目标 在客观世界中任何事物都可以称为对象 一个人是一个对象 一个学校是一个对象 学校中除了人以外 还包含着其它 东西 学校这个对象比人这个对象要复杂一些 一般的说 复杂的对象是由一 些简单的对象组成 复杂 var x var mycars new Array mycars 0 Benz mycars 1 Volvo mycars 2 BMW for x in mycars document write mycars x 较难 function startTime var today new Date var h today getHours var m today getMinutes var s today getSeconds m checkTime m s checkTime s document getElementById txt innerHTML h m s t setTimeout startTime 500 function checkTime i if i 10 i 0 i return i 复杂 var txt Hello World document write txt length 较难 html document write Math random 适中 setInterval 方法可按照指定的周期 以毫秒计 来调用函数 或计算表达式 setTimeout 方法用于在指定的毫秒数后调用函数或计算表达式 moveTo 方法可把窗口的左上角移动到一个指定的坐标 resizeTo 方法用于把窗口大小调整为指定的宽度和高度 简单 无标题 document writeln 这是一个简单的js程序 document write document URL 适中 说明下面代码命名为sx html 无标题 function playlocation window location sx html 较难 无标题 document write 浏 览 器 名 称 navigator appName document write 浏览器版本 navigator appVersion 复杂 无标题 function resizeTime var t setTimeout mywindow resizeTo 800 600 3000 function moveToTime var t1 setTimeout mywindow moveTo 100 100 3000 mywindow window open width 200 height 100 mywindow document write 这是我的窗口 较难 表格布局的代码最常见的是在HTML标签之间嵌入一些设计代码 如 width 100 border 0等 表格布局的混乱代码就是这样编写的 大量样式 年设计代码混杂在表格 单元格中 使得可读性大大降低 维护起来成本 也相当高 Div 全称 division 意为 区分 使用 DIV 的方法跟使用其他 tag 的方法一样 如果单独使用 DIV 而不加任何 CSS 那么它在网页中的效果和使用 是一样的 DIV本身就是容器性质的 你不但可以内嵌table还可以内嵌文本和其它的 HTML代码 DIV可以理解成一个块 是有个比表格简单的元素 从语法上只有 这样简单的定义DIV最大的好处就是样式是由CSS来控制 DIV 布局就是一种块布局模式 通常和CSS一起使用 适中 大 大 缩 减 页 面 代 码 提 高 页 面 浏 览 速 度 缩 减 带 宽 成 本 结构清晰 容易被搜索引擎搜索到 天生优化了seo Search Engine Optimization 搜索引擎最佳化 缩短改版时间 只要简单的修改几个CSS文件就可以重新设计一个有成百上 千页面的站点 较难 无标题 合并两列 红色边框 居中对 齐 合并两行 表 格 2 复杂 absolute 将对象从文档流中拖出 使用 left right top bottom 等属 性相对于其最接近的一个最有定位设置的父对象进行绝对定位 如果不存 在这样的父对象 则依据 body 对象 而其层叠通过 z index 属性定义 relative 对象不可层叠 但将依据 left right top bottom 等属性在正 常文档流中偏移位置 适中 无标题文档 此 处 显 示 id Header 的 内 容 此 处 显 示 class left 的 内 容 此 处 显 示 class mid 的 内 容 此 处 显 示 class right 的 内 容 此 处 显 示 id Footer 的 内 容 较难 歌名 累了 歌手 阿信 介绍 青春校园偶像剧 熱情仲夏 片尾 曲 dl width 160px float right color 999 line height 20px dl dd span font weight bold color 639 div position absolute padding 5px display block width 245px 只给出宽度 高让它随内容多少自动调整 left 150px 这是相对父级A的定位 top 20px border 1px solid rgb 91 185 233 background color rgb 228 246 255 z index 999 把信息面板提到一个较高的位置 使链接文字 过长时不会与面板重叠 但这只对FF有效 img width 80px height 106px border none 去除图片边框 默认情况下 链接内的图