HTML与XML实用技术综合设计报告

一、 编写一个HTML代码文件，和一个CSS代码文件，用CSS在htmll页面中实现图像滤镜效果，然后对主要代码含义进行说明，最后阐述一下CSS的意义和作用。

1、 HTML文件代码及相关说明：

2、 CSS文件代码及相关说明：

3、显示效果图：

4、CSS的意义和作用：

二、 下面是一个XML代码文件，编写它对应的DTD文件，并对代码进行简单说明，然后阐述一下DTD的意义和作用。
<?xml version="1.0" encoding="GB2312" ?>
<table>
    电脑装机店购货调查表
    <dl>
    <dt>好又多装机店购货清单</dt>
       <dd>P4 1.3GHz，散装，20颗</dd>
       <dd>华硕主板，精品，20张</dd>
    </dl>
    <dl>
    <dt>精品装机店购货清单</dt>
       <dd>P4 1.3GHz，散装，20颗</dd>
       <dd>P3 850MHz，盒装，15颗</dd>
       <dd>华硕主板，精品，20张</dd>
    </dl>
</table>

1、 DTD文件代码及相关说明：

2、DTD的意义和作用：

三、 下面是一个网上书屋的XML文件，编写TEST.XSL文件代码，在浏览器中显示书名的信息（如图所示），对XSL代码的含义进行简单说明，并阐述XSL与CSS的区别与联系。
<?xml version="1.0" encoding="gb2312" ?>
<?xml:stylesheet type="text/xsl" href="TEST.XSL" ?>
<网上书屋>
      <书籍>
          <书名>Java程序设计</书名>
          <作者>Thomas Schenk</作者>
          <出版社>机械工业出版社</出版社>
      </书籍>
      <书籍>
          <书名> C程序设计</书名>
          <作者>谭浩强</作者>
          <出版社>清华大学出版社</出版社>
      </书籍>
      <书籍>
          <书名>Red Hat Linux宝典</书名>
          <作者>Christopher Negus</作者>
          <出版社>电子工业出版社</出版社>
      </书籍>  
</网上书屋>

1、 TEST.XSL文件代码及相关说明：

2、XSL与CSS的区别与联系：