《HTML_Chapter1.ppt》由会员分享,可在线阅读,更多相关《HTML_Chapter1.ppt(26页珍藏版)》请在人人文库网上搜索。
1、1、 HTML语言基础,客户端 服务器模型,客户端向服务器发出请求 服务器处理请求并将响应发送给客户端,网 络,请求,响应,浏览器 - 服务器模型,它是基于 Web 的服务器模型 浏览器通过 Internet 将请求发送给 Web 服务器 Web 服务器对请求进行处理,并将响应送回到浏览器,请求,响应,响应,请求,课程目标,目标,什么是Internet和万维网(www)? 什么是网站?什么是网页? 如何创建网站,网页? 什么是标记及其属性? 如何创建超级链接?,HTML语言的起源,Tim Burners-Lee,1990年,HTML语言同World Wide Web一起诞生于瑞士日内瓦的CER。
2、N。,1991年,Tim BernersLee在CERN定义了HTML语言的第一个规范,作为World Wide Web的一个组成部分。,1994年底,正式公布HTML 2.0规范,1995年,HTML 2.0正式固定下来,形成了正式的Internet标准,即RFC 1866,Tim Burners-Lee,HTML语言发展和演变,HTML语言发展和演变,为了逐步向XML过度,W3C组织采用XML语法重新修订了HTML语言,从而发布了更加规范化更加严谨的XHTML语言.,什么是HTML语言,Internet和万维网(www),超文本传输协议HTTP 定义:网络传输协议 作用:发布和接收Html。
3、页面 统一资源定位符URL 定义:网页地址 格式:协议:/域名:端口号/文件名.文件后缀 :80/index.html,什么是网站?什么是网页?,什么是网页? 定义:构成网站的基本元素 格式:分为静态网页和动态网页 静态网页文件扩展名为.html或.htm 动态网页文件扩展名为.jsp或.aspx .asp等 什么是网站? 实例:新浪,网易 定义:展示特定内容的相关网页的集合,静态网页和动态网页,静态网页 不能互动交流 手动修改 开发成本低,维护成本高 动态网页 交互性 自动更新 因人因时而变,如何上网?,网络的工作原理,客户端,向服务器发送页面请求,Web 服务器处理请求并返回请求的页面,H。
4、TTP 负责请求和响应,如何上网?,Web 服务器,客户端,HTTP协议,协议 用于访问 Web 上资源的一组规则 HTTP 是 Web 协议,站点地址或 URL,HTML语言用于制作网页,WEB的工作原理,网页制作者(WEB程序员),网页代码的语言规范:HTML,WEB网页纯文本*.HTM,服务器 存放网页,上传或拷贝,浏览者,浏览器,客户端,请求,响应,HTML源代码,浏览者看到的网页画面,翻译解释,http协议,如何创建网页,网页的基本结构 网页以开始结束 两个主要的结构:head首部,body主体, ,如何创建网页,网页的头部 结构: 内容:, , CSS, Javascript 网页。
5、的主体 结构: 内容:包含网页中显示的文本、图像和链接等, , 欢迎来到中软国际 . . , , 欢迎来到中软国际 ,什么是标记及其属性?,什么是标记? 定义:Html命令称为标记(标签) 作用:用于控制Html文档的内容和外观 分类:单独标签:, 成对标签: 标记的属性 作用:修饰或进一步制定信息。 如颜色,对齐方式,高度,宽度等,标签,属性,属性值, 学习 HTML 欢迎来到 HTML 世界 ,标签及其属性,标签 属性 bgcolor=“” 种方法获取颜色值 属性 background=“” 相对路径、绝对路径 标签 属性 align=“” 取值范围(left,right,center) 。
6、标签 ,路径,相对路径 由当前文件所在的路径引起的跟其它文件(或文件夹)的路径关系 范例: web/article/01.htm 绝对路径 目标文件的完整路径 范例: 物理路径 物理路径指的是某一台计算机本地的路径 范例:C:Webindex.html,标签及其属性,标签 作用:显示图片 属性 src=“” (相对路径,绝对路径) 属性 align=“” 取值范围(left,right; top,middle,bottom) 属性 alt=“” 标签 作用:超级链接 属性 href=“”,标签及其属性,锚记 页内链接 链接到另一网页的锚记 Html语言注释 ,总 结,了解internet , 万维网 熟悉网页的基本组成结构 标记及其属性的构成 段落标记,图片标记,超级链接标记 相对路径,绝对路径,物理路径,作 业,要求建立站点,站点命名为班级名称 个人简历: 网页1: 1:个人图片 2: 个人基本情况介绍(性别,年龄,姓名等等) 网页2: 1:个人学习经历介绍 2: 个人工作经验介绍 要求 用到段落标记进行排版,图片标记 从网页1中能链接到网页2的链接,作 业,个人简历 姓名:* 性别: * 年龄:* 。 其他信息 1 自我介绍 2 工作简历 3 家庭成员,自我介绍 * * * 工作简历 1* 2* 3* 家庭成员 父亲:* 母亲:。