DHTML动态网页设计 作者 王愉 -HTML.pptVIP

《网页设计与技术基础》 王愉.2008.11 HTML 基础 I 基本概念 HTML： 超文本标记语言Hyper Text Markup Language。它不是象 C++ 和 Java 之类的程序语言，而是一种描述性语言，一种标记语言。 URL： 统一资源定位器Uniform Resource Locator。 协议名称 域名 子目录 网页文档 实例 http: // /direc /index.htm XML： 是可扩展标记语言eXtensible Markup Language的缩写，XML用来定义如何标记文本的一套规则，但并不描述如何显示文本。XML没有一套固定的标记，在XML中，程序员可以根据所需要的数据元素定义不同的标记。XML是区分大小写的，所有元素必须成对出现，所有属性值必须用英文引号括起来。XML文档只有一个根标记，其它标记嵌套其中，从而形成一棵标记树。 XHTML： 是可扩展超文本标记语言eXtensible Hypertext Markup Language的缩写，它建立在HTML4.0基础上并遵循XML规则，是HTML向XML过渡的标记语言。XHTML采用XML严谨的语法结构 打开Dreamweaver CS3，新建HTML文档 标准XHTML文档结构 W3C - World Wide Web Consortium 万维网联合会 DTD – Document Type Define 文档类型定义 xmlns - XHTML 命名空间， namespace 属性 内容、样式、行为分开 标准的XHTML 文档需要以DOCTYPE标记开始，通常有以下三种类型： （1） 过渡类型 基本格式： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd 说明： 使用过渡类型的XHTML文档，浏览器对XHTML的解析比较宽松，允许使用HTML4.01中的标记，但是要符合XHTML的语法。 （2） 严格类型 基本格式： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN /TR/xhtml1/DTD/xhtml1-strict.dtd 说明： 使用严格类型的XHTML文档，浏览器对XHTML的解析比较严格，不允许使用表现样式的元素和属性，提倡内容与样式分开。 （3） 框架类型 基本格式： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Frameset//EN /TR/xhtml1/DTD/xhtml1-frameset.dtd 说明： 如果文档使用了框架结构，就需要使用框架类型。 1.1 HTML 语法基础 1.1.1 HTML基本结构 1.1.2 HTML文档头和文档体的基本标记 html head /head body /body /html head头部标记 （1） title 标记 基本格式：title…/title （2） link 标记 Link元素定义当前页面和其它文件之间的关系。常用于外部层叠样式表（CSS文件）的链接。 基本格式： link rel=stylesheet href=mystyles.css type=text/css （3） meta 标记 META标记用于描述当前HTML页面的一些文档信息，例如字符编码、作者、版权、关键字、截止日期和页面刷新间隔等。 关键字 meta name=keywords content=yourkeyword1，yourkeyword2… 描述 meta name=description content=your homepages description 刷新 meta http-equiv=refresh content=timenum; URL=new.htm 编码 meta http-equiv=Content-Type content=text/html; charset=gb2312 作者 meta name=Author content= Author name 调用最新版 meta http-equiv=Pragma content=no-cache title?HEAD元素示例/title !－－网页标题?－－ meta?http－equiv=Content－Type?content=text/html;?charset=gb2312 !－－网页内容类型，TXT或HTML格式，编码方式为GB2312简体中文码?－－ meta name=keywords?