HTML与XHTML基础剖析.pptVIP

项目二 HTML与XHTML基础 教学重点 1、HTML表单的应用； 2、升级到XTHML； 教学要求 1、了解HTML语言与高级语言（如VB、C等）的区别；识记网页常用标记及属性，如标题、字体、段落、图像、超链接、表格等； 2、熟练掌握HTML表单中各界面对象的标记符号和属性，如表单、文本域、列表域、复选框与单选钮、命令按钮等； 3、理解web标准，了解HTML升级到XHTML 教学内容 HTML（Hyper Text Markup Language 超文本标识语言） 是一种用来制作超文本文档的简单标记语言。 用HTML编写的超文本文档称为HTML文档。 一、HTML 文件结构 HTML HEAD title/title meta /HEAD BODY HTML 文件的正文 /BODY /HTML 二、HTML标记的特点 1）HTML是文本文件，标记符号均用括起来，大多数标记成对出现，结束标记多一个斜杠。 html.../html head.../head body.../body 2）标记拥有自己的属性。 font face=“宋体” size=4 color=”#FF0000” 清华大学/font 3）HTML标记可嵌套使用，不能交叉。 bdiv align=centerfont color=#FF00Active sever page/font div/b 4）少数标记是单独使用如：BR、HR 练习 编写一个网页，要求3秒钟后自动跳转到搜狐网站。 html head titlemy first page/title meta http-equiv=“refresh” content=“3; URL=” /head body p align=“center”三秒钟后本网页将自动跳转到搜狐首页/p /body /html body元素表明是HTML文档的主体部分。在body与/body之间，通常都会有很多其它元素；这些元素和元素属性构成HTML文档的主体部分。 在制作一般的页面过程中，经常使用的标签有一下几种。 超级链接可以指向E-mail地址 如：a href=“mailto:hyc@指向E-mail地址超级链接/a 超级链接可以指向页面内部链接（锚点链接） a name=aa a href=#aa指向本页面锚点aa的超级链接/a 12. HTML的其他常用标记 （1）嵌入多媒体文件 在网页中加入音乐、视频和动画等多媒体文件可以通过下面的方法来实现。 1）使用embed标记 格式： embed src=URL width=# height=# autostart=true|no loop=true hidden= true|no /embed 2）使用img标记 img标记除了前面讲的可以在网页中插入图形外，还可以实现对动画进行播放。此时的用法格式为： img dynsrc=URL start=fileopen|mouseover loop=# （2）播放背景音乐 在网页中还可以嵌入背景音乐，这种音乐以MIDI格式文件为主。若用户希望在浏览网页的同时播放背景音乐，可使用bgsound标记来实现。该标记一般放在HTML标记的head与head之间。其使用的格式为： bgsound src=URL loop＝# （3）创建滚动文字 在HTML页面中，可以实现如字幕一般的滚动文字或滚动图像的效果。要实现文字或图像的滚动效果，可使用marquee标记。其使用格式为： marquee direction=# behavior=# loop=# width=# height=# scrollamount=# scrolldelay=# bgcolor=#…/marquee 2.2 升级到XHTML XHTML是The Extensible HyperText Markup Language(可扩展超文本标识语言)的缩写。HTML是一种基本的WEB网页设计语言，XHTML是一个基于XML的置标语言，看起来与HTML有些相象，只有一些小的但重要的区别，XHTML就是一个扮演着类似HTML的角色的XML，所以，本质上说，XHTML是一个过渡技术，结合了部分XML的强大功能及大多数HTML的简单特性。 为什么要升级 随着互联网技术的发展，HTML已经不能适应越来越多的网络设备和应用的需要了，主要表现在以下几个方面： 手机、PDA、信息家电都不能直接显示HTML。 由于HTML代码不规范、臃肿，浏览器需要足够智能和庞大才能够正确显示HTML. 数据与表现混杂，这样页面要要改变显示，就必须重新制作HTML 因此