www.baike369.com
百科369 > XML教程 > 在XML文档里插入图像

在XML文档里插入图像


在XML文档里插入图像

1. XML文档name.xml的源代码如下:

<?xml version="1.0" encoding="UTF-8" ?>
<?xml-stylesheet type="text/css" href="name.css" ?> 
<page>
  <logo />
  <paragraph>You should see an image above this paragraph, which was inserted 
   into the page using the background-image property in a CSS style
   sheet.</paragraph>
</page>

2. CSS样式表文件name.css的源代码如下:

logo {
  display:block;
  background-image:url("logo.gif");
  margin:5px; 
  width:155px;height:55px;}
page {
  display:block;
  padding:10px;
  color:#000000; background-color:#ffffff;
  border-style:solid; border-width:2px; border-color:#000000;}
paragraph {
  display:block;
  font-family:arial, verdana, sans-serif; font-size:20px;
  padding:20px;
  color:#000000; background-color:#FFFFFF;}

3. 在浏览器中显示name.xml文档的效果。如下图所示:

在XML文档里插入图像

这种方法在IE、Firefox和Opera等浏览器里都有效。但是,也存在一个问题,那就是在XML源文档里,必须把每个图像作为一个单独元素插入到结果文档里,此外,必须在CSS样式表文件里为每个元素(或图像)定义一个规则。

Copyright© 2011-2016 www.baike369.com All Rights Reserved