XHTML1.docx
- 文档编号:4389324
- 上传时间:2023-05-07
- 格式:DOCX
- 页数:16
- 大小:19.52KB
XHTML1.docx
《XHTML1.docx》由会员分享,可在线阅读,更多相关《XHTML1.docx(16页珍藏版)》请在冰点文库上搜索。
XHTML1
第一次
§1本课程概述:
本课程需要的支撑:
Java语言。
本课程涉及的知识如下:
●静态网页部分:
XHTML、CSS
●服务器代码部分:
JavaBean、Servlet、XLM等
●客户端代码部分:
JSP、JavaScript、Ajax等
●框架部分:
Struts2
●开发环境:
MyEclipse7.0(8.0)、JDK6
●Web服务器:
tomcat6
●数据库:
MySQL5.0、SQLServer2005等
§2HTML与XHTML
一、HTML
HTML—超文本标记语言,由W3C(http:
//www.w3.org)组织建立,每个标记都有自己的功能,用尖括号括起来,开始标记:
<标记名>,结束标记:
标记名>。
大部分标记成对出现,少部分标记不成对。
成对标记也叫“容器标记”。
例1-1:
头部信息保存文件的扩展名是“htm”或“html”
存在的问题:
1、HTML语法不严格规范,有成对的,有不成对的,允许大小写混用等。
2、当今网络和Web快速发展,HTML已经不能适应个人电脑以外的设备,如:
手机、PDA设备等。
所以,W3C又开发了XHTML——可扩展的HTML。
二、XHTML
XHTML是HTML的新版本。
XHTML中的X是指“XML”。
XML是W3C创建的“标记语言标准规范”,XML的语法严格,如:
标记必须成对出现;标记必须按树型嵌套;标记必须用小写。
XHTML1.0是结合了HTML和XML,允许少部分标记不成对,但是标记必须按树型嵌套;标记必须用小写。
在标记前必需有文件头信息
xml>语句和DTD语句等。
文件头信息是大小写混合的。
例1-2:
上述例子改为XHTML后,如下:
xmlversion="1.0"encoding="UTF-8"?
>
DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http:
//www.w3.org/TR/xhtml1/DTD/xhtml-transitional.dtd">
//www.w.org/1999/xhtml">
其中:
1、第一行以“
xml”开始,Version指XML的版本,目前只有1.0版;
2、encoding指文档的字符集编码,UTF-8是国际编码,包含大部分文字的编码,在国外地区,他电脑上的IE不用安装简体中文支持,也能正常浏览你的中文网页上的中文。
GBK(包含:
中、日、韩字符集)编码,如果他的IE不安装简体中文支持,打开你的网页看到的全是乱码。
GB2312是中国早期(1980)发布的汉字编码。
3、第二行以“
DOCTYPE”开始的是DTD(文档类型定义)信息,DTD用于识别文档里包含的XHTML的版本和类型。
浏览器和HTML代码校验器在处理网页的时候会用到DTD中的信息。
4、第三行是网页顶部,以“
5、其他部分与普通HTML格式类似。
§3XHTML的基本标记
●…:
告诉浏览器本文档是HTML文档。
●
…:文档的顶部信息。
●
在
之中,指明标题,标题显示在浏览器的顶行标题栏中。●:
在
之中,定义头元素信息(可缺省);用法:1、
//www......">让当前网页在8秒内跳转到URL指定网页。 00: 00GMT">指定网页到期时间,GMT是时间格式。 00: 00GMT">网页到期,则删除Cookie中保存的网页信息。 例1-3: xmlversion="1.0"encoding="UTF-8"? > DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http: //www.w3.org/TR/xhtml1/DTD/xhtml-transitional.dtd"> //www.w.org/1999/xhtml"> 五秒后自动加载“yahoo”网站! 2、Name属性: 为搜索引擎所用,一些搜索引擎使用这个属性按关键字搜索网页。 ●
文档的主体部分。
●黑体字号
…
黑体1号字…
黑体2号字…
黑体3号字…
黑体4号字…
黑体5号字…
黑体6号字●
…
段落标记,标记中的文字是一个自然段。● 一个英文字符的空格
●
换行标记
例1-4:
段落
xmlversion="1.0"encoding="UTF-8"?
>
DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http:
//www.w3.org/TR/xhtml1/DTD/xhtml-transitional.dtd">
//www.w.org/1999/xhtml">
小明,你好:
你只要精通"HTML&ASP完美的演绎"这本书,保证
你成为互动网页制作高手。
学业进步
例1-5:
段落(自然段)
xmlversion="1.0"encoding="UTF-8"?
>
DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http:
//www.w3.org/TR/xhtml1/DTD/xhtml-transitional.dtd">
//www.w.org/1999/xhtml">
小明,你好:
你只要精通"HTML&ASP完美的演绎"这本书,保证
你成为互动网页制作高手。
祝
学业进步
小华敬上
●列表标记
1、定义列表:
- …… 要定义的术语
- …… 术语的解释,另起一行,并且缩进
例1-6:
定义列表
xmlversion="1.0"encoding="UTF-8"?
>
DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http:
//www.w3.org/TR/xhtml1/DTD/xhtml-transitional.dtd">
//www.w.org/1999/xhtml">
- 树木
- 属于植物
- 老虎
- 属于动物
2、有序列表:
序号类型有:
"1"数字
"A"大写字母
"a"小写字母
"I"大写罗马数字
"i"小写罗马数字
3、无序列表:
符号类型有:
"disc"圆点
"square"方点
"circle"空心圆点
例1-7:
有序列表
xmlversion="1.0"encoding="UTF-8"?
>
DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http:
//www.w3.org/TR/xhtml1/DTD/xhtml-transitional.dtd">
//www.w.org/1999/xhtml">
程序设计系列:
多媒体系列: