第3讲HTML基础(τ)总结 武汉大学web程序设计二、HTML(上)
武汉大学 web程序设计 二、HTML（上） 1 第3讲 HTML基础（下） 总结
浏览WwW World wide Web简称WWW,也称万维网 网页(Web页):浏览器中所看到的画面 Web站点:多个相关的Web页组合 web服务器:放置Web站点的计算机 網易 NETEASE 派回首页焦点新闻网 wwW:163·c。m 网易社区 网上口对口,从此有对手! Nw13c。m HTML文在 新闻影视体育电脑生活程学赌经文化游戏房产玄性 新闻首页国际新闻国内新闻社会新体育新闻财经新闻娱乐新耳 用ASP构建你的网站新闻发布(一) 武汉大学web程序设计二、HIML(上)
武汉大学 web程序设计 二、HTML（上） 2 浏览WWW ❖ World Wide Web简称WWW，也称万维网。 网页(Web页)： 浏览器中所看到的画面 Web站点： 多个相关的Web页组合 Web服务器：放置Web站点的计算机 HTML文件
什么是URL? 统一资源定位规范URL Uniform Resource locator 定位资源信息 URL结构:协议类型、存放资源的主机地址、端口、路径、文件名 http://www.cctv.com8080/special/index.htm 协议类型主机地址 路径网页文件 2WW服务的默认端口是多少? 武汉大学web程序设计二、HIML(上)
武汉大学 web程序设计 二、HTML（上） 3 什么是URL？ URL结构：协议类型、存放资源的主机地址、端口、路径、文件名 统一资源定位规范 URL Uniform Resource Locator 定位资源信息 http://www.cctv.com:8080/special/index.htm 协议类型 主机地址 端口号 路径 网页文件 WWW服务的默认端口是多少？
WWw服务的工作原理 Internet 网页存放在WEB服务器中 用户通过浏览器向服务器发 出请求 htm文件 其他信息资源 服务器如接受请求,返回某 个页面给客户 html文件 WWW服务器 浏览器收到页面后解释、显 小 HTP协议 WWW服务器 透明访问所 v HTML(Hypertext Markup 链接的信息 language)超文本标记语 http(hYperTexTTransfer WWW客户机 Protocol)超文本传输协议 武汉大学web程序设计二、HIML(上)
武汉大学 web程序设计 二、HTML（上） 4 WWW服务的工作原理 网页存放在WEB服务器中 用户通过浏览器向服务器发 出请求 服务器如接受请求，返回某 个页面给客户 浏览器收到页面后解释、显 示 ✓ HTML（Hypertext Markup language）超文本标记语言 ✓ HTTP（Hypertext Transfer Protocol）超文本传输协议
内容提要 全局结构 二、文字(Font 图像( Image) 四、链接(1ink) 五、表格( Table) 表单(Form) 武汉大学web程序设计二、HIML(上)
武汉大学 web程序设计 二、HTML（上） 5 一、全局结构 二、文字（Font） 三、图像（Image） 四、链接（link） 五、表格（Table） 六、表单（Form） 内容提要
全局结构 HTML的组成结构(头部和身体—好像人一样) 1、头部。 头部的内容页面内容把他们给包起来 武汉大学web程序设计二、HIML(上)
武汉大学 web程序设计 二、HTML（上） 6 一、全局结构 HTML的组成结构（头部和身体---好像人一样) ◼ 1、头部。 头部的内容 ◼ 2、身体。 页面内容 最后，别忘了把这些部分组成一体----网页，所 以咱们就用把他们给包起来
例1: sample21htm ttfe武汉大学 庆祝武汉大学建校110周年! 武汉大学web程序设计二、HIML(上)
武汉大学 web程序设计 二、HTML（上） 7 例1:sample2_1.htm 武汉大学 庆祝武汉大学建校110周年 !
meta标签 根据HTML语言标准注释:meta标签是对网站发 展非常重要的标签,它可以用于鉴别作者,设 定页面格式,标注内容提要和关键字,以及刷 新页面等等。 meta标签分两大部分: Http-eqUmv和NAME 变量 武汉大学web程序设计二、HIML(上)
武汉大学 web程序设计 二、HTML（上） 8 meta标签 ◼ 根据HTML语言标准注释：meta标签是对网站发 展非常重要的标签，它可以用于鉴别作者，设 定页面格式，标注内容提要和关键字，以及刷 新页面等等。 ◼ meta标签分两大部分：HTTP-EQUIV和NAME 变量
Http-eqUⅣ类似于HTTP的头部协议,它回应给浏览器一些有用的 信息,以帮助正确和精确地显示网页内容。常用的HTTP-EQUⅣ类 型有 1 expires(期限) 说明:可以用于设定网页的到期时间。一旦网页过期,必须到服务器上重新调阅。用 ie: 2 Pragma(cach模式 说明:禁止浏览器从本地机缓存调阅页面内容,访问者将无法脱机浏览. Aie: 3 Refresh(刷新 说明:需要定时让网页自动链接到其它网页的话,就用这句了 用法 4 Window-target(显示窗口的设定) 说明:强制页面在当前窗口以独立页面显示。 用法: 5 Content-Type(显示字符集的设定) 说明:设定页面使用的字符集 Hie:metahttp-equiv="content-type"content="text/html;charset=gb2312> 武汉大学web程序设计二、HIML(上)
武汉大学 web程序设计 二、HTML（上） 9 ◼ HTTP-EQUIV类似于HTTP的头部协议，它回应给浏览器一些有用的 信息，以帮助正确和精确地显示网页内容。常用的HTTP-EQUIV类 型有： 1.expires(期限) 说明：可以用于设定网页的到期时间。一旦网页过期，必须到服务器上重新调阅。用 法： 2.Pragma(cach模式) 说明：禁止浏览器从本地机缓存调阅页面内容,访问者将无法脱机浏览. 用法： 3.Refresh(刷新) 说明：需要定时让网页自动链接到其它网页的话，就用这句了。 用法： 4.Window-target(显示窗口的设定) 说明：强制页面在当前窗口以独立页面显示。 用法： 5.Content-Type(显示字符集的设定) 说明：设定页面使用的字符集。 用法：
meta标签 ■meta标签的NAME变量语法格式是 其中主要有下面几种参数: 1K 武汉大学web程序设计二、HIML(上) 10
武汉大学 web程序设计 二、HTML（上） 10 meta标签 ◼ meta标签的NAME变量语法格式是： ◼ ◼ 其中xxx主要有下面几种参数： ◼ 1.Keywords(关键字) ◼ 说明：keywords用来告诉搜索引擎你网页的关键 字是什么。 ◼ 举例：