HTML Practical 4 | Web-Programming | WebDevs I CS

The Combine Website of all Practicals till 1 to 15 will upload Soon !!!






Practical 4


Table.HTML

<html>
<head>
<title>Table</title>
<style>
table,th,td{border:1px solid white; border-collapse:collapse }
td{color:white}
body{background-size:cover; background-attachment:fixed}</style>
</head>
<body>
<h1 Align="center">This is Table</h1>
<table >
<tr>
<th rowspan="10" width=30% style="background-color:lightblue"> DEPARTMENT </th>
</tr>
<tr>
<td rowspan="3" width=30% style="background-color:purple">SEM 1 </td>
<td> SUB A </td></tr>

<tr><td> SUB B </td></tr>
<tr><td> SUB C </td></tr>

<tr>
<td rowspan="3" width=30% style="background-color:purple">SEM 2 </td>
<td> SUB D </td></tr>

<tr><td> SUB E </td></tr>
<tr><td> SUB F </td></tr>

<tr>
<td rowspan="3" width=30% style="background-color:purple">SEM 3 </td>
<td> SUB G </td></tr>

<tr><td> SUB H </td></tr>
<tr><td> SUB I </td></tr>
</table>
</body>
</html>

Note:-

If you want to Add more Columns and Rows in the Table you can add by using tr and th tags.

Post a Comment

Previous Post Next Post