XSL/XML网页制作入门，入门到精通

日期：2008年1月28日作者：查看:[大字体中字体小字体]

<resume>
<name>禹希初</name>
<sex>男</sex>
<birthday>1977.5</birthday>
<skill>数据库设计与维护、WEB开发</skill>
</resume>

此图片仅显示局部，请点击查看完整图片

上例在浏览器中的样子(IE5.0或更新版本)

说明：

　　version──规定了XML文档的版本，此处只能是1.0；

　　encoding── 此处规定了XML文档的编码类型，此处取值为"GB2312"，也就是"简体中文"。

　　对比两例，使用XML我们可以做到自定义标记，用标记表明内容的含义。这样在Internet上交流资料时，为用计算机处理文档提供了极大的方便，同时我们阅读源文件时也不会被一大堆格式弄得晕头转向。

　　然而，由于XML并没有为标记规定显示方式，如果我们在游览器中查看以上两个文档（建议使用IE5.0或更新版本），我们将看到xml文档并没有以诸如表格的方式来显示。难道我们就不能像HTML一样显示文档吗？回答是否定的。以个人简历为例，需要另建一个格式文件说明各个标记的显示方式，其内容如下（假设文件名为resume.css）：

程序代码:

resume{ display: block;}
name{ display: block; font-size:120%;}
sex{ display:block; text-indent:2em}
birthday{ display:block; text-indent:2em}
skill{ display:block; text-indent:2em}
resume{ display: block;}
name{ display: block; font-size:120%;}
sex{ display:block; text-indent:2em}
birthday{ display:block; text-indent:2em}
skill{ display:block; text-indent:2em}

说明：

　　以上均为CSS样式，建议读者参考有关资料熟悉CSS，在以后学习中必须用到，此处由于篇幅关系不作介绍。建立文件resume.css后，在个人简历.xml文件的第一行后添加以下文字：
程序代码:

<?xml:stylesheet type="text/css" href="http://www.zahui.com/html/12/resume.css"?>
<?xml:stylesheet type="text/css" href="resume.css"?>

此图片仅显示局部，请点击查看完整图片

说明：

　　此处表示引用一个外部CSS样式文件，其中type规定样式类型（可取值为text/css或text/xsl），href规定文件路径。

　　保存文件，再以IE5.0打开文件。怎么样？格式有些不一样吧。好象还不令人满意，文档内容是清晰了，但显示效果比HTML编写的文档就差得多了，XML编写的文档就只能以这种方式显示吗？！

提示：

　　1. 为了更好的理解与掌握XML，建议大家熟悉HTML 4.0与CSS 2.0语法；掌握JavaScript、VBscript中至少一种；编程经验、对数据库理论与SQL的了解均能使大家在学习XML时获益。

　　2. XML文档中标记必须成对出现，如果是空标记也必须有前加"/"的同名标记结束，或使用此种文式<xml_mark/>表示空标记。

　　3. XML以及下面将要介绍的XSL文档，属性值必须用双引号（"）或单引号（’）括起来。
上一页 [1] [2] [3] [4] [5] [6] [7] [8] [9] [10] [11] [12] [13] [14] [15] [16] [17] [18] [19] 下一页
XSL/XML网页制作入门，入门到精通相关文章：
·冰点还原精灵图文教程
·Excel XP函数实用教程精华集
·精彩推荐：全Flash网站制作实例
·精妙SQL语句收集
·人生格言精选大全
·Photoshop教你制作精美的包装盒
·苹果操作系统精选
·XSL/XML网页制作入门，入门到精通
·Flash制作过渡卷动效果精美图库特效
·丁香空结：用PS制作精美婚纱照片教程
XSL/XML网页制作入门，入门到精通相关软件
·ACDSee Pro V9.0 build 108 [0322] 汉化精装版
·电精2-守护将军
·《反恐精英CS1.6》完整安装版本
·反恐精英 CS 1.5 机器人补丁
·金山快译 V2007 绿色精简试用版
·电精1
·鼎点梦幻播放器 V4.0精简版
·古灵精怪(绝代双骄版)
·《太阁立志传5》精华修改器合集
·魔兽世界大元帅人类战士精彩PK视屏

上一篇:国外SEO相关论坛地址列表

下一篇:自适应图片大小的弹出窗口

特别声明：本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载，但请务必注明出处和原始作
者.文章版权归文章原始作者所有.对于被本站转载文章的个人和网站，我们表示深深的谢意。如果本站转
载的文章有版权问题请联系编辑人员,我们尽快予以更正. 转载请注明来源：http://www.hackhome.com

XSL/XML网页制作入门，入门到精通

精品推荐

热点TOP10

特别推荐