PHP从入门到精通_html+CSS笔记(1-22讲).doc

课程安排Html + css 四天u Html是什么1. html (hypertext mark-up language)是 超文本标记语言, 主要的用处是做网页, 可以在网页上显示 文字、图像、视频、声音 标记=元素 简单说明一下动态网页的示意图: u Html历史1999 html- xhtml (xhtml 可以理解成就是html的加强版) -xml |2008 html5.0u W3c的介绍是一个制定标准的组织 ( 比如 给 html ,xhtml ,css ,xml , wml制定标准) 不同的浏览器，去访问同一个网页，可能看到的效果是有差别!-hacku Html的运行原理Hello.htmlHtml的运行有两种方式Html文件的基本结构1.本地运行所谓本地运行就是直接用 浏览器打开2. 远程访问l 何为协议? 计算机互相通信(网络)的规则. ftp smtp pop http远程访问的原理示意图: 这里我们涉及到http协议，这里我们没有深入讲解， 但是这是一个非常重要的知识点.Html的基本结构内容 说明1. 标记通常是成对出现 2. 单标记 案例:Demo1.htm横看成林远近高低各不同不知庐山真面目面试: 请问 后缀 html 和 htm 有什么区别?答: 1. 如果一个网站有 index.html 和 index.htm 默认情况下，优先访问 .html3. htm 后缀是为了兼容以前的dos 系统 8.3的命名规范u html符号实体说明：当我们在网页中有一些特殊字符时候，可以考虑使用字符实体(char entity)超链接的案例:*连接到a.html跳转到百度联系管理员图片:u Html的表格元素l 在以前对网页布局要求不高的情况下，使用 table 布局(即使用表格来显示数据，同时用于布局)快速入门:1232453910 3910应用案例 ：1. 确定行代码 如下:!-!-tr表示一行1232453910 3910-菜谱素菜青草茄子花椒扁豆小炒韭菜白豆腐荤菜清蒸龙鱼香肉丝小炒肉 水煮肉片课堂练习:俺第一个实例成绩表项目上课休息星期星期一星期二星期三星期四星期五星期六星期日上午语文数学英语英语物理计算机休息数学数学地理历史化学计算机化学语文体育计算机英语计算机政治英语体育历史地理计算机1下午语文数学英语英语物理计算机休息数学数学地理历史化学计算机u 无序列表案例:代码:英雄精武门西游记 type 可以取 disc 、 circle 、 squareu 有序列表 代码:卢俊义吴用林冲 type用于指定用什么来显示, start 表示从第几开始计算.u Frameset框架集用途主要是用于分割显示多个页面 framest 和 frame 配合使用，一般讲是用于后台页面快速入门:中间的窗口分割线不能移动，把noresize 就能移动了。代码A2.html 页面用于保护其它页面 该页面不能有body和body体b.html周杰伦齐秦 target 属性值有四个_blank : 表示打开一个全新的页面_self: 替换本页面_top: _parent:* 还有一个就是在 target 值中直接写对应的那个 frame的名字.c.html:歌词大全其它页面Frameset的综合小案例:结构示意图:案例All.htmlTop.htmlLeft.html青花瓷当兵的人Right.html歌词大全晚上的练习:1. 按照笔记走一遍2. 作业2.1做一个自己的网页，显示自己的基本信息：姓名、性别等（注意使用文本格式标记，要做得好看啊），并显示自己的照片（图象的标记还记得吗？）2.2. 普通邮箱u Iframe的使用？ 有时我们需要，在一个含有的页面嵌入另外一个页面，形成画中画的效果,怎么处理-iframe元素(浮动窗口)入门案例Iframe.htmlhello,world连接到taobao连接到kk.htmlu 表单元素为什么需要 ？看一个图:客户端服务器. 星号*部分可以为GET,也可以是 POST 从上图可以看出，我们需要把一些数据提交给服务器处理,比如注册用户,发帖,这样就需要使用到表单元素( 常见 输入框、单选框、复选框、文本域、密码框、上传文件。)基本结构一般说，表单元素通常是被 包含起来的Abc:U:入门案例:Login.html登录页面用户名:密码:Ok.htmlOk,登录成功原理图:请考虑： 如果我们希望偷偷的提交数据,不要影响节目效果，可以考虑使用隐藏域案例代码:表单元素您最喜欢哪些城市:北京上海伦敦您的性别是:男女隐藏域的使用下拉列表请选择您的出生地:四川北京西藏上传文件课堂练习:u 多媒体我的电影网站!-u 照着html文档，我们对html在加强一把图像映射技术:案例:代码: 审核状态已经审核没有审核全部当日总结：1、可以用谷歌翻译功能 用英文定义变量名。显得正规。2、表单相同类型的名字要定义一样，不然就会出现问题。如下面的name sex 必须要一样，而不是sex1,sex2男女3、隐藏域的使用*隐藏(它的用处主要是，即可提交数据，同时不影响界面)4、表单的type name value 必须都要有才能服务器抓包完整和正常。最好英文定义。不要用汉字和阿拉伯数字。name不要用关键词男男 checked是默认选中的意思。下拉选项则用selected.文本框中幽默认文字分别采用请这里输入.5嵌入电影我的电影网站6、注释7、国标码是gb2312 或者gbk,编码专家们为了让网页具有更好的兼容性，设计一种码交utf-88/asni美国国家标准协会 其制定的一套码9/规定，我们的网页本身的编码应当与content-type指令的编码要一致。在另存为 选择编码的时候要注意。不乱代码在浏览器会出现乱码10/客户端图象映射图(Client Side Image Map)这个功能很有用。 在清华大学图书馆主页 图像类别有详细介绍11/表单的 一般用post,保密好。12、图片也可以做成跑马灯的效果13、框架没有笔记。重要的是target，主要用于后台的制作。在第五讲和第六讲有详细介绍。14、fieldset标签。 /tags/tag_fieldset.asp 就是出现一个圆角的圈将内容包起来。15、width=30px