DW-第9章HTML基础.pptx

第9章网页制作HTML5基础主讲：孙洪娟本章任务目标9.1了解www服务器基本概念9.2 HTML 概念9.3 HTML 文档基本结构9.4 HTML 标记9.1WWW服务的基本概念WWW是World Wide Web的缩写，简称为Web（万维网）。 WWW起源于1989年3月，是由欧洲粒子物理实验室CERN (the European Laboratory for Particle Physics)开发的主从结构分布式（“客户机/服务器”模式）超文本系统。 是以超文本标记语言（HTML,HyperText Markup Language）与超文本传输协议（HTTP，Hyper Text Transfer Protocol)为基础，提供面向Internet服务、具有一致的用户界面的信息浏览系统。1992年1月, Web的第一个版本在瑞士日内瓦问世 。同年12月发布的HTML4.0.1版本。9.1.1 WWW服务的特点 WWW是一个全球性的信息系统，使计算机能够在Internet上相互传送基于超媒体的数据信息。 WWW也可以用来建立Intranet（企业内部网）的信息系统。 WWW具有三个统一： 1.统一的资源命名方式：URL（统一资源定位符，即网址）。 2.统一的资源访问方式：HTTP （超文本传输协议）。 3.统一的信息组织方式：HTML（超文本标记语言）。9.1.2 WWW服务的常用术语1. URL（统一资源定位符）Internet中使用URL(Uniform Resource Locators)来定位信息资源所在位置。URL格式由三部分组成，描述了浏览器检索资源所用的协议、资源所在计算机的主机地址及资源的路径与文件名。标准的URL如下：　/index.html 表示用户要连接到名为的主机上，采用http方式读取名为index.html的超文本文件。 URL通过访问类型来表示访问方式或使用协议。常用的类型有：Web pages http: // Ftp Servers ftp: // Telnet telnet:// File file://9.1.3 Web的特点和结构 静态网页是从放置到服务器以后，直到发送给浏览器不会发生更改的网页，通常用HTML语言编写其代码，保存为.html或.htm文件。 动态网页是在发送到浏览器之前由应用程序服务器修改的网页。9.2 HTML5基本概念HTML 超文本标记语言(HyperText Markup Language)是制作超文本文档 的标记语言，由多种标记组成，标记不区分大小写，大部分标记是成对出现的。用HTML编写的超文本文档称为HTML文档，即保存为HTML文件 扩展名.html 。它能在各种浏览器上独立运行。 HTML包括一些定义页面内容和格式的符号，称为标记。它能够将文本、图像、声音和动画结合在一个网页文档中。这些文档可以通过Web浏览器显示，还可以通过超链接以访问其它的信息资源。 后来，进一步推出了XML（扩展标记语言），该语言可以由程序员自己定义标记。 9.3 HTML5文档基础结构 在一个HTML文档中，必须包含html/html标记，并且放在一个HTML文档中的开始和结束位置。即每个文档以html开始，以/html结束。html/html之间通常包含两个部分，分别是head/head和body/body，head标记包含HTML头部信息，如文档标题、样式定义等。Body包含文档主体部分（网页内容）。需要注意的是，HTML标记不区分大小写。9.3 HTML5文档基础结构为了便于读者从整体把握HTML文档结构，通过一个HTML页面来介绍其整体结构，示例代码如下：!doctype htmlhtmlheadmeta charset=utf-8title无标题文档/title/headbody/body/html9.4 HTML主体标记从上面的代码可以看出，一个基于HTML文档由以下几个部分构成：html head title欢迎进入HTML世界/title /head body p体验网页的魅力！/p /body/htmlHTML 部分文档头部分正文部分9.4 HTML 5文档基础结构!doctype 声明必须位于HTML5文档中的第一行。也就是位于html标记之前。该标记告诉浏览器文档所使用的HTML规范。 html/html说明本页面使用HTML语言编写，使浏览器软件能够准确无误地解释、显示。head/head是HTML的头部标记，头部信息不显示在网页中，此标记可以保护其中的其他标记，它用于说明文件标题和整个文件的一些公用属性，可以通过style标记定义css样式表，通