Create a XML file with Internal / External DTD and display it using a. CSS b. XSL
Practical No.6
Create a
XML file with Internal / External DTD and display it using
a. CSS
b. XSL
step 1:
Create css file with name (cssemployee.css)
employee
{
background-color: pink;
}
firstname,lastname,email
{
font-size:25px;
display:block;
color: blue;
margin-left: 50px;
}
Step 2:Create
xml file with name(data.xml)
<?xml
version="1.0"?>
<?xml-stylesheet
type="text/css" href="cssemployee.css"?>
<!DOCTYPE
employee SYSTEM "employee.dtd">
<employee>
<firstname>vimal</firstname>
<lastname>jaiswal</lastname>
<email>vimal@gmail.com</email>
</employee>
Step 3:Create
dtd file with name(employee.dtd)
<!ELEMENT employee
(firstname,lastname,email)>
<!ELEMENT firstname (#PCDATA)>
<!ELEMENT lastname (#PCDATA)>
<!ELEMENT email (#PCDATA)>
Note: Run only data.xml file
b) ****Create xml file****
<?xml version = "1.0"?>
<!--student4.xml for XSLT-->
<?xml-stylesheet type = "text/xsl" href =
"students.xsl"?>
<students>
<student>
<name>
<firstname> James </firstname>
<lastname> Smith </lastname>
</name>
<address>
<street> 101 South Street</street>
<city> Halifax </city>
<email> james@dal.ca </email>
<phone> 4940001 </phone>
</address>
</student>
<student>
<name>
<firstname> Tom </firstname>
<lastname> White </lastname>
</name>
<address>
<street> 202 Victoria Road </street>
<city> Dartmouth </city>
<email> tom@dal.ca</email>
<phone> 4940002 </phone>
</address>
</student>
</students>
Step2: Create
students.xsl file
<?xml
version ="1.0"?>
<!--students.xsl-->
<xsl:stylesheet
version = "1.0"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
xmlns="http://www.w3.org/TR/xhtml1/strict">
<xsl:template
match = "/">
<h2>
Student Record </h2>
<xsl:for-each
select="students/student">
<br/>
<span
style="font-weight:bold;color:red"> FirstName: </span>
<xsl:value-of
select="name/firstname" />
<span
style="font-weight:bold;color:red"> LastName: </span>
<xsl:value-of
select="name/lastname" /> <br/>
<span
style="font-weight:bold;color:green"> Street: </span>
<xsl:value-of
select="address/street" /> <br/>
<span
style="font-weight:bold;color:green"> City: </span>
<xsl:value-of
select="address/city" /> <br/>
<span
style="font-weight:bold;color:blue"> Email: </span>
<xsl:value-of
select="address/email" /> <br/>
<span
style="font-weight:bold;color:green"> Phone: </span>
<xsl:value-of
select="address/phone" /> <br/>
</xsl:for-each>
</xsl:template>
</xsl:stylesheet>
