北大青鸟的HTML教程chapter10
ACCP6.0 TP10
物品
分类是人们认识世界的一个很自然的过程，在 日常生活中会不自觉地进行分类
身边的对象
张浩 李明
顾客 姓名—张浩 年龄—20 体重—60kg
收银员 员工号—10001 姓名—李明 部门—财务部 操作： 收款 打印账单
操作： 购买商品
对象的特征——属性
属性——对象具有的各种特征
每个对象的每个属性都拥有特定值
材制: 木质 支撑物品
类型：白炽灯 开 关 变亮 变暗
从对象抽象出“类”
2、抽取出下列对象的属性和方法的共同特征
顾客
类
顾客类 轿车类 …… ……
类是模子，确定对象将会拥有的 特征（属性）和行为（方法）
类
具有相同属性和方法的一组对象的集合
类是对象的类型
不同于int类型：具有方法
各种口味的球状冰淇淋
第十章
类和对象
回顾与作业点评
关于多重循环语句，下列说法正确的是（ ）
A．多重循环指一个循环体内包含另一个完整的循环结构 B．多重循环语句可以嵌套任意层次 C．while、do-while和for循环不可以相互嵌套 D．在内层循环中执行break语句，将跳出外层循环
AB
写出运行结果
int i = 0; for (i = 0; i < 10; i ++){ if (i % 2 == 0) continue; i = i + 1; if (i == 5) break; } System.out.println(i);
信息隐藏，提高了程序的可维护性和安全性
封装实现了模块化和信息隐藏 封装使得在对象外部不能随意访问对象的属性和方法
提高了程序的可重用性
一个类可以创建多个对象实例，增加了重用性
HTML教程(42页)免费下载.pdf
HTML教程课程内容第1章HTML简介 (3)1.1 什么是HTML (3)1.2 为什么学习HTML (3)1.3 HTML的发展史 (4)第2章第一个HTML文档 (4)2.1 HTML结构 (4)2.2 我的第一个网页 (5)第3章HTML元素 (5)3.1 HTML标签 (5)3.2 标签属性 (6)练习： (6)第4章使用Dreamweaver Mx开发网页 (7)第5章HTML基本标签 (7)5.1 段落 (7)5.2 标题元素 (8)5.3 换行 (8)5.4 水平线 (8)5.5 HTML中的注释 (9)5.6 嵌入元素 (9)练习： (9)第6章HTML格式化标签 (10)6.1 HTML的<font>标签 (10)6.2 格式化文字： (11)6.3 删除和插入文字： (12)6.4 预格式化文本 (12)6.5 其他参考： (13)6.5.1 “计算机输出”标签： (13)6.5.2 地址： (14)6.5.3 缩写和首字母缩略法： (14)6.5.4 文字方向： (14)6.5.5 块引用： (15)第7章HTML链接 (15)7.1 连接 (15)7.2 锚标签和href属性 (16)7.3 邮件链接： (17)7.4 target属性 (18)练习： (18)第8章HTML表格 (18) 8.1表格头使用<th>标签指定.................................................................................19 8.2有标题的表格：.................................................................................................19 8.3美化表格.............................................................................................................20 8.4frame 属性...........................................................................................................20 练习：.............................................................................................................................23 第9章 HTML 列表.. (23)9.1无序列表.............................................................................................................23 9.2有序列表.............................................................................................................24 9.3 自定义列表.........................................................................................................24 练习：.............................................................................................................................25 第10章HTML 图像.................................................................................................................25 10.1alt 属性.................................................................................................................25 10.2对齐图像：.....................................................................................................25 10.3图像导航：.....................................................................................................26 10.4图像地图：.....................................................................................................27 练习：.............................................................................................................................27 第11章颜色表示.....................................................................................................................27 第12章HTML 特殊字符/实体................................................................................................28 第13章HTML 表单.................................................................................................................29 第14章 HTML 框架.................................................................................................................32 14.1垂直分栏：.....................................................................................................32 14.2水平分栏：.....................................................................................................32 14.3混合框架：.....................................................................................................33 14.4导航框架.........................................................................................................33 14.5<noframes>标签：.............................................................................................33 练习：.............................................................................................................................34 14.6内嵌框架.........................................................................................................34 第15章HTML 样式................................................................................................................34 15.1内部样式表.....................................................................................................35 15.2行内样式.........................................................................................................35 15.3连接外部样式表.............................................................................................35 15.4 样式标签.........................................................................................................36 第16章HTML 文件头............................................................................................................36 例1：给所有连接添加一个目标..................................................................................36 例2：背景音乐..............................................................................................................37 16.1HTML Meta........................................................................................................37 16.1.1name 属性........................................................................................................37 16.1.2http-equiv 属性................................................................................................38 第17章HTML 脚本................................................................................................................40 第18章HTML4.0 事件属性..................................................................................................41 第19章 HTML 属性. (42)Created by YYM Page 2 of 42标准资料收藏家 易启标准网免费提供十万标准书籍资料下载参考信息//w3/相关技术手册/imagesnew/software/html/index.html微软提供的在线帮助/library/chs/default.asp?url=/library/CHS/vbcon/html/vblrf HTMLDivControls.asp第1章 HTML简介1.1什么是HTML9HTML文件是一个包含标记的文本文件。
北大青鸟ACCP8.0课程大纲
北大青鸟ACCP8.0课程大纲
北大青鸟ACCP8.0课程升级包含6大技术方向，分别是Java、WEB前端、数据库、大数据、Android、.NET。
以下是店铺整理的关于北大青鸟ACCP8.0课程大纲，希望大家认真阅读!
静态页面的设计和制作
1.会使用HTML5进行网页布局
2.会使用HTML5媒体元索在网页中播放视频或音频
3.会使用HTML5属性进行表单验证
4.会使用CSS3选择器
5.会使用盒子模型及浮动属性定位网页元素
6.会使用CSS3实现动画效果
客户端脚本特效的制作
1.掌握JavaScript的基本语法
2.会使用JavaScript操作BOM和DOM
3.掌握JavaScript的面向对象用法
4.会使用jQuery中的选择器
5.会使用jQuery中的'事件和动画
6.掌握jQuery中的DOM操作
7.会使用jQuery实现常见的网页特效
移动端应用
1.会使用媒体査询制作响应式网页
2.会使用Bootstrap框架制作前端网页
3.会使用视口标签浏览移动网页
4.会使用Zepto框架实现移动端特效交互
【北大青鸟ACCP8.0课程大纲】。
html网页标签自学教程
html网页标签自学教程对于计算机行业来说，你如果能力过硬，根本不用那么多的加班，企业更是抢着要你。
其实在企业看来，能力甚至重于学历，因为只有学历的大学生太多了。
详情请咨询点击查看。
如今，社会上越来越多的传统行业被一些新兴行业吞噬，销声匿迹。
而其中，IT行业对未来发展起着至关重要的推进作用。
随着互联网的迅速发展，Java编程也随之递进，IT行业也创造了新标签。
通过北大青鸟的Java培训系统课程，学员可以系统把握面向对象编程语言Java的核心语法，能够理解J2SE、J2ME、J2EE 三种体系架构的理论思想和架构内容，把握java程序设计的主要模式和核心思想，熟练把握基于java语言的编程技巧和编程工具，能够独立完成基于java的客户端和服务器端应用程序的开发、调试、部署和执行。
北大青鸟APTECH通过特许经营业务模式，为加盟伙伴提供先进的经营管理方法、优质的专业化服务、系统规范的培训与支持，以及持续稳定的投资回报。
在赛迪顾问（CCID）的年度分析报告中，北大青鸟APTECH已经连续五年在营业额、市场占有率、增长率三项指标评比中位居行业第一，已成为国内规模最大、规范度最高的IT职业教育机构。
详情请咨询点击查看。
北大青鸟下设4门专业学科，分别为软件工程、网络工程、网络营销及学士后课程产品。
每一位从北大青鸟毕业的学生都可获得两种证书，一是有北大青鸟总部颁发的ACCP认证；另一种是由国家人力资源和社会保障部职业技能鉴定颁发现在it行业多火，大家也看到了，互联网+的时代涌动了起来，所以来北京北大青鸟佳音旗舰校区的人也越来越多，其实高中毕业的学生，完全可以去学习这个it技术，it技术分为好的专业，不管学哪个专业都有对口的岗位，而且it行业前景好，有发展，学生完全一直可以在这个行业中发展下去，这样工资稳定了，也为自己打下了一个将来，it行业用人主要就是看技术，所以大家在学习it行业的时候要去选择有知名度的学校，北京北大清鸟佳音旗舰校区就可以，校区建立的比较早，有着丰富的教学经验详情请咨询点击查看。
ch10-JavaScript基础-Web标准网页设计原理与前端开发技术-崔敬东-清华大学出版社
10.1.2 在IE浏览器中调试JavaScript
从IE 8开始，微软在IE浏览器中内置了一个 JavaScript调试器（Debugger），但在默认状态下该调 试器是关闭的。可以按照以下步骤启动IE浏览器内置的 JavaScript调试器。
（演示操作……）
除在HTML文档主体直接插入JavaScript外， 也可以首先在HTML文档头部定义JavaScript函 数、然后在HTML文档主体通过函数调用执行 JavaScript函数中的语句。
【例10-2】在HTML文档头部定义函数 printMmultiplicationTable，该函数能够在 Web浏览器中输出乘法表，然后在HTML文档主 体调用该函数。
例如，以下JavaScript代码
var s1="Java", s2="Script", s3; s3=s1+s2;
document.write("s1="+s1+" s2="+s2+" s1+s2="+s3+"<br/>");
可以在Web浏览器中输出： s1=Java s2=Script s1+s2=JavaScript
10.2.3 类型
在JavaScript中，变量或数据主要有以下几种类型（Types）。 1．boolean类型。这种类型有两个值，即true和false。 2．number类型。这种类型支持整数和浮点数，并且这种类型的变量或数 据可以参与算术运算。 3．string类型。这种类型没有固定大小，并且这种类型的值由一个字符 串构成。 4．undefined类型。这种类型的值只有一个，即undefined。当一个变量 只是被定义、但还没有被赋值时，该变量的类型和值都是undefined。 5．object类型。这种类型的变量可以指向一个对象，如数组对象。 6．function类型。可以先定义函数再将函数名赋值给这种类型的变量， 也可以将函数及其定义直接赋值给这种类型的变量。
HTML北大青鸟考试题-龙流平分享
需求说明： 需求说明： 1、用TABLE表格布局页面 、 表格布局页面 2、页面分为三部分：菜单导航、中间部分和QQ秀区 、页面分为三部分：菜单导航、中间部分和 秀区 3、网页内容四边用圆角背景 、 4、图片与文本对齐 、 页面效果
完成时间：35分钟 完成时间： 分钟
阶段3 阶段
需求说明： 需求说明： 页面效果
第三部分（ 分钟 分钟） 第三部分（10分钟）
总结
复习串讲
学员对本门课程进行总结（ 分钟 分钟） 学员对本门课程进行总结（50分钟）
3～4位学员讲解 ～ 位学员讲解
每人15～ 分钟 每人 ～20分钟
习题训练
1、以下选项中，可以放置到层中的有（ 、以下选项中，可以放置到层中的有（
A. 文本 B. 图像 C. 插件 D. 层
6、当希望使图片的背景是透明的时候，应该使用的图像 、当希望使图片的背景是透明的时候， 格式是（ 格式是（
A. JPG B. PCX C. BMP D. GIF
）
答案： 答案：D
习题训练
7、下列标签可以不成对出现的是（ 、下列标签可以不成对出现的是（
A．〈HTML〉〈 ． 〉〈/HTML〉 〉〈 〉 B．〈P〉 〈/P〉 ． 〉 〉 C．〈TITLE〉〈 ． 〉〈/TITLE〉 〉〈 〉 D．〈BODY〉〈 ． 〉〈/BODY〉 〉〈 〉
HTML教程 10第十章
第十章 表单本章既是HTML 的最后一章，又是学习JavaScript 、继而全面学习动态网页编程的基础，具有承前启后、继往开来的重要作用。
这是因为：前面的HTML 语法都是用来编写纯静态网页的，即网页编写好之后，在浏览器中的内容不会发生变化。
而表单则是用来和用户交互的，用户可以改变表单中的内容，网页从而具备了和用户交互的功能。
这是表单的质的飞跃。
但要真正发挥动态网页的强大功能，则必学JavaScript 。
如果要在动态网页中增加数据库功能，则必须继而学习ASP .NET 、JSP 、PHP 之一。
本章局限在HTML 范围内，讲解表单的基本用法。
10.1 什么是表单什么是表单（form ）？表单是浏览者与网站实现互动的重要手段，它的主要功能是收集网站所需的信息。
例如，当在网上申请电子邮件信箱时，就需要填写表单。
下图所示的是申请新浪邮箱时所要填写的表单。
要创建表单，需要使用<form>和</form>标记，在它们之间的一切都属于表单的内容。
其语法格式为： <form name = 表单名 action = 表单处理程序或网页 method = "get"或"post" target = 目标窗口的打开方式 enctype = MIME 类型>图 浏览结果表单内容</form>再看具体的例子前，必须详细讲解<form>的各个属性。
（1）name属性用于定义表单名称。
表单可以看成一个对象，该对象有对象名后，就可方便地在程序（例如JavaScript）中引用表单了。
（2）action属性的值是处理程序的程序或网页名（包括网络路径），即设置将表但数据提交给谁处理。
例如：<form action = "/test.aspx">它说明：当用户提交表单时，服务器将执行网址/上的名为test.aspx的 程序。
北大青鸟Y2教程LG6V10
阶段6
训练要点：
会使用通用的DAO类
需求说明：
具有查询方法的通用DAO类实现思路
讲解需求说明
阶段6
// 方法最后，释放资源 ，关闭预执行语句， 关闭结果集，关闭数据库连接
实现思路及关键代码：
/所/最// 使/把有后/ 执用R参返e行预数回s查u处值Rlt询理eSses语utq转lt句l语对换，句象为并，R设返es定回u所l查t 有，询的并结s在果q方l集语法句
1、创建配置信息文件
/src/ch06/properties/dbInfo.properties
driver=com.microsoft.jdbc.sqlserver.SQLServerDriver url=jdbc:microsoft:sqlserver://localhost:1433; DatabaseName=restrant user=sa password=sa123
阶段4
// 用配置文件读取类ProReader.java读取 数据库配置信息
实现思路及关键代码：
3、修改/src/ch06/properties/DBConnection.java，用配置文件读 取类ProReader.java读取数据库配置信息
String driverClassName = ProReader.getInstance().getProperty("driver");
北大青鸟Y2教程LG6V10
阶段1
开发环境准备
1、在restrant工程/src目录下建立/ch06目录 2、在/src/ch06目录下建立/dao、/jndi和/properties三个目录 3、将/ch03/GetDataBean.java中导入类 (import ch03.FoodBean;)，并分别复制到上面三个新建的目 录中
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
单选按钮事件
• 事件
– onClick
• 用法
<input type="radio" value="值" name="名称" checked onClick="单击事件处理例程; " >
13
单选按钮事件示例
<HTML><HEAD><TITLE>选项按钮对象的事件 选项按钮对象的事件</TITLE> 选项按钮对象的事件 <SCRIPT LANGUAGE="JavaScript"> function offButton(){ var the_box = window.document.form_1.radio_1; if (the_box.checked == true){ window.document.form_1.radio_2.checked = false; document.bgColor='black'; alert("请把灯打开！"); } 请把灯打开！ 请把灯打开 } function onButton() { var the_box = window.document.form_1.radio_2; if (the_box.checked == true) { window.document.form_1.radio_1.checked = false; document.bgColor='white'; alert("谢谢！"); } 谢谢！ 谢谢 } </SCRIPT> </HEAD><BODY BGCOLOR="#FFFFFF" TEXT="red"> <form name="form_1"> <input type="radio" name ="radio_1" onClick="offButton();">关灯 关灯 <input type="radio" name ="radio_2" onClick="onButton();" checked>开灯 开灯 </form> 单选按钮事件示例 14 </BODY></HTML>
16
组合列表框事件示例
表单有效性验证
• 什么是表单有效性验证
– 在用户在表单中输入的内容提交到服务器之前， 在客户端利用表单元素产生的事件，运用脚本 (JavaScript)，校验用户输入的数据的有效性
• 表单有效性验证的优点
– 在客户端验证，速度快 – 减轻服务器端压力
• 应用举例
17
表单验证应用实例
2
本章目标
• 处理表单对象及表单元素事件 • 使用表单对象及表单元素校验用户输入
3
表单对象
• 表单对象的作用
– 与用户进行交互 – 接收并处理用户的输入
• 表单对象的属性
– – – – accept action method elements
• 表单对象的方法
– submit
4
表单对象示例
<HTML> <HEAD> <TITLE>使用表单对象标记 使用表单对象标记</TITLE> 使用表单对象标记 </HEAD> <BODY BGCOLOR="#FFFFFF"> <Form ACTION="Simple.html" method="post" name="form1"> <p><input type=text size=20 name="name"> <p><input type="button" value="提交查询 提交查询" 提交查询 onClick="form1.submit();"> <input type="reset" value="重置 重置"> 重置 </FORM> </BODY> </HTML>
7
文本域事件示例
<HTML> <HEAD> <TITLE>文本域对象的事件 文本域对象的事件</TITLE> 文本域对象的事件 <SCRIPT LANGUAGE="JavaScript"> function writeIt(value) { alert(value); } </SCRIPT> </HEAD> <BODY BGCOLOR="#FFFFFF"> <Form name="myfm"> <input type="text" name="first_text" onFocus="writeIt('焦点 焦点');" 焦点 onBlur="writeIt('模糊 模糊');" 模糊 onChange="writeIt('修改 修改');"> 修改 <TEXTAREA NAME="txt_area " ROWS="10" COLS="10"></TEXTAREA> </FORM> </BODY> </HTML>
表单对象示例
5
表单元素事件
• • • • • 文本域事件 命令按钮事件 复选框事件 单选按钮事件 组合框和列表框事件
6
文本域事件
• 事件
– onFocus – onBlur – onChange
• 用法
<input type="text" name="名称" size="宽度" onFocus="接受焦点处理例程; " onBlur="失去焦点处理例程; " onChange="改变内容处理例程; " >
组合框与列表框事件
• 事件
– onFocus – onBlur – onChange
• 用法
<select size="" name="" onFocus="" <option value="值1">值1</option> 值 值 <option value="值2">值2</option> 值 值 <option value="值3" 值 …………………………… </select> 15 selected>值3</option> 值 onBlur="" onChange="">