ex03_web-design's Introduction

Ex.03 Slot Time Table

AIM

To create slot time table.

ALGORITHM

STEP-1

Open notepad and type the HTML code.

STEP-2

Insert the college logo using <img> tag.

STEP-3

Use the <table> tag with proper cell spacing and cell padding.

STEP-4

Give your name and register number as table title using <caption> tag.

STEP-5

Enter the slot times and days as table header using <th> tag.

STEP-6

Type the subjects in the respective slots using <tr> and <td> tags.

STEP-7

Open the file in a browser and verify the output.

CODE

<html>
<head>
<title> Time Table </title>
</head>
<body>
<img src= "C:\html\saveetha logo.jpg" height="90" width="1000">
<h1 id="desi">
Saveetha Engineering College
</h1>
<table class="tab" border="2" >
<tr>
<th> S.No </th>
<th> Code </th>
<th> Subject </th>
</tr>
<tr>
<td> 1 </td>
<td> 19CS307 </td>
<td> Web Designing and Internet App </td>
</tr>
<tr>
<td> 2 </td>
<td> 19EY702 </td>
<td> Creative Skills </td>
</tr>
<tr>
<td> 3 </td>
<td> 19AG201 </td>
<td> Principle Of Agronomy </td>
</tr>
<tr>
<td> 4 </td>
<td> 19AG304 </td>
<td> Theory of Machines </td>
</tr>
<tr>
<td> 5 </td>
<td> 19AG306 </td>
<td> Surveying and Levelling </td>
</tr>
<tr> 
<td> 6 </td>
<td> 19AG310 </td>
<td> Engineering Mechanics </td>
</tr>
</table>
</body>
</html>