web基础知识-新课件.ppt

软件教研室 刘烁 Web原理基础知识 Internet 调制解调器 调制解调器 调制解调器 调制解调器 Internet上有什么 新闻组 邮件列表 搜索引擎 博客 播客 万维网 Internet从20世纪60年代早期就已经出现，但当时只有文字。 web由数十亿个单个页面（page）组成，这些页面会链接（linked）到其他页面，相关页面的集合叫网站。 每个网站都有主页（home page） 万维网 通过链接可以环游于各个页面之中，这些链接成为超文本（Hypetext） 浏览器 要访问web上的网页必须要按照浏览器软件。 浏览器并不相同 web地址或URL web上每个页面都有地址（adress），这个地址成为统一资源定位符（uniform resource locator，url） 网站完成后要把它发布（post）到服务器（Server）上，这是台特殊的计算机，它每天24小时与Internet链接。 万维网上所有的页面都存储至服务器上，总共有数百万台这样的服务器。 web地址或URL 拥有服务器并托管（hosting）网站的人会为你确定你的个人的url。 url是唯一的，一旦知道url就可以告诉其他人访问你的网站。 域名 域名剖析 地址中的细节 浏览器访问服务器上的网页 Web 服务器 客户端 HTTP协议 协议 用于访问 Web 上资源的一组规则 HTTP 是 Web 协议 站点地址或 URL HTML语言用于制作网页 浏览器访问服务器上的网页 Web 服务器 客户端 向服务器发送页面请求（request） Web 服务器处理请求并返回请求的页面（响应response） HTTP 负责请求和响应 HTML HTML 简介 超文本 提供链接到其他页面或同一页面的其他位置的文本 标记 可以用标签标记页面的不同部分以正确显示 语言 HTML 可用于： 控制页面和内容的外观 发布和检索联机文档 创建联机表单 插入诸如音频剪辑和视频剪辑等对象 HTML 文档示例 HTML HEAD TITLE学习 HTML/TITLE /HEAD BODY BGCOLOR = “LAVENDER” H1欢迎来到 HTML 世界/H1 /BODY /HTML HTML 代码 浏览器处理代码并进行显示 编辑器和浏览器 HTML HEAD TITLE学习 HTML/TITLE /HEAD BODY BGCOLOR = “LAVENDER” H1欢迎来到 HTML 世界/H1 /BODY /HTML HTML 代码 在编辑器中编写 HTML 代码 浏览器显示 HTML 文档/页面 编辑器 2-2 需要在编辑器中键入源代码 示例：DreamWeaver Macromedia Dreamweaver 是一种专业的 HTML 编辑器，用于设计、编码、开发网站、网页和强大的 Web 应用程序。 HTML 文档结构 HTML HEAD TITLE学习 HTML /TITLE /HEAD BODY /H1 欢迎来到 HTML 世界/H1 /BODY /HTML HTML 网页 头部部分 主体部分 HTML…/HTML标签标记 HTML 文档的开始和结束 这部分包括标题和其他说明信息。包括在 HEAD…/HEAD 标签内 这部分包含文本、图像和链接。它包括在 BODY…/BODY 标签内 HTML HEAD TITLE学习 HTML /TITLE /HEAD BODY BGCOLOR = lavender H1欢迎来到 HTML 世界/H1 /BODY /HTML HTML 标签 2-2 BODY BGCOLOR = “green” 标签 标识 BODY 元素 属性 提供有关元素的附加信息 值 分配给属性的内容 META 标签 2-1 META 标签是一个特殊的 HTML 标签，提供有关网页的信息，如作者姓名、公司名称和联系信息等 许多搜索引擎都使用 META 标签信息 例如，要将 Graham Browne 指定为作者，则使用以下 META 标签： META name = “作者 content = Graham Browne META 标签 2-2 http-equiv 属性可用来代替 META 标签中的 name 属性 META http-equiv = expires content = Wed, 26 Feb 1997 GMT 表示有效期：格林尼治标准时间 2005 年 9 月 12 日，星期一 14:25:27 META http-equiv=refresh content=“2 表示每隔2秒，自动刷新网页 演示：自动刷新的例子 HTML 基本元素 标题 段落 换行符 预先格式化 字符格式化 列表 水平线 字体 图像 特殊字