下载文档原格式
HTML一、HTML有关知识点1.html介绍html是一种标记语言，主要的用途是开发网页，使用html可以展现文字、图片、视频、声音，html是我们web开发（网站开发）。
2.html可以做什么➢html可以编写静态网页➢该静态网页可以包括文字、图像、动画、声音、表格、链接。
从而构成一个个漂亮的网页3.Html发展历史4.Html的基本结构5.<html></html>是标记（也叫元素），标记的一般格式：<元素名[属性=“属性值”]>元素内容</标签>如果没有内容可以用：<元素名[属性=“属性值”]/>6.Html实体标记7.Html常用标记➢html超链接<a href=”” target=”_blank”></a>●_blank 新的窗口●_self 本窗口●_parent 父窗口●_top整个浏览器窗口➢html图像元素<img src=”文件路径” width=”宽度” height=”高度”/>➢html表格<table border=”边框宽度” width=”” cellspacing=”空隙大小” cellpadding=”填充大小”> <tr>--用于说明行<td></td>--用于说一小格</tr></table>➢无序列表<ul><li></li><li></li></ul>➢有序列表<ul><li></li><li></li></ul>➢框架<frameset frameborder=”边框的大小” cols=”按照列的百分比分隔” rows=”按照行的比分比分隔”><frame src=”” noresize /></frameset>➢表单元素<from action=”” method=”post/get”>文本框：<input type=”text name=””/>密码框：<input type=”password” name=””/>单选框：<input type=”radio”name=””>复选框：<input type=”checkbox” name=”” checked>checked是指默认选中的隐藏域：<input type=”hidden” name=””>图片按钮：<input type=”image” src=””></from>➢文本域：<textarea cols=”” rows=”” > wrap=off自动换行请在这里写····</textarea>➢下拉菜单：<select name=”” size= > size 是指显示大小<option value=””>-----请选择------</option><option value=”shanghai” selected> 上海</option> selected是指被选中<option value=”beijing”> 北京</option></select>➢<meta http-equiv="content-type" content="text/html " charset="utf-8" />➢<body bgcolor=# text=# alink=# vlink=#>#=rrggbb;这些是16进制的，红绿蓝(red-green-blue,RGB)值来表示<body topmargin=0px leftmargin=0px>➢标尺线：<hr size=>➢<a href=url target=”指向一个frame的名字”>➢文字布局标记●<p align=”#”></p>：表示一段#= left /center/right➢图像：<img src=” ” alt=”提示信息”>➢会移动的文字<marquee direction=”left/right” behavior=”scroll/slide/alternate” loop= 循环的次数scrollamount=速度></marquee>➢多媒体页面<embed src=”文件路径” width= height=></embed>➢背景音乐：<bg src=” ” loop=””>CSS1.div元素是用来HTML文档内大块(block-level)的内容提供结构和背景元素。
韩顺平老师全套php精华播放列表第1讲. 第0讲开山篇第2讲. 第001讲html 介绍html运行原理①第3讲. 第002讲html运行原理② html文件基本结构html元素和属性第4讲. 第003讲符号实体url说明超链接发送电邮第5讲. 第004讲图像表格实际应用-菜谱课堂练习-课程表第6讲. 第005讲无序列表有序列表框架第7讲. 第006讲浮动窗口表单及表单控件①第8讲. 第007讲表单及表单控件②第9讲. 第008讲多媒体页面标签汇总① 地图映射第10讲. 第009讲多标签汇总② 线包字效果测试题第11讲. 第010讲div css开山篇第12讲. 第011讲初识css 类选择器id选择器html选择器第13讲. 第012讲通配符选择器父子选择器第14讲. 第013讲选择器使用细节块元素和行内元素盒子模型盒子模型经典应用①第15讲. 第014讲盒子模型经典应用② 作业布置第16讲. 第015讲div css作业评讲①第17讲. 第016讲div css作业评讲②第18讲. 第017讲div css作业评讲③(1)第19讲. 第018讲浮动第20讲. 第019讲网站推荐定位第21讲. 第020讲仿sohu 首页面布局可爱屋首页面第22讲. 第021讲解答学员问题第23讲. 第022讲可爱屋首页面(浏览器兼容)评讲第24讲. 第023讲动态网页技术介绍php基本介绍第25讲. 第024讲php快速入门bs和cs介绍第26讲. 第025讲web 服务器介绍apache服务器安装第27讲. 第026讲apache 服务器使用及配置① 启动和停止端口配置第28讲. 第027讲apache服务器使用及配置② apache目录结构第29讲. 第028讲apache服务器使用及配置③ apache虚拟目录第30讲. 第029讲apache服务器使用及配置④ apache虚拟主机web访问时序图第31讲. 第030讲apache服务器使用及配置⑤ 作业点评提出apache和php整合的需求第32讲. 第031讲php开发环境的搭建和使用① appserv套件安装第33讲. 第032讲php开发环境的搭建和使用② 自定义安装第34讲. 第033讲php开发环境的搭建和使用③ 安装并配置discuz论坛第35讲. 第034讲解答学生问题--一个ip绑定多个域名第36讲. 第035讲php运行过程时序图php书写规范第37讲. 第036讲php基本语法介绍php数据类型介绍第38讲. 第037讲整型细节说明第39讲. 第038讲布尔细节浮点数细节字符串细节算术运算符①第40讲. 第039讲算术运算符② 比较运算符逻辑运算符第41讲. 第040讲三元运算符类型运算符运算符优先级第42讲. 第041讲顺序控制分支控制(if ifelse switch) 程序流程图第43讲. 第042讲循环控制①(for)第44讲. 第043讲循环控制②(while dowhile) 打印金字塔案例第45讲. 第044讲打印金字塔案例评讲布置练习题第46讲. 第045讲break语句continue语句常量第47讲. 第046讲函数基本概念函数快速入门第48讲. 第047讲函数使用函数调用初步理解第49讲. 第048讲函数调用深入理解函数使用注意事项①第50讲. 第049讲函数使用注意事项② 函数作业布第51讲. 第050讲函数再回顾自定义函数第52讲. 第051讲位运算①第53讲. 第052讲位运算②第54讲. 第053讲数组介绍数组的创建数组的遍历第55讲. 第054讲数组的引用数组使用细节①第56讲. 第055讲数组使用细节② 数组运算符数组作业评讲① 数组小结第57讲. 第056讲排序介绍冒泡排序第58讲. 第057讲选择排序插入排序快速排序第59讲. 第058讲顺序查找二分查找第60讲. 第059讲多维数组数组作业评讲②第61讲. 第060讲数组作业评讲③第62讲. 第061讲类与对象的基本概念第63讲. 第062讲成员属性如何创建对象第64讲. 第063讲对象在内存中存在形式函数传递对象方式第65讲. 第064讲函数传递基本数据类型和数组方式成员方法①第66讲. 第065讲成员方法②第67讲. 第066讲作业评讲第68讲. 第067讲构造方法第69讲. 第068讲析构方法第70讲. 第069讲static关键字(静态变量)第71讲. 第070讲static关键字(静态方法) 面向对象编程三大特性①第72讲. 第071讲面向对象编程三大特性②第73讲. 第072讲面向对象编程三大特性③第74讲. 第073讲面向对象编程三大特性④第75讲. 第074讲面向对象编程三大特性⑤第76讲. 第075讲抽象类第77讲. 第076讲接口第78讲. 第077讲继承与实现比较final const 第79讲. 第078讲面向对象编程综合练习第80讲. 第079讲错误和异常处理介绍处理错误方式①-die第81讲. 第080讲处理错误方式②-错误处理器错误级别处理错误方式③-错误触发器第82讲. 第081讲php错误日志第83讲. 第082讲php异常处理第84讲. 第083讲php进阶预热篇-php执行流程时序图第85讲. 第084讲http协议深度剖析①-http请求详解防盗链技术第86讲. 第085讲http协议深度剖析②-http响应详解(302 304码运用)第87讲. 第086讲http协议深度剖析③-http响应详解(禁用缓存设置)第88讲. 第087讲http协议深度剖析④-http响应详解(文件下载)第89讲. 第088讲http协议深度剖析⑤-http响应详解(作业评讲)第90讲. 第089讲php数据库编程①-使用mysql扩展库第91讲. 第090讲php数据库编程②-使用mysql扩展库第92讲. 第091讲php数据库编程③-使用mysql扩展库第93讲. 第092讲php数据库编程④-使用mysql扩展库(在线词典案例)第94讲. 第093讲php数据库编程⑤-使用mysql扩展库(在线词典案例)第95讲. 第094讲php数据库编程⑥-使用mysqli扩展库第96讲. 第095讲php数据库编程⑦-使用mysqli扩展库第97讲. 第096讲php数据库编程⑧-使用mysqli扩展库(布置练习)第98讲. 第097讲php数据库编程⑨-使用mysqli扩展库增强(批量执行sql和事务控制)第99讲. 第098讲php数据库编程(10)-使用mysqli扩展库增强(预处理技术)第100讲. 第099讲php数据库编程(11)-使用mysqli扩展库增强(预处理技术)第101讲. 第100讲预定义超全局数组①-原理分析第102讲. 第101讲预定义超全局数组②-POST第103讲. 第102讲预定义超全局数组③-SERVER第104讲. 第103讲zend studio使用项目开发五个阶段雇员管理系统①第105讲. 第104讲雇员管理系统②-model1模式简单登录第106讲. 第105讲雇员管理系统③-model1模式数据库登录第107讲. 第106讲雇员管理系统④-model1模式雇员分页第108讲. 第107讲雇员管理系统⑤-分层模式管理员登录第109讲. 第108讲雇员管理系统⑥-分层模式雇员分页第110讲. 第109讲雇员管理系统⑦-分层模式整体翻页第111讲. 第110讲雇员管理系统⑧-分层模式通用分页模块第112讲. 第111讲雇员管理系统⑨-mvc模式介绍第113讲. 第112讲mvc模式①-用mvc模式改进网站结构第114讲. 第113讲mvc模式②-用mvc模式改进网站结构第115讲. 第114讲cookie①-cookie原理介绍创建cookie 获取cookie第116讲. 第115讲cookie②-更新cookie 删除cookie cookie运用案例第117讲. 第116讲cookie③-雇员管理系统使用cookie技术1.显示上传登录时间2.保留登录id第118讲. 第117讲session①-session原理介绍保存session第119讲. 第118讲session②-获取session 更新session 删除session session细节和原第120讲. 第119讲session③-购物车cookie禁用后如何使用session session防用户非法登录第121讲. 第120讲session④-验证码防恶意攻击第122讲. 第121讲session⑤-session配置session的gc机制自定义session处理器第123讲. 第122讲php文件编程①-文件操作原理如何获取文件信息如何读文件第124讲. 第123讲php文件编程②-如何写文件拷贝文件创建和删除(文件夹、文件)第125讲. 第124讲php文件编程③-文件的上传和下载文件上传细节讨论第126讲. 第125讲php文件编程④-mini文件共享网实现分析第127讲. 第126讲php绘图技术①-报表简介第128讲. 第127讲php绘图技术②-php绘图坐标体系第129讲. 第128讲php绘图技术③-php绘图原理及步骤第130讲. 第129讲php绘图技术④-php绘图核心技术第131讲. 第130讲php绘图技术⑤-绘制3d效果人口分布饼状图第132讲. 第131讲php绘图技术⑥-JpGraph-网民支持情况统计图(静态数据)第133讲. 第132讲php绘图技术⑦-JpGraph-网民支持情况统计图(实时数据)第134讲. 第133讲php绘图技术⑧-绘制验证码第135讲. 第134讲php xml编程①-xml基本介绍xml元素xml属性第136讲. 第135讲php xml编程②-cdata 实体字符处理指令dtd快速入门编程校验xml第137讲. 第136讲php xml编程③-内部dtd 外边dtd dtd元素dtd修饰符第138讲. 第137讲php xml编程④-dtd属性引用实体参数实体ide开发xml 第139讲. 第138讲php xml编程⑤-复杂的dtd综合练习第140讲. 第139讲php xml编程⑥-dom基本概念phpdom编程(1)第141讲. 第140讲php xml编程⑦-phpdom编程(2)第142讲. 第141讲php xml编程⑧-phpdom编程(3) 综合练习-基于xml的在线词典第143讲. 第142讲php xml编程⑨-综合练习-基于xml的在线词典phpdom使用xpath第144讲. 第143讲php xml编程(10)-SimpleXML第145讲. 第144讲php xml编程(11)-基于xml的在线词典评讲第146讲. 第145讲开发自己的网上支付平台①-网上支付的两种方式及其流程介绍第147讲. 第146讲开发自己的网上支付平台②-商家与易宝支付网关对接详解第148讲. 第147讲开发自己的网上支付平台③-发送支付请求第149讲. 第148讲开发自己的网上支付平台④-接收支付结果第150讲. 第149讲开发自己的网上支付平台⑤-防止回调页面刷新韩顺平老师全套php精华课程视频介绍今天给大家分享一套PHP目前国内讲得非常好的课程，本课程共149讲，由韩顺平老师主讲，这套课程我听过，韩老师讲课并不是照本宣科，他有着非常丰富的大型项目开发经验，并不这些经验融入到这套课程中，从而让大家分享他的开发经验，这是很多php课程难有的，要学php视频教程，那么我建议大家一定要学习韩顺平老师讲解的，这样你会少走弯路，智慧树学习网收集整理。
CSS超全笔记（适合新⼿⼊门）CSSCSS初识CSS(Cascading Style Sheets) 美化样式CSS通常称为CSS样式表或层叠样式表（级联样式表），主要⽤于设置HTML页⾯中的⽂本内容（字体、⼤⼩、对齐⽅式等）、图⽚的外形（宽⾼、边框样式、边距等）以及版⾯的布局等外观显⽰样式。
CSS以HTML为基础，提供了丰富的功能，如字体、颜⾊、背景的控制及整体排版等，⽽且还可以针对不同的浏览器设置不同的样式。
引⼊CSS样式表（书写位置）CSS可以写到那个位置？是不是⼀定写到html⽂件⾥⾯呢？内部样式表内嵌式是将CSS代码集中写在HTML⽂档的head头部标签中，并且⽤style标签定义，其基本语法格式如下：<head><style type="text/CSS">选择器 {属性1:属性值1; 属性2:属性值2; 属性3:属性值3;}</style></head>语法中，style标签⼀般位于head标签中title标签之后，也可以把他放在HTML⽂档的任何地⽅。
type="text/CSS" 在html5中可以省略，写上也⽐较符合规范，所以这个地⽅可以写也可以省略。
⾏内式（内联样式）内联样式，⼜有⼈称⾏内样式、⾏间样式、内嵌样式。
是通过标签的style属性来设置元素的样式，其基本语法格式如下：<标签名 style="属性1:属性值1; 属性2:属性值2; 属性3:属性值3;"> 内容 </标签名>语法中style是标签的属性，实际上任何HTML标签都拥有style属性，⽤来设置⾏内式。
其中属性和值的书写规范与CSS样式规则相同，⾏内式只对其所在的标签及嵌套在其中的⼦标签起作⽤。
外部样式表（外链式）链⼊式是将所有的样式放在⼀个或多个以.CSS为扩展名的外部样式表⽂件中，通过link标签将外部样式表⽂件链接到HTML⽂档中，其基本语法格式如下：<head><link href="CSS⽂件的路径" rel="stylesheet" /></head>注意： link 是个单标签哦该语法中，link标签需要放在的三个属性head头部标签中，并且必须指定link标签，具体如下：href：定义所链接外部样式表⽂件的URL，可以是相对路径，也可以是绝对路径。
div+css详解◆ div+css的介绍div是用于存放html元素，文字，图片，视频的元素css 是层叠样式表，用于指定div中的内容的样式原理图：div+css的快速体验案例：test.html：<!DOCTYPE HTML PUBLIC "-//w3c//DTD HTML 4.0 Transitional//EN"><html><head><title>div+css入门案例</title><link href="my.css" type="text/css" rel="stylesheet"/> </head><body><div class="style1"><table><tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td></tr > <tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td></tr> <tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td></tr> <tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td></tr> <tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td></tr> </table></div></body></html>my.css中指定：.style1{width:300px;height:200px;border:1px solid red;margin:100px 0px 0px 200px;}.style1 table{border:1px solid black;width:298px;height:190px;}.style1 table td{border: 1px solid black;text-align:center;}<span style="font-size:30px;color: blue;">栏目一</span><br/> 从使用span元素我们可以看到，css的基本语法<元素名 style=”属性名：属性值；属性名：属性值2；”/> 元素可以是html的任意元素：属性名：属性值要参考 w3c组织给出的参考文档◆使用css可以统一网站的风格css分类：外部css 内部css<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html><head><title>css1.html</title><meta http-equiv="keywords" content="杨萌,keyword2,keyword3"> <meta http-equiv="description" content="this is my page"><meta http-equiv="content-type" content="text/html; charset=UTF-8"> <!--<link rel="stylesheet" type="text/css" href="./styles.css">--> <style type="text/css">.style1{}</style> font-size: 20px; color:red; font-weight: bold; font-style: italic;</head><body><span class="style1">栏目一</span><br/> <spanclass="style1">栏目二</span><br/> <span class="style1">栏目三</span><br/> <span class="style1">栏目二</span><br/> <span class="style1">栏目三</span><br/> </body></html>使用滤镜<style type="text/css">/*使用滤镜将图片变成黑白色*/img {}</style>/*使用滤镜*/a:link img { filter:gray;} filter:gray; a:hover img{ } filter:"";</style><!--<link rel="stylesheet" type="text/css"href="./styles.css">--></head><body><a href="#"><img src="images/1.jpg" width=170pxborder=1/></a> <a href="#"><img src="images/2.jpg" width=170px border=1/></a> <a href="#"><img src="images/3.jpg" width=170px border=1/></a> <a href="#"><img src="images/4.jpg" width=170px border=1/></a> <a href="#"><img src="images/5.jpg" width=170px border=1/></a> <a href="#"><img src="images/6.jpg" width=170px border=1/></a> <a href="#"><img src="images/7.jpg" width=170px border=1/></a> </body>1．类选择器的基本语法:.类选择器名{属性名:属性值;…}.style1{font-weight: bold;font-size: 20px;background-color: pink;}<link rel="stylesheet" href="my.css" type="text/css"></link> </head><body><span class="style1">新闻一</span><span class="style1">新闻二</span><span class="style1">新闻三</span><span class="style1">新闻四</span><span class="style1">新闻五</span></body>2．id选择器基本语法：#id选择器名{属性名：属性值；}案例：#style2{font-size: 30px;background-color: skyblue;}在html文件中如果要引用id选择器，则<元素 id=‘id选择器的名称’></元素><span id="style2">这是一则重要的新闻</span>3．Html选择器 /*html选择器body(button,input,form...)*/ body{color:silver;}结论：当一个元素同时被id选择器类选择器 html选择器修饰时，优先级为： id选择器>类选择器>html选择器>通配符选择器<span class="style1" id="style2">这是一则重要的新闻</span> 案例：假设，我们希望所有的超链接（1）默认样式是黑色，24px，没有下划线（2）当鼠标移动到超链接时，自动出现下划线（3）点击后，超链接变成红色。
DIV+CSS网页布局常用的一些基础知识整理CSS命名规范全局样式：global, css；框架布局:layout, css；字体样式：font.css；链接样式：link, css；扌J印样式：print. css；%1.常用类/TD命名规范页眉:header内容：con tent容器：container页脚：footer版权：copyright导航：menu主导航：mainMenu子导航：subMenu标志：logo标语：banner标题：title侧边栏：sidebar图标：Icon注释:note搜索：search按钮：btn登录：login链接：link信息框：manage常用类的命名应尽量以常见英文单词为准，做到通俗易懂，并在适卅的地方加以注释。
对于二级类/ID命名，则采用组合书写的模式，后一•个单词的首字母应大写：诸如“搜索框”则应命名为“searchT门put”、“搜索图标”命名这“searchicon”、"搜索按钮”命名为"searchBtnCSS书写规范及方法一•常'规书写规范及方法1.选择DOCTYPE：XHTML 1.0提供了三种DTD声明可供选择：过渡的(Transitional):要求非常宽松的DTD,它允许你继续使用HTML4. 01的标识(但是要符合xhtml的写法)。
完整代码如下：严格的(Strict):要求严格的DTD,你不能使用任何表现层的标识和属性，例如o 完整代码如下：框架的(Frameset):专门针对框架页面设计使用的DTD,如果你的页面屮包含有框架，需要采用这种DTD。
完整代码如下：理想情况为然是严格的DTD,但对于我们大多数刚接触web标准的设计帅来说，过渡的DTD (XHTML 1.0 Transitional)是目前理想选择(包括本站,使用的也是过渡型DTD)O因为这种DTD还允许我们使用表现层的标识、元素和属性，也比较容易通过W3C的代码校验。
1、网页居中显示：需要设置两个地方，一个是body，一个是外边框div。
CSS：body{margin:0;padding:0;text-align:center;}#main{ /*最外层DIV*/width:760px;margin:0 auto;padding:0}2、文字垂直居中显示：在DIV中定义一个行高与其高度相同即可。
CSS：.title{height:25px;line-height:25px;vertical-align:middle;}3、图片垂直居中显示：在<img>标签中加入align="absmiddle"即可。
4、清除浮动：如果在同一行上有几个DIV并列显示，那么必须在其中加入清除浮动代码，如果在一行上只是一个DIV，好象不必清除浮动。
CSS：.clear{clear: both;}HTML示例：<div id="main"><div class="left"></div><div class="center"></div><div class="right"></div><div class="clear"></div></div><!--清除浮动后，后面的代码排列就不会有任何变形了，不管是在IE还是FF中，都很正确--><div ……5、三列结构中的的DIV写法：适用于左右栏是窄幅，中栏为主要内容显示，让其宽度自适应。
CSS:#main{width:760px;margin:0 auto;}.left{width:100px;float:left;}.right{width:120px;float:right;}.center{margin:0 120px 0 100px;/*页面中栏内容，未设置浮动，通过设置左右边界达到此DIV放于中栏的效果*/width:auto;}.clear{clear: both;}HTML：<!--注意：center这个DIV的位置--><div id="main"><div class="left"></div><div class="right"></div><div class="center"></div><div class="clear"></div></div>6、textarea在FireFox中不能自动换行的处理：有时我们可能会遇到这种现象，在IE中可以自动换行，但在FF中就是不行，即使加了word-break:break-all;word-warp:warp;也没有效果，怎么回事呢？主要原因是因为我们加入到textarea中的英文字符或代码过长，造成它误识别为一个单词所致。
javascript 3=============================================================================== 1.Dom（文档对象模型）编程简介DOM = Document Object Model(文档对象模型)，根据W3C的DOM规范，DOM是HTML 与XML的应用编程接口（API），它将整个页面映射为一个由层次节点组成的文件。
编程人员通过访问dom 对象，就可以实现对浏览器本身、网页文档、网页文档中元素的操作，从而控制浏览器和网页元素的行为和外观。
2.html dom层次图dom编程的核心是各个dom 对象。
HTML DOM定义了访问和操作HTML文档的标准方法。
HTML DOM把HTML文档呈现为带有元素、属性和文本的树结构(节点树)，每个节点是一个HTML DOM内置对象。
3.BOM（浏览器对象模型）介绍通过使用BOM，可移动窗口、更改状态栏文本。
bom 是w3c 组织提出的，他建议所有的浏览器都应当遵循这样的设计规范。
可以说bom 和dom 关系密切, 相互影响，bom 为纲，dom为目，我们可以简单的理解，dom 是bom 中document的具体实现。
要求浏览器必须支持4.常用dom对象window对象window 对象表示一个浏览器窗口或一个框架。
在客户端JavaScript中，Window 对象是全局对象，要引用当前窗口根本不需要特殊的语法，可以把那个窗口的属性作为全局变量来用。
注：在使用window对象的方法和属性的时候，可以不带window，如下window.alert(“韩顺平!”)等价于：alert(“韩顺平”)。
常用方法和属性：✧alert() 显示消息和一个确认按钮的警告框✧confirm() 显示消息以及确认按钮和取消按钮的对话框✧setInterval() 按照指定的周期(毫秒计)来循环调用函数或计算表达式✧clearInterval() 取消由setInterval()设置的定时器✧setTimeout() 指定的毫秒数后调用一次函数或计算表达式✧clearTimeout() 取消由setTimeout()设置的定时器✧moveTo() 把窗口的左上角移动到一个指定的坐标✧moveBy() 可相对窗口的当前坐标把它移动指定的像素✧resizeBy() 按照指定的像素调整窗口的大小✧resizeTo() 把窗口的大小调整到指定的宽度和高度✧open() 打开一个新的浏览器窗口或查找一个已命名的窗口✧close() 关闭窗口✧closed 返回窗口是否已被关闭✧status 设置窗口状态栏的文本✧opener 返回对创建此窗口的窗口的引用✧onload 页面装载✧onunload 关闭窗口案例：一个js版用户登录系统，当用户输入顺平密码是123，就跳到第二个页面，5秒后，自动跳转到第三个页面。
Java韩顺平笔记第1讲内容介绍.项目演示.原理剖析1. 课程包括：java面向对象编程，java图形界面，java数据库编程，java文件i/o流，java网络编程，java的多线程2. Java历史：1990 sun 启动绿色计划 1992 创建 oak语言—> java1994 gosling 参加硅谷大会演示java功能震惊世界 1995 sun 正式发布java第一个版本，目前最新的是jdk7.03. java开发工具：记事本，jcreator，jbuilder，netbean，eclipse4. jdk包括：jre（java运行环境）java的工具：编译器javac.exe解释执行器java.exe java的类库：3600多个，常用的150多个5. 第一个程序：//功能：显示―HelloWorld‖//public:表示类是公共的，一个文件中只有一个public类 //class:表示这个是一个类//HelloWorld:类名（公共类的类名，必须和文件名一样）public class HelloWorld {//一个主函数，程序的入口 public static void main (String args[]) {//执行语句System.out.println("helloWorld!"); } }6. Java源程序（.java文件）——>java字节码文件（.class文件）——>由解释执行器（java.exe）将字节码文件加载到java虚拟机（jvm）——>字节码文件（.class）就会在java虚拟机中执行l,average); } }第2讲变量.数据类型1. 在java里面int占4个字节，long占8个字节2. Java基本数据类型：整数：(byte一个字节：-128---127 int四个字节：-2147483648---+2147483647short两个字节：-32768---+32767 long八个字节：)小数（浮点）：float double布尔：boolean字符：char（两个字节，可以存放汉字, char test1 ='中';）引申到字符串（类）3.在java中对char进行运算的时候，直接是当做ASCII码对应的整数4.数据不能从高精度到低精度的转换Byte<short<int<long<float<doublefloat a=3.4；是过不去的，在java中小数默认是double（双精度）的应该写成是float a=3.4f；不过可以强制转换：int a=(int)1.2; intb=(int)1.95. int a=1;int b=a+1.2; a先是往高精度转换，然后赋给b，就报错改成int a=1;double b=a+1.2; 或者int a=1;float b=a+1.2f; 就解决了第4讲流程控制1. switch case语句中，switch条件表达式的数据类型应该和后面case的类型一致2. switch case语句中，可用的数据类型主要是：byte short int char enum第5讲类与对象1. 面向对象编程-类与对象类名首字母大写类里面的元素叫类的成员变量/属性2. 类的定义package 包名；class 类名extends 父类implements接口名{成员变量；构造方法；成员方法；}3. 如何创建对象：先声明再创建Cat cat1；cat1=new Cat();一步到位Cat cat1 =new Cat();4. 引用传递类似于指针一样第8讲this 类变量1. this属于类的对象的而不是属于类的2. 5this不能在类的外部使用，只能在类定义时候使用！3. 可以用类名直接访问静态变量第9讲类方法封装1.类变量是该类的所有对象共享的对象,一改全改了2.定义语法：访问修饰符static 数据类型变量名3. public class Demo9{static int i=1;static{System.out.println("zhixingyicile");i++;}//会自动执行一次，也只有一次public Demo9(){System.out.println("ffffffff");i++;}public static void main(String args[]){Demo9 t1=new Demo9();System.out.println(Demo9.i);Demo9 t2=new Demo9();System.out.println(i);}}4.类方法（静态方法、静态函数）：属于所有对象实例的5.Java中:类变量（static）原则上用类方法（static）去访问；类方法中不能访问非静态变量，就是非类变量，但是普通的成员方法可以访问静态变量（类变量）使用：类名.类方法名对象名.类方法名6.非类变量就是实例变量，属于每个对象自己的7.Java面向对象编程的三（四）大特征：封装、继承、多态（、抽象）8.抽象：把一类事物的共有的属性和行为提取出来，形成一个物理模板，此研究问题的方法就是抽象9.封装：把抽象出来的数据和对数据的操作封装在一起，数据被保护在内部，程序的其它部分只有通过被授权的操作（成员方法），才能对数据进行操作。
第一天XHTML CSS基础知识欢迎大家学习《十天学会web标准》，也就是我们常说的DIV+CSS。
不过这里的D IV+CSS是一种错误的叫法，建议大家还是称之为web标准。
学习本系列教程需有一定html和css基础，也就是指您之前做过网页，会用表格布局。
如果您刚开始学习网页制作，不知道什么是表格布局及html和css，建议您先去充电，否则学习本教程会非常吃力或者根本就听不懂。
由于时间关系，本教程只讲解一些基础知识，让您从原来的表格布局跨入到web标准（div+css）布局，会使用web标准制作出常见的页面，这也达到了本教程的目的。
本教程多以实例形式循序渐进讲解，实例涉及到哪些关键点或难点就讲解什么，较少讲解概念。
因为概念这些东西很难说明白，或者说明白你也不一定能听懂，听懂了也不一定能理解。
所以把概念留给大家以后再深入研究。
由于章节关系，没有把css和css hack单独分出，只是在用到的时候穿插入讲解了。
html基础和css基础只在第一节中介绍了几点重要的。
下面我们开始第一天的学习一、xhtml css基础知识首先说一下我们这节课的知识点1.文档类型2.语言编码3.html标签4.css样式5.css优先级6.css盒模型组成1）文档类型当我们用dreamweaver新建一下html格式文档时，查看源代码，会发现代码最上部有如下这句话：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.or g/TR/xhtml1/DTD/xhtml1-transitional.dtd">这句话标明本文档是过渡类型，另外还有框架和严格类型，目前一般都采用过渡类型，因为浏览器对XHTML的解析比较宽松，允许使用HTML4.01中的标签，但必须符合XHTML的语法。
1,Web标准的组成：结构，表现和行为；结构标准对应的主要语言是XHTML表现标准对应的主要语言是CSS行为标准对应的主要语言是javascript制作成一个静态页面，主要用到的就是xhtml和css，所以制作标准页面的技术就是xhtml+css;2,css定义的技巧：1，为了将来的css代码优化，建议所有的属性值后面都要带上";";2,某些xhtml标签，有自己默认的css属性值；例如，h1标签就有自己默认的属性值。
3，为了兼容主流的浏览器，或者为了统一效果，建议我们在设置时，将所有元素的css属性，重置为一个标准的；4，不同的浏览器，有各自不同的css属性值---就是浏览器的兼容性5，css可以重新设置html标签的默认设置；3，CSS应用给网页的方法：1，内联式样式表：直接写在现有的标记中，如<p style="color:red">这里文字是红色的</p>2, 嵌入式样式表：使用<style></style>标签嵌入到HTML文件的<head>标签中。
如：<style type="text/css">body {background:white;color:black;}</style>3，外部链接式样式表：将样式表写在一个独立的.css文件中，然后在页面<head></head>标签内使用<link>标签调用它，主要用于实现表现与结构的分离，如：<link href = "main.css" rel="stylesheet" type="text/css"/>4, 导入式样式表[用的较少]：导入式样式表与链接式样式表的功能基本相同，只是语法与动作方式略有不同，同样也将导入样式代码写在<head></head>标记内。
div+css详解一．div+css的介绍div是用于存放html元素，文字，图片，视频的元素css 是层叠样式表，用于指定div中的内容的样式原理图：div+css的快速体验案例：test.html：<!DOCTYPE HTML PUBLIC "-//w3c//DTD HTML 4.0 Transitional//EN"> <html><head><title>快速入门</title><link href="my.css" type="text/css" rel="stylesheet"/></head><body><div class="style1"><table><tr><td>1</td><td>2</td><td>3</td></tr><tr><td>1</td><td>2</td><td>3</td></tr><tr><td>1</td><td>2</td><td>3</td></tr></table></div></body></html>my.css中指定：.style1{width:300px;height:200px;border:1px solid red;margin:100px 0px 0px 200px;}/*css注释*/border:1px solid black;width:298px;height:190px;}.style1 table td{border: 1px solid black;text-align:center;}使用<span>元素来编写使用myeclipse来开发，因为myeclipse有提示功能<!--Doctype：文档类型，用于指定dtd(说明当前这个html文件是什么版本)--><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><!--给搜索引擎提供关键字的，写几个关键字即可，不写浪费--><meta http-equiv="keywords"content="keyword1,keyword2,keyword3"><!--对页面进行描述，用处不多--><meta http-equiv="description"content="this is my page"><!--告诉浏览器文件是什么编码--><meta http-equiv="content-type"content="text/html; charset=UTF-8"> <!--引入css文件的--><link rel="stylesheet" type="text/css" href="./styles.css"><span style="font-size:30px;color: blue;">栏目一</span><br/>从使用span元素我们可以看到，css的基本语法<元素名style=”属性名：属性值；属性名：属性值2；”/>元素可以是html的任意元素：属性名：属性值要参考w3c组织给出的参考文档◆使用css可以统一网站的风格css分类：外部css 内部css<!-- DOCTYPE文档类型用于指定DTD(说明当前这个html的版本)--><DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><title>css1.html</title><!-- 这个keywords是给搜索引擎看--><meta http-equiv="keywords"content="keyword1,keyword2,keyword3"> <meta http-equiv="description"content="this is my page"><!-- 告诉浏览器文件是什么编码--><meta http-equiv="content-type"content="text/html; charset=UTF-8"> <!-- 引入css文件--><!--<link rel="stylesheet" type="text/css" href="./styles.css">--><style type="text/css">.style1{font-size: 20;color: green;font-style: normal;font-weight: bold;}</style></head><body><span class="style1">栏目一</span></br><span class="style1">栏目一</span></body></html>使用滤镜<style type="text/css">/*使用滤镜将图片变成黑白色*/img {filter:gray;}</style>/*使用滤镜*/a:link img {filter:gray; //默认的是灰色}a:hover img{ //鼠标悬浮，恢复颜色filter:"";}</style><!--<link rel="stylesheet" type="text/css" href="./styles.css">--></head><a href="#"><img src="images/1.jpg"width=170px border=1/></a><a href="#"><img src="images/2.jpg"width=170px border=1/></a></body>二.css的4种选择器类选择器id选择器html元素选择器通配符选择器1．类选择器的基本语法:.类选择器名{属性名:属性值;…}my.css文件.style1{font-size: 20px;font-weight: bold;background-color: purple;}select1.html文件<linkrel="stylesheet"href="my.css"type="text/css"></link></head><body><span class="style1">栏目一</span><span class="style1">栏目二</span><span class="style1">栏目三</span><span class="style1">栏目四</span></body>2．id选择器基本语法：#id选择器名{属性名：属性值；}案例：#style2{font-size: 30px;background-color: skyblue;}在html文件中如果要引用id选择器，则<元素id=”id选择器的名称”></元素><span id="style2">这是一则重要的新闻</span>3．Html选择器/*html选择器body(button,input,form...)*/body{color:silver;}结论：当一个元素同时被id选择器类选择器html选择器修饰时，优先级为：id选择器>类选择器>html选择器>通配符选择器案例：假设，我们希望所有的超链接默认样式是黑色，24px，没有下划线点击后，超链接变成红色。
my.css文件a:link{color:black;font-size:24px;text-decoration:none;}a:hover{text-decoration:underline;}a:visited{color:red;}html文件：<a href=""target="_blank">百度首页</a><br/><a href=""target="_blank">搜狐首页</a>4．通配符选择器如果希望所有的元素都符合某一种样式，可以使用通配符选择器。
