【Jsp精品源码栏目提醒】:本文主要为网学会员提供“韩顺平php入门到精通笔记 - 其它资料”,希望对需要韩顺平php入门到精通笔记 - 其它资料网友有所帮助,学习一下!
谢谢韩老师 1 讲 html 介绍 html 运行原理①Html css 四天 Html 是什么1. mark-uplanguage是 超文本标记语言 主要的用处是做网页 可以在网页 html hypertext mark-uplanguage 上显示 文字、图像、视频、声音… …ltinput type”text ” name”xxx”/gt type” text” name”xxx” 标记 元素简单说明一下动态网页的示意图: : Html 历史1999 html-- xhtml xhtml 可以理解成就是 html 的加强版 -à xml 2008 html5.0u W3c 的介绍是一个制定标准的组织 比如 给 html xhtml css xml wml…制定标准 wml… 不同的浏览器,去访问同一个网页,可能看到的效果是有差别-gthack -gthack Html 的运行原理Hello.htmlHtml 的运行有两种方式Html 文件的基本结构lthtmlgtltheadgtlt/headgtltbodygtlt/BODYgtlt/htmlgt1.本地运行1.所谓本地运行就是直接用 浏览器打开 23 讲 动态网页技术介绍 PHP 基本介绍php 核心课程 web 开发的介绍web 开发分为1. 静态 web 开发html 页面 html 如果我们的一个页面,始终是一成不变的,则就是属于静态 web 开发,一般讲用 html 技术就 ok2. 动态 web 开发比如: 我们需要发帖,网上支付 发短信 发邮件… . 这样就需要动态 web 开发. : … .常用的动态 web 技术 php 、jsp 、asp-- àasp.net 、cgi 通用网关接口 jsp asp-- asp--à cgic-gtc-gtjava-gtc我希望在某个页面显示当前时间 动态网页技术的发展历程1. cgi2. asp 微软产品 -gt asp.net3. jsp mysql-gt sun 公司,被 oracle2009 收购 java / solaris/mysql 4. php 目前 zend 公司管理维护php 优点: :① 跨平台 同时支持多种数据库② 安全性和效率好③ 使用成本低 linux apache mysql php 内核 ④ 相对 jsp 和 asp.net 简单⑤ 开发源码可以做二次开发 / 开源软件 ⑥ 在 php4 php5 以及即将发布 php6 中更好的支持 面向对象缺点: :1. 安装比较复杂,配置比较多2. 太灵活,解释执行编译执行 所以有些错误,到真的运行的时候才会暴露Hello.cViod main Printf “ok” Printf“ ok”Hell.javaMain System.out.println “helloworld” System.out.println“helloworld”Phpltphp Echo ‘hello’ hello’ gt 2 讲 html 运行原理② html 文件基本结构 html 元素和属性 更新时间:2012 年 09 月 13 日 18 时 12 分 来源: :2012 :2. 远程访问l 何为协议 计算机互相通信网络的规则. ftp smtp pop http .远程访问的原理示意图: : 这里我们涉及到 http 协议,这里我们没有深入讲解, 但是这是一个非常重要的知识点. .Html 的基本结构lthtmlgtltheadgtlt元素属性 1”值” …./gt 1” ”lt/headgtltbodygtlt元素属性 1”属性值” 属性 2“属性值” …gt内容lt/ 1” ” 2“ ” lt/ gt lt/元素gtlt元素属性”属性值”/gt ”lt/bodygtlt/htmlgt说明1. 标记通常是成对出现 ltheadgtlt/headgt2. 单标记 ltbr/gt案例: :Demo1.htmlthtmlgtltheadgtlt/headgtltbodygtltbgt lt/bgtltbr/gtltbr/gtltbgt横看成林lt/bgtltbr/gtltbr/gtltfont colorquotredquotgt lt/fontgtltbr/gt colorquotredquotgt远近高低各不同lt/fontgtltbr/gtlt--size 值可以取 1..7 --gtltfont stylequotfont-size:30pxquotgt lt/fontgtltbr/gt stylequotfont-size:30pxquotgt不知庐山真面目lt/fontgtltbr/gtlt/bodygtlt/htmlgt面试: 请问后缀 html 和 htm 有什么区别 : 答: 1. 如果一个网站有 index.html 和 index.htm 默认情况下,优先访问 .html :3. htm 后缀是为了兼容以前的 dos 系统 8.3 的命名规范 3 讲 符号实体 url 说明 超链接 发送电邮 更新时间:2012 年 09 月 13 日 18 时 13 分 来源: :2012 : html 符号实体说明:当我们在网页中有一些特殊字符时候,可以考虑使用字符实体 char entity超链接的案例: :ltbr/gtltbr/gtltahrefquota.htmlquot target ”_self_blank_top_parent”gt连接到 a.htmllt/agtltbr/gt target”_self_blank_top_parent”lt--如果我们希望在点击该超链接后,就跳转到外网的某个地址,则应当写完整的 url--gtlt--lt--url 统一资源定位--gt--gtltahrefquothttp://www.baidu.comquotgt lt/agtltbr/gtltahrefquothttp://www.baidu.comquotgt跳转到百度lt/agtltbr/gtltahrefquotmailto: hanshunpingtsinghua.org.cnquotgt hanshunpingtsinghua.org.cnquotgt lt/agt quotgt联系管理员lt/agt 4 讲 图像 表格 实际应用-菜谱 课堂练习-课程表 - - 更新时间:2012 年 09 月 16 日 15 时 14 分 来源: :2012 :4 讲 图像 表格 实际应用-菜谱 课堂练习-课程表 - -图片: :ltimg src ”图片的路径/该图片也可是一个 url” width”宽度” heigth ”高度”/gt src” / url” width” ” heigth” ” Html 的表格元素 在以前对网页布局要求不高的情况下,使用 table 布局即使用表格来显示数据,同时用于布局 快速入门: :lthtmlgtltbodygtlttable alignquotcenterquot heightquot10pxquotbgcolorquotyellowquot borderquot3pxquot widthquot400pxquotgtlt--tr 表示一行--gt --gtlttr alignquotcenterquotgtlttdgt1lt/tdgtlttdgt2lt/tdgtlttdgt3lt/tdgtlt/trgtlttr alignquotrightquotgtlttdgt2lt/tdgtlttd alignquotcenterquotgt4lt/tdgtlttdgt5lt/tdgtlt/trgtlttrgtlttdgt3lt/tdgtlttdgt9lt/tdgtlttdgt10lt/tdgtlt/trgtlttrgtlttdgt3lt/tdgtlttdgt9lt/tdgtlttdgt10lt/tdgtlt/trgtlt/tablegtlt/bodygtlt/htmlgt应用案例 :1. 确定行代码 如下: :lthtmlgtltbodygtlt--lttable alignquotcenterquot heightquot10pxquotbgcolorquotyellowquot borderquot3pxquot widthquot400pxquotgtlt--tr 表示一行lttr alignquotcenterquotgtlttdgt1lt/tdgtlttdgt2lt/tdgtlttdgt3lt/tdgtlt/trgtlttr alignquotrightquotgtlttdgt2lt/tdgtlttdalignquotcenterquotgt4lt/tdgtlttdgt5lt/tdgtlt/trgtlttrgtlttdgt3lt/tdgtlttdgt9lt/tdgtlttdgt10lt/tdgtlt/trgtlttrgtlttdgt3lt/tdgtlttdgt9lt/tdgtlttdgt10lt/tdgtlt/trgtlt/tablegt--gtlttable heightquot150pxquotgtlttrgtlttdgtlt/tdgtlt/trgtlt/tablegtlt-- --gtlt--显示菜单--gtlttableborderquot1quot alignquotcenterquot bordercolorquotE76BFFquotheightquot225pxquotcellpaddingquot1pxquotcellspacingquot0pxquot widthquot400pxquot gtlttrgtlt--colspanquot3quot --gtlt--colspanquot3quot表该列要占用三列--gtlttdalignquotcenterquot colspanquot3quotgt lt/tdgt colspanquot3quotgt菜谱lt/tdgtlt/trgtlttrgtlttdrowspanquot2quotgt lt/tdgtlttdrowspanquot2quotgt素菜lt/tdgtlttdgt lt/tdgtlttdgt青草茄子lt/tdgtlttdgt lt/tdgtlttdgt花椒扁豆lt/tdgtlt/trgtlttrgtlttdgt lt/tdgtlttdgt小炒韭菜lt/tdgtlttdgt lt/tdgtlttdgt白豆腐lt/tdgtlt/trgtlttrgtlttd rowspanquot2quotgt lt/tdgt rowspanquot2quotgt荤菜lt/tdgtlttdgt lt/tdgtlttdgt清蒸龙lt/tdgtlttdgt lt/tdgtlttdgt鱼香肉丝lt/tdgtlt/trgtlttrgtlttdgt小炒肉 ltimgsrcquotdog.jpgquot widthquot70pxquot /gtlt/tdgtlttdgtlttdgt lt/tdgtlttdgt水煮肉片lt/tdgtlt/trgtlt/tablegtlt/bodygtlt/htmlgt课堂练习:: 5 讲 无序列表 有序列表 框架 更新时间:2012 年 09 月 16 日 15 时 19 分 来源: :2012 :lthtmlgtlttitlegt lt/titlegtlttitlegt俺第一个实例lt/titlegtltheadgtlt/headgtltbodygtltCentergt成绩表lt/centergtltbr/gtlt-- --gtlt--表格--gtlttable alignquotcenterquotalignquotcenterquot bordercolorquot579AFEquotheightquot10pxquot borderquot3pxquotwidthquot500pxquotgtlttr alignquotcenterquotgtlttdgt lt/tdgtlttdgt项目lt/tdgtlttd colspanquot5quotalignquotcenterquotgt lt/tdgt colspanquot5quotalignquotcenterquotgt上课lt/tdgtlttd colspanquot2quotalignquotcenterquotgt lt/tdgt colspanquot2quotalignquotcenterquotgt休息lt/tdgtlt/trgtlttr bgcolorquotpinkquotalignquotcenterquotgtltthgt lt/bgtlt/thgtltthgt星期lt/bgtlt/thgtltthgt lt/thgtltthgt星期一lt/thgtltthgt lt/thgtltthgt星期二lt/thgtltthgt lt/thgtltthgt星期三lt/thgtltthgt lt/thgtltthgt星期四lt/thgtltthgt lt/thgtltthgt星期五lt/thgtltthgt lt/thgtltthgt星期六lt/thgtltthgt lt/thgtltthgt星期日lt/thgtlt/trgtlttr alignquotcenterquotgtlttd rowspanquot4quotalignquotcenterquotgt lt/tdgt rowspanquot4quotalignquotcenterquotgt上午lt/tdgtlttdgt lt/tdgtlttdgt语文lt/tdgtlttdgt lt/tdgtlttdgt数学lt/tdgtlttdgt lt/tdgtlttdgt英语lt/tdgtlttdgt lt/tdgtlttdgt英语lt/tdgtlttdgt lt/tdgtlttdgt物理lt/tdgtlttdgt lt/tdgtlttdgt计算机lt/tdgtlttd rowspanquot4quotalignquotcenterquotgt lt/tdgt rowspanquot4quotalignquotcenterquotgt休息lt/tdgtlt/trgtlttr alignquotcenterquotgtlttdgt lt/tdgtlttdgt数学lt/tdgtlttdgt lt/tdgtlttdgt数学lt/tdgtlttdgt lt/tdgtlttdgt地理lt/tdgtlttdgt lt/tdgtlttdgt历史lt/tdgtlttdgt lt/tdgtlttdgt化学lt/tdgtlttdgt lt/tdgtlttdgt计算机lt/tdgtlt/trgtlttr alignquotcenterquotgtlttdgt lt/tdgtlttdgt化学lt/tdgtlttdgt lt/tdgtlttdgt语文lt/tdgtlttdgt lt/tdgtlttdgt体育lt/tdgtlttdgt lt/tdgtlttdgt计算机lt/tdgtlttdgt lt/tdgtlttdgt英语lt/tdgtlttdgt lt/tdgtlttdgt计算机lt/tdgtlt/trgtlttr alignquotcenterquotgtlttdgt lt/tdgtlttdgt政治lt/tdgtlttdgt lt/tdgtlttdgt英语lt/tdgtlttdgt lt/tdgtlttdgt体育lt/tdgtlttdgt lt/tdgtlttdgt历史lt/tdgtlttdgt lt/tdgtlttdgt地理lt/tdgtlttdgt计算机 1lt/tdgtlttdgtlt/trgtlttrgtlt/trgtlttr alignquotcenterquot gtlttd rowspanquot2quotgt下午lt/tdgt lt/tdgtlttdgt lt/tdgtlttdgt语文lt/tdgtlttdgt lt/tdgtlttdgt数学lt/tdgtlttdgt lt/tdgtlttdgt英语lt/tdgtlttdgt lt/tdgtlttdgt英语lt/tdgtlttdgt lt/tdgtlttdgt物理lt/tdgtlttdgt lt/tdgtlttdgt计算机lt/tdgtlttd rowspanquot2quotgt lt/tdgt rowspanquot2quotgt休息lt/tdgtlt/trgtlttr alignquotcenterquotgtlttdgt lt/tdgtlttdgt数学lt/tdgtlttdgt lt/tdgtlttdgt数学lt/tdgtlttdgt lt/tdgtlttdgt地理lt/tdgtlttdgt lt/tdgtlttdgt历史lt/tdgtlttdgt lt/tdgtlttdgt化学lt/tdgtlttdgt lt/tdgtlttdgt计算机lt/tdgtlt/trgtlt/tablegtlt/bodygtlt/htmlgt 无序列表ltulgtltligtlt/ligtlt/ulgt案例: :代码::ltul typequotcirclequotgtltligt lt/ligtltligt英雄lt/ligtltligt lt/ligtltligt精武门lt/ligtltligt lt/ligtltligt西游记lt/ligtlt/ulgt type 可以取 disc 、 circle 、 square 有序列表代码: :ltol typequotIquot gtltligt lt/ligtltligt卢俊义lt/ligtltligt lt/ligtltligt吴用lt/ligtltligt lt/ligtltligt林冲lt/ligtlt/olgt type 用于指定用什么来显示start 表示从第几开始计算. start . 6 讲 浮动窗口 表单及表单控件① 更新时间:2012 年 09 月 17 日 12 时 24 分 来源: :2012 : Frameset 框架集用途主要是用于分割显示多个页面 framest 和 frame 配合使用,一般讲是用于后台页面快速入门: :代码A2.html 页面用于保护其它页面ltframeset colsquot30quotgtltframe namequotframe1quotsrcquotb.htmlquot noresizeframeborderquot0quot/gtltframe namequotframe2quotsrcquotc.htmlquot frameborderquot0quot/gtlt/framesetgt 该页面不能有 body 和 body 体b.htmlltbodybgcolorquotpinkquotgtlt--target 表示我们点击后,目标指向谁--gt --gtltahrefquotzjl.htmlquot targetquotframe2quotgt lt/agtltbr/gt targetquotframe2quotgt周杰伦lt/agtltbr/gtltahrefquotqq.htmlquot targetquotframe2quotgt lt/agtltbr/gt targetquotframe2quotgt齐秦lt/agtltbr/gtlt/bodygt target 属性值有四个_blank : 表示打开一个全新的页面_self: 替换本页面_top:_parent: 还有一个就是在 target 值中直接写对应的那个 frame 的名字. .c.html:ltbodybgcolorquotsilverquotgt歌词大全lt/bodygt其它页面Frameset 的综合小案例: :结构示意图: :案例All.htmlltframesetrowsquot20quotgtltframesrcquottop.htmlquot scrollingquotnoquot/gtltframesetcolsquot20quotgtltframesrcquotleft.htmlquot noresize frameborderquot0quot /gtltframesrcquotright.htmlquot namequotmyframequotframeborderquot0quot/gtlt/framesetgtlt/framesetgtTop.htmlltimgsrcquottitle.JPGquot/gtLeft.htmlltbodybgcolorquotpinkquotgtltulgtltligtltahrefquotzjl.htmlquot targetquotmyframequotgt lt/agtlt/ligt targetquotmyframequotgt青花瓷lt/agtlt/ligtltligtltahrefquotqq.htmlquot targetquotmyframequotgt lt/agtlt/ligt targetquotmyframequotgt当兵的人lt/agtlt/ligtlt/ulgtlt/bodygtRight.htmlltbodybgcolorquotsilverquotgt歌词大全lt/bodygt晚上的练习: :1. 按照笔记走一遍2. 作业2.1 做一个自己的网页,显示自己的基本信息:姓名、性别等(注意使用文本格式标记,要做得好看啊),并显示自己的照片(图象的标记还记得吗?)2.2. 普通邮箱 Iframe 的使用 ltbodygt的页面嵌入另外一个页面,形成画中画的效果怎么处理-gtiframe有时我们需要,在一个含有ltbodygt ltbodygt -gtifram -gtiframe元素浮动窗口 入门案例Iframe.htmllthtmlgtltbodygtlth1gthelloworldlt/h1gtltahrefquothttp://www.taobao.com.cnquot targetquotiframe1quot gt连接到 taobaolt/Agtltbr/gtlta hrefquotkk.htmlquottargetquotiframe1quot gt连接到 kk.htmllt/Agtltbr/gtltiframe namequotiframe1quotsrcquothttp://www.baidu.comquot widthquot500pxquotheightquot400pxquot /gtltiframe srcquothttp://g.cnquotwidthquot400pxquot heightquot400pxquot /gtlt/bodygtlt/htmlgt 表单元素为什么需要 ?看一个图: :从上图可以看出, 我们需要把一些数据提交给服务器处理比如注册用户发帖…这样就需要使用到表 …单元素 常见 输入框、单选框、复选框、文本域、密码框、上传文件。