2014年HTML01.pptVIP

优尼克斯职业培训 史学武 2011年11月 第一章HTML基础 HTML语言 HTML概念(1) 网站的开发离不开网页，而网页的核心技术就是HTML语言 HTML的英文意思是：HyperText Markup Language的缩写，即超文本标记语言。是一种用来制作超文本文档的简单标记语言。用HTML编写的超文本文档称为HTML文档，它能独立于各种操作系统平台（如UNIX，WINDOWS等）。自1990年以来HTML就一直被用作World Wide Web 的信息表示语言，用于描述Homepage的格式设计和它与WWW上其它Homepage 的连结信息。使用HTML语言描述的文件，需要通过WWW浏览器显示出效果。 例子： marquee behavior = alternate font size=30 color=red/font /marquee HTML概念(2) 所谓超文本，因为它可以加入图片、声音、动画、影视等内容，因为它可以从一个文件跳转到另一个文件，与世界各地主机的文件连接。 　　我们在制作超文本文件时需要用到一些标签。 所谓标签，就是它采用了一系列的指令符号来控制输出的效果，这些指令符号用“标签名字　属性”来表示。 HTML规范与版本 IETF与W3C组织 IEFT：Internet Engineering Task Force ，Internet工程任务组。 W3C：World Wide Web Consortium，WWW联盟。 HTML版本 4.0.1 5.0 全局架构标签 一个网页文件中的标签有一定的组成结构，不能随意颠倒和错乱这种关系。 例子： HTML HEAD TITLE显示在浏览器左上方的标题 /TITLE /HEAD BODY bgcolor=red text=blue p红色背景、蓝色文本/p /BODY /HTML 架构标签： html/html head/head title/title body/body 文档类型定义 用Dreamweaver生成一个HTML文件，在开头处，有一个文档类型标签（＜！DOCTYPE＞），这是文档类型定义（Document Type Definition,DTD）标签。 　　该标签指定了另外一个称为HTML规范的定义文件，该文件中说明了一个网页文件所能使用的HTML标签及标签之间的嵌套关系。 　　文档类型定义标签就是指定了当前网页文件所使用的HTML语言的版本及定义该语言版本的规范文件的位置。 以下是一个典型的DTD的正确格式： ! DOCTYPE HTML PUBLIC 　“version name” “url” 例如： !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN /TR/html4/loose.dtd 注释与特殊字符 文档中的注释 !--注释内容-- 文档中的符号和特殊字符 HTML编码 显示或处理结果 lt; gt; amp; quot; “ reg; ? copy; ? trade; ? nbsp; 空格字符 格式标签 本节所讲的标签控制文本的显示。必须嵌套在body/body标签对之间。 　　 p/p br nobr/nobr blockquote/blockquote center/center marquee/marquee dl/dldt/dtdd/dd ol/olul/ulli/li pre/pre 文本标签 标题显示： h1/h1 ………. h6/h6 文本显示字体： b/b i/i u/u sub/sub sup/sup tt/tt cite/cite em/em strong/strong font/font 超链接标签（1） 超文本中的链接是其最重要的特性之一，使用者可以从一个页面直接跳转到其他的页面、图象或者服务器等网络资源 。它是当前网站及web应用如此成功的一个关键因素 超链接标签（2） 统一资源定位符(URL) 1、URL的定义与结构 在Internet上的任何可用资源，包括HTML网页文件、图像、影像、应用程序等，都有一个保证其单一的命名方案，称之为URL(统一资源定位符，Uniform Resource Locator的英文简写)。它提供了从Internet上访问资源的统一的方法和路径，用于表示Internet网络资源的访问地址。网页文件中的超链接必须指定所链接的资源的