information about a student in XML

15CSL77
WEB TECHNOLOGY LABORATORY WITH MINI PROJECT

Program

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

Basic concept

We can include the external CSS file in XML in this way

<?xml-stylesheet type="text/css" href="6.css" ?>

information about a student in XML code

<?xml-stylesheet type="text/css" href="6.css" ?>
<!DOCTYPE HTML>
<html>
<head>
<h1>
 STUDENTS DESCRIPTION </h1>
</head>
<students>
<student>
<usn>USN : 1CG15CS001</USN>
<name>NAME : SANTHOS</name>
<college>COLLEGE : CIT</college>
<branch>BRANCH : Computer Science and Engineering</branch>
<year>YEAR : 2015</year>
<e-mail>E-Mail : santosh@gmail.com</e-mail>
</student>
<student>
<usn>USN : 1CG15IS002</USN>
<name>NAME : MANORANJAN</name>
<college>COLLEGE : CITIT</college>
<branch>BRANCH : Information Science and Engineering</branch>
<year>YEAR : 2015</year>
<e-mail>E-Mail : manoranjan@gmail.com</e-mail>
</student>
<student>
<usn>USN : 1CG15EC101</USN>
<name>NAME : CHETHAN</name>
<college>COLLEGE : CITIT</college>
<branch>BRANCH : Electronics and Communication Engineering
</branch>
<year>YEAR : 2015</year>
<e-mail>E-Mail : chethan@gmail.com</e-mail>
</student>
</students>
</html>

CSS code 6.css

student{
display:block; margin-top:10px; color:Navy;
}
USN{
display:block; margin-left:10px;font-size:14pt; color:Red;
}
name{display:block; margin-left:20px;font-size:14pt; color:Blue;
}
college{
display:block; margin-left:20px;font-size:12pt; color:Maroon;
}
branch{
display:block; margin-left:20px;font-size:12pt; color:Purple;
}
year{
display:block; margin-left:20px;font-size:14pt; color:Green;
}
e-mail{
display:block; margin-left:20px;font-size:12pt; color:Blue;
}

information about a student in XML

information about a student in XML

15CSL77
WEB TECHNOLOGY LABORATORY WITH MINI PROJECT

Program

Basic concept

information about a student in XML code

CSS code 6.css

Output:

information about a student in XML Video Tutorial

You May Also Like

No comments:

Categories

Popular Posts

Tags

information about a student in XML

information about a student in XML

15CSL77WEB TECHNOLOGY LABORATORY WITH MINI PROJECT

Program

Basic concept

information about a student in XML code

CSS code 6.css

Output:

information about a student in XML Video Tutorial

You May Also Like

No comments:

Categories

Popular Posts

Tags

15CSL77
WEB TECHNOLOGY LABORATORY WITH MINI PROJECT