Prog 5

5. 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 3 students. Create a CSS style sheet and use it to display the document.

program5.xml

<?xml-stylesheet type="text/css" href="5.css" ?> <!DOCTYPE HTML> <html> <head> <h1>  STUDENTS DESCRIPTION </h1> </head> <students> <student>   <USN>USN         :   1RN07CS001</USN>   <name>NAME       :   SANTHOSH</name>   <college>COLLEGE :   RNSIT</college>   <branch>BRANCH   :   Computer Science and Engineering</branch>   <year>YEAR       :   2007</year>   <e-mail>E-Mail   :   santosh@gmail.com</e-mail> </student> <student>    <USN>USN         :   1RN07IS001</USN>   <name>NAME       :   MANORANJAN</name>   <college>COLLEGE :   RNSIT</college>   <branch>BRANCH   :   Information Science and Engineering</branch>   <year>YEAR       :   2007</year>   <e-mail>E-Mail   :   manoranjan@gmail.com</e-mail> </student>  <student>    <USN>USN         :   1RN07EC001</USN>   <name>NAME       :   CHETHAN</name>   <college>COLLEGE :   RNSIT</college>
 <branch>BRANCH   : Electronics and Communication Engineering </branch>   <year>YEAR       :   2007</year>   <e-mail>E-Mail   :   chethan@gmail.com</e-mail> </student> </students> </html>

program5.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; }

Comments

Post a Comment

Popular posts from this blog

PROG 6

6. Write a PHP program to keep track of the number of visitors visiting the web page and to display this count of visitors, with proper headings. program6.php <?php print "<h3> REFRESH PAGE </h3>"; $name="counter.txt"; $file = fopen($name,"r"); $hits= fscanf($file,"%d"); fclose($file); $hits[0]++; $file = fopen($name,"w"); fprintf($file,"%d",$hits[0]); fclose($file); print "Total number of views: ".$hits[0]; ?>
Read more

PROG 7

7. Write a PHP program to display a digital clock which displays the current time of the server. program7.php <!DOCTYPE HTML> <html> <head> <meta http-equiv="refresh" content="1"/> <style>  p {    color:white;    font-size:90px;    position: absolute;    top: 50%;    left: 50%;    transform: translate(-50%, -50%);   }   body{background-color:black;}  </style>  <p> <?php echo date(" h: i : s  A");?> </p> </head> <html>
Read more

PROG 2

2. Write a JavaScript that calculates the squares and cubes of the numbers from 0 to 10 and outputs HTML text that displays the resulting values in an HTML table format. program2.html <!DOCTYPE HTML> <html> <head> <style> table,tr, td { border: solid black; width: 33%; text-align: center; border-collapse: collapse; background-color:lightblue; } table { margin: auto; } </style> <script> document.write( "<table><tr><th colspan='3'> NUMBERS FROM 0 TO 10 WITH THEIR SQUARES AND CUBES </th></tr>" ); document.write( "<tr><td>Number</td><td>Square</td><td>Cube</td></tr>" ); for(var n=0; n<=10; n++) { document.write( "<tr><td>" + n + "</td><td>" + n*n + "</td><td>" + n*n*n + "</td></tr>" ) ; } document.write( "</table>" ) ...
Read more