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>
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;}
No comments:
Post a Comment