第3章 HTML语言2010.ppt

第3章 HTML语言 超文本置标语言（英文：HyperText Markup Language，简称为HTML）是为「网页创建和其它可在网页浏览器中看到的信息」设计的一种置标语言。 HTML被用来结构化信息——例如标题、段落和列表等等，也可用来在一定程度上描述文档的外观和语义。 由蒂姆·伯纳斯-李给出原始定义，由IETF用简化的SGML（标准通用置标语言）语法进行进一步发展的HTML，后来成为国际标准，由万维网联盟（W3C）维护。 3.1 HTML概述 3.1.1 HTML的发展历程 1．HTML的发展历史 1982 年，Tim Berners-Lee 为使世界各地的物理學家能夠方便的進行合作研究，建立了使用于其系统的 HTML。 Tim Berners-Lee 设计的 HTML 以纯文字格式为基础，可以使用任何文字编辑器处理，最初仅有少量标記（TAG）而易于掌握运用。 随着 HTML 使用率的增加，人們不滿足只能看到文字。 1993 年，还是大学生的 Marc Andreessen 在他的 Mosaic 浏览器加入 img 标记，从此可以在 Web 頁面上浏览图片。但人們认为仅有图片还是不够，希望可将任何形式的媒体加到网頁上。因此 HTML 不断地扩充和发展。 2. HTML的版本发展 超文本置标语言(第一版)—在1993年6月作为互联网工程工作小组 (IETF)工作草案发布（并非标准）. HTML 2.0—1995年11月作为RFC 1866发布 HTML 3.2—1996年1月14日，W3C推荐标准 HTML 4.0—1997年12月18日，W3C推荐标准 HTML 4.01—1999年12月24日，W3C推荐标准 3. HTML的未来 美国麻省理工学院计算机科学实验室的WWW标准化组织W3C，其英特网地址为： 4. 学习HTML的意义 手工编写HTML文件，所建立的网页具有以下优点： （1）浏览器解释效率高； （2）格式漂亮； （3）无任何垃圾代码产生，加快了网页的传输 速度。 3.1.2 一个简单的HTML实例 【例3-1】 用HTML 制作一个简单的网页。 1）用任何文本编辑器（Windows 的记事本、写字板，Microsoft Word，专业的文本编辑器等）输入下列文本： HTML HEAD TITLE一个简单的HTML示例/TITLE /HEAD BODY P align=“CENTER”FONT size=“7” color=“#0000FF”枫桥夜泊 /FONT/P P align=“CENTER”FONT size=“5” color=“#0000FF”张继 /FONT/P P align=“CENTER”FONT size=“6” color=“#0000FF”月落乌啼 霜满天/FONT/P P align=CENTERFONT size=6 color=#0000FF江枫渔火对愁眠/FONT/P P align=CENTERFONT size=6 color=#0000FF姑苏城外寒山寺/FONT/P P align=CENTERFONT size=6 color=#0000FF夜半钟声到客船/FONT/P /BODY /HTML （2）以纯文本格式保存为EXAMPLE3-1.HTML文件。 （3）启动浏览器，打开该文件或在地址栏中直接输入存放该文件的地址如E：\网页设计与制作教程\EXAMPLES\EXAMPLES3-1.HTML，就会看到如图3-1所示的画面。其中E：\网页设计与制作教程\EXAMPLES\为文件所在的路径，EXAMPLES3-1.HTML为用HTML编写的网页文件名。 图3-1 一个简单的网页 3.1.3 HTML的基本概念 1．标记 在HTML中用于描述功能的符号称为“标记”，它是用来控制文字、图像等显示方式的符号。标记在使