动态网页制作 第02讲HTML语言简介

网页设计与网站开发第二讲：HTML语言简介联系方式：[e-mail]网页的本质？•HTML是以SGML语言为基础的一个简化；•SGML语言的标准比较复杂，不宜被广泛应用；•有人把SGML译为:SoundsGreat,MaybeLater。也许你会疑惑,现在的DW功能那么强大,为什么还要学习HTML呢?•从专业角度来说，受到图形编辑工具（如DW）自身的约束，网页中将产生一些垃圾代码，这些垃圾代码将会增大网页体积，降低了网页的下载速度。•在很多时候，为了实现一些特殊的效果和进行灵活的控制，我们需要手动对HTML代码进行调整，这就需要我们对HTML要有一个基本的了解。•由于HTML是网页制作的标准语言，无论是什么样的网页制作工具，都可以直接以HTML的方式来制作网页。即使使用所见即所得的图形界面方式来制作网页，最后生成的其实都是HTML文件，所以说熟悉HTML是一种以不变应万变的网页制作方法。•并且HTML语言有时候可以实现所见即所得工具所不能实现的功能。不愿看那么烦琐的，那给你个简单的答案：“之所以学就肯定有用没用就肯定不会要你学的！”主要内容•HTML文档结构•HTML语法规则•HTML与XHTML主要内容•HTML文档结构•HTML语法规则•HTML与XHTMLHTML文档结构•一个简单的HTML文档!DOCTYPEHTMLPUBLIC-//W3C//DTDHTML4.01Transitional//ENhtmlheadmetahttp-equiv=Content-Typecontent=text/html;charset=gb2312/title第一个HTML文档/title/headbodyp你好，欢迎步入网页设计和Web开发之旅！/P/body/htmlHTML文档结构•HTML文档结构说明!DOCTYPE:注释，用于显示网页文档所用的HTML语言的精确版本号；HTML是一个有明确规范定义的语言，虽然浏览器能够处理某些不规范的HTML，但我们要尽量避免这么做，而应该确保全部HTML都是格式规范的。包括：标记的封闭，嵌套以及标记的正确使用。DTD:DocumentTypeDefnition文档类型定义；定义在文档中有效的元素、属性和元素之间的关系。可以看作元素间的约束或语法检查。HTML文档结构•HTML文档结构说明(续)DTD指明了在SGML(通用标记语言标准)中网页的语法；一份描述精确的HTMLDTD，一方面使HTML语言被计算机所阅读，另一方面帮助网页设计者使用正确的语法和HTML标记。目前有3类HTML文档类型：STRICT严格型；TRANSITIONAL过渡型；FRAMESET框架集型。HTML文档结构•HTML文档结构说明(续)html/htmlhead/headbody/body:指定网页文档的基本结构；title/title：文档的标题；meta/：元语言标记，指定关于文档的一般信息，如编码格式、索引关键字、作者信息、HTTP相应头信息等；p/p：段落标记。主要内容•HTML文档结构•HTML语法规则•HTML与XHTMLHTML语法规则•HTML语法HTML文档由许多标记(或元素)组成，标记的修饰由属性来完成。1、双标记语法：标记内容/标记2、单标记语法：标记最常用的单标记是br在XHTML语法中建议写成：br/3、标记属性语法标记属性1属性2属性3…例子：hrsize=3align=leftwidth=75%HTML语法规则•HTML语法(续)4、注释语句格式：!--注释文字--5、标记不区分大小写(unix下要区分)但是XHTML语法建议按照打印习惯进行大小写书写。6、HTML对单个的空白字符敏感：但是将多个连续的空白字符缩成一个空格来显示。HTML语法规则•HTML语法(续)7、HTML支持严格的内容模型例：input标记只能出现在form标记中；8、标记应该嵌套例：biiserrorastagscross/b/i;biisnoterrorsincetagsnest/i/b;9、动态脚本的嵌入：%……%主要内容•HTML文档结构•HTML语法规则•HTML与XHTMLHTML与XHTML•什么是XHTMLXHTML是HTML的新版本，由W3C组织在2000年1月发布；XHTML是使用XML对HTML进行改写的产物；XHTML的目的是改变HTML的发展方向，发挥其应有的作用。HTML与XHTML•一个XHTML文档实例!DOCTYPEHTMLPUBLIC-//W3C//DTDXHTML1.0Strict//EN与XHTML•XHTML规则XHTML语言的规则很重要，但是并不复杂，主要有以下8条：1、必须包含类型标识!DOCTYPE；2、必须包含成对的htmlheadbody标记；3、title必须在head最开始；4、属性取值必须放在引号内；HTML与XHTML•XHTML规则(续)5、标记必须正确嵌套；6、不再存在可选的结束标记，如p必须以/p结束；7、空标记也必须有结束标记；8、必须采用小写字母形式。HTML与XHTML•对HTML的误解1、HTML是一种所见即所得的设计语言；2、HTML是一种程序设计语言；3、HTML标准已经制定完成；4、HTML是完全标准化的。作业•结合你自己喜欢的网站，简单用文字描述你对网页设计的理解和认识？(字数不少于300字)•比较SGML、HTML、XHTML和XML的区别和联系？下一讲:HTML核心标记