Global GuideLine Home HTML Tutorial JavaScript Tutorial SQL Tutorial CSS Tutorial SEO Tutorial XML Tutorial XSLT Tutorial Articles Tutorial Interview Questions and Answers Guide Jobs GuideLine Bookmark With Google Bookmark With Yahoo Bookmark With FaceBook Bookmark With Live Follow @GlobalGuideLine on Twitter Bookmark Global GuideLine
XML with CSS, XML Tutorial, Global Guideline

Bookmark this webpage. Bookmark: XML with CSS, XML Tutorial Global Guideline is UNITED STATES's favorite website


      Home                    

Basic XML Guide.       
 XML Introduction.       
 XML Tags Guide.       
 XML Attributes.           
 XML Syntax Guide.    
 XML Compilation.      
 XML Execution.          
 XML with CSS.
 XML with XSL.            
 XML Data Island.        
 XML Professional.       
 XML with JavaScript. 
 XML Namespaces.      
 XML CDATA.              
 XML Editors.               
 XML Summary.           

XML Tutorial >> XML with CSS.


     Back             Next     



Here in this section of XML Tutorial we will learn how to display an XML document like web page and for this requirement we will use CSS (Cascading Style Sheets).  With CSS we can guide web browser how to display XML document.

How to use CSS with XML?

Now it is possible to use CSS for the formation of an XML document. Just like in HTML we will add the CSS reference in XML document on top and after that we will start root.  On execution of XML document web browser when read the CSS reference then web browser will transform the entire XML document with CSS.  

Example of XML Transformation using CSS.

<?xml version="1.0" encoding="ISO-8859-15"?>
<?xml-stylesheet type="text/css" href="employees.css"?>
  <globalGuideLine>
     <employee>
       <FirstName>Austin</FirstName>
       <LastName>Hennery</LastName>
       <gender>m</gender>
     </employee>
     <employee>
       <FirstName>Angela</FirstName>
       <LastName>Julie</LastName>
       <gender>f</gender>
     </employee>
     .......
     .......
     .......
     .......
  </globalGuideLine>

Sources of XML and CSS Transformation Example

Now give attention to the XML of above employees here.  That was final touch step on simple raw XML here with out CSS.  The main controller for this raw XML in to well formatted output is the employees CSS document.


     Back             Next     
 
In order to link this page as Reference, click on below text area and pres (CTRL-C) to copy the code in clipboard or pres right click then copy the following lines after that past into your website or Blog.

Get Reference Link To This Page: (copy below code by (CTRL-C) and paste into your website or Blog)
HTML Rendering of above code:

[ About ] [ Contact ] [ Home ]
[ Links ] [ Site Map ] [ Services ] [ Privacy ]

Copyright © 2005-2006 www.globalguideline.com All rights reserved. Join Global Guide Line community. 490 visitors are online now