Program 4 (a)

4. a)

Design an XML document to store information about a student in an engineering college affiliated to VTU. The information must include USN, Name, Name of the College, Brach, Year of Joining, and e-mail id. Make up sample data for 3 students. Create a CSS style sheet and use it to display the document.


4a.xml

<?xml version = "1.0"?>                                                                  
<?xml-stylesheet type = "text/css"  href = "4a.css" ?>

<students>
<h1> Student Information </h1>
<h3>Student 1</h3>

    <VTU>

       <label>USN: <usn> 1ST10IS501<br/> </usn></label><br/>

       <label>NAME: <name> ramesh </name></label><br/>

       <label>COLLEGE: <college> SAIT </college></label><br/>

       <label>BRANCH: <branch> ISE</branch></label><br/>

       <label>YEAR of JOINING:<YOJ> 2010 </YOJ></label><br/>

       <label>EMAIL: <email> ramesh@gmail.com </email></label><br/>

    </VTU>

 <h3>Student 2</h3>

    <VTU>

       <label>USN : <usn> 1ST10IS502</usn></label>

       <label>NAME: <name> suresh</name></label>

       <label>COLLEGE: <college> SAIT </college></label>

       <label>BRANCH: <branch> ISE </branch></label>

       <label>YEAR of JOINING: <YOJ> 2010 </YOJ></label>

       <label>EMAIL : <email> suresh@gmail.com</email></label>

    </VTU>

  <h3>Student 3</h3>

    <VTU>

       <label>USN :<usn>1ST10IS503</usn></label>

       <label>NAME <name> raghu </name></label>

       <label>COLLEGE: <college> SAIT</college></label>

       <label>BRANCH: <branch> ISE </branch></label>

       <label>YEAR of JOINING: <YOJ> 2010</YOJ></label>

       <label>EMAIL: <email> raghu@yahoo.com </email></label>

    </VTU>

   </students>

4a.css

usn {color:red; font-size:12pt;font-style:bold; margin-left: 15px;<br>;}

name {color:red; font-size:12pt; margin-left: 15px;}

college {color:red; font-size:12pt; margin-left: 15px;}

branch {color:red; font-size:12pt; margin-left: 15px;}

YOJ {color:red; font-size:12pt; margin-left: 15px;}

email {color:red; font-size:12pt; margin-left: 15px;}

h1 {color:red;font-size:18pt;}

h3 {display:block;color:blue;font-size:16pt;}