Nov 1, 2019

HTML lab work Exercises: 4

4) Design a page to display the information in table format. Display the list of colleges offering
    B.Sc. Computer Science along with the details College Name, Address, Contact no. Address
    column will consist of sub columns as House Name, Post, City and pin code.
    (Purpose: - Introduction of table tags along with the sub columns and other supportive tags
    like caption, cell spacing, cell padding etc.)


<!DOCTYPE html>
<html>
<head>
<title>BCA</title>
</head>
<body>

<h1 align="center"><font color = "green">DEPT. OF COMPUTER APPLICATION</font></h1>
<h2 align="center"><font color = "green">MAR DIONYSIUS COLLEGE</font></h2>
<h2 align="center"><font color = "green">PAZHANJI</font></h2>

<center><img src="COMPUTER.jpg" alt="description" width="30%"></center>

<p align="justify"><strong></b>
                           Computer Application is one of the thrust areas in Science and
                           technology. In appreciation of its growing importance in business
                           and the industrial scenario,the University established a Department 
                           of Computer Applications to facilitate research and human resources
                           development in the subject. The Department offers Bachelors' programme
                           in Computer Applications (B.C.A)</strong></p>

<table border="1" style="margin: auto;" cellpadding="10"; cellspacing="5">
 <caption><b>List of colleges offering B.C.A Programme</b></caption>
<tr>
  <th rowspan="2">Name of College</td>
  <th Colspan="3">Address</td>
  <th rowspan="2">Contact No.</td>
 </tr>

<tr>
  <th>Post</td>
  <th>City</td>
  <th>PIN</td> 
 </tr>

<tr>
  <td>MD College</td>
  <td>Pazhanji</td>
  <td>Aruvai</td>
  <td>680542</td>
  <td>04885276797</td>
 </tr>

<tr>
  <td>St. Mary's College</td>
  <td>Thrissur</td>
  <td>Thrissur</td>
  <td>680001</td>
  <td>04885275869</td>
 </tr>

<tr>
  <td>LF College</td>
  <td>Guruvayur</td>
  <td>Mammiyur</td>
  <td>680503</td>
  <td>04885279767</td>
 </tr>

<tr>
  <td>ICA College</td>
  <td>Vadakkekad</td>
  <td>Althara</td>
  <td>680542</td>
  <td>04885225544</td>
 </tr>

 </table>

<br>

</body>
</html>

Output screenshot





No comments:

Post a Comment