Web技术应用基础教材课程.ppt

第2篇 Web客户端程序设计基础;5.1 XML;XML与HTML的比较;XML文档的类型;良构的XML文档 范例 ?xml version=1.0 encoding=GB2312? resume nameMichael Guo/name sexMale/sex birthday1966.7/birthday skillComputer Graphics,Data mining,Teacher/skill /resume ;良构的XML文档必须符合以下规则; 有效的XML文档;内部DTD 范例resum-in.xml ?xml version=1.0 encoding=GB2312? !DOCTYPE resume[ !ELEMENT resume (name,sex,birthday,skill) !ELEMENT name (#PCDATA) !ELEMENT sex (#PCDATA) !ELEMENT birthday (#PCDATA) !ELEMENT skill (#PCDATA) ] resume nameMichael Guo/name sexMale/sex birthday1966.7/birthday skillComputer Graphics,Data mining,Teacher/skill /resume ;使用外部型DTD声明的XML文档 Resume-ex.xml ?xml version=1.0 encoding=GB2312? !DOCTYPE resume SYSTEM resume.dtd resume nameMichael Guo/name sexMale/sex birthday1966.7/birthday skillComputer Graphics,Data mining,Teacher/skill /resume ;XML文档的浏览;xml-css.xml ?xml version=1.0 encoding=GB2312? ?xml-stylesheet type=text/css href=mycss.css? resume nameMichael Guo/name sexMale/sex birthday1966.7/birthday skillComputer Graphics,Data mining,Teaching/skill /resume ;CSS;过程与步骤： 1.通过依次单击任务栏上的【开始】→【程序】→【附件】→【记事本】菜单命令打开记事本。 2．在记事本的编辑面板中输入以下代码，创建了使用样式的页面css1.htm： html head title样式表举例/title style type=text/css !-- h1{ font-size: 36px; font-family: 隶书; ; font-weight: bold; color: #993366; } -- /style /head body p style=color:#ff0000这段文字将显示为红色/p p style=color:#000000; background-color:yellow;这段文字的背景色为I黄色/I/p p style= font-family: 华文彩云; font-size:24px这段文字将以黑体显示/p ph1 align=center今天学习样式表的相关知识。/h1/p /body /html ;什么是CSS CSS(Cascading Style Sheet,层叠样式表)技术上一种格式化网页的标准方式，它扩展了HTML的功能，使网页设计者能够以更有效的方式设置网页格式。 特点： 可以实现网页结构与格式分离； 对网页布局、字体、背景和其它图文效果实现更加精确的控制； 更好的易用性和扩展性，可以单独以一个文件的形式出现。 ;CSS;2.CSS样式表定义;CSS样式语法规则;CSS样式语法规则;21;用户自定义类作为选择符 定义格式：选择符.类名selector.classname{ attributes1:values1;attributes2:values2;…}，例： span.blue{color:#0000FF} span.red{color:red} 应用样式时在对应的HTML标签中加入class属性，属性值为样式表的类名。例： p这是一个引用两个不同span样式的例子，span class=blue蓝色span/span与span class=red红色span/span/p ;CSS样式定义;CSS样式定义;CS