Scribd
Upload
13 views4 pages

Wt4

The document outlines a lab assignment focused on the use of table and div tags in HTML, specifically for creating a timetable and infrastructure layout. It includes code snippets for HTML structure, CSS styling, and the organization of various classes and facilities within a university. The document emphasizes the importance of proper formatting and styling in web development.

Uploaded by

Akashdeep Singh
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
13 views4 pages

Wt4

The document outlines a lab assignment focused on the use of table and div tags in HTML, specifically for creating a timetable and infrastructure layout. It includes code snippets for HTML structure, CSS styling, and the organization of various classes and facilities within a university. The document emphasizes the importance of proper formatting and styling in web development.

Uploaded by

Akashdeep Singh
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 4

‭8‬

‭ td></td>‬
<
‭Lab Assignment - 4‬ ‭<td></td>‬
‭Use of table and div tag in html page‬ ‭<td colspan="2">DS Lab (SAC-203)</td>‬
‭(timetable.html)‬ ‭<td>WT (SAC-204)</td>‬
‭<td>CSA (SAC-204)</td>‬
‭CODE :‬ ‭<td>DMS (SAC-204)</td>‬
‭ !DOCTYPE html>‬
< ‭<td>OOPC (SAC-204)</td>‬
‭<html lang="en">‬ ‭</tr>‬
‭<head>‬ ‭<tr>‬
‭<meta charset="UTF-8">‬ ‭<th>Thursday</th>‬
‭<meta name="viewport" content="width=device-width,‬ ‭<td></td>‬
‭initial-scale=1.0">‬ ‭<td></td>‬
‭<link rel="stylesheet" href="style.css">‬ ‭<td></td>‬
‭<title>Document</title>‬ ‭<td></td>‬
‭</head>‬ ‭<td>DBMS (SAC-204)</td>‬
‭<body>‬ ‭<td>WT (SAC-204)</td>‬
‭<div>‬ ‭<td>CSA (SAC-204)</td>‬
‭<h1 style="text-align: center;"><strong>Time Table (A3-‬ ‭<td>DS (SAC-204)</td>‬
‭G2)</strong></h1>‬ ‭</tr>‬
‭<table class="timetable">‬ ‭<tr>‬
‭<tr>‬ ‭<th>Friday</th>‬
‭<th style="background-color: rgb(142, 255,‬ ‭<td></td>‬
‭246);">Day/Period</th>‬ ‭<td></td>‬
‭<th>08:30 - 09:25</th>‬ ‭<td></td>‬
‭<th>09:30 - 10:25</th>‬ ‭<td></td>‬
‭<th>10:30 - 11:25</th>‬ ‭<td>DBMS (SAC-204)</td>‬
‭<th>11:30 - 12:25</th>‬ ‭<td>WT (SAC-204)</td>‬
‭<th>12:30 - 13:25</th>‬ ‭<td>CSA (SAC-204)</td>‬
‭<th>13:30 - 14:25</th>‬ ‭<td></td>‬
‭<th>14:30 - 15:25</th>‬ ‭</tr>‬
‭<th>15:30 - 16:25</th>‬ ‭</table>‬
‭<th>16:30 - 17:25</th>‬ ‭ /div>‬
<
‭</tr>‬
‭<tr>‬ ‭ /body>‬
<
‭<th>Monday</th>‬ ‭</html>‬
‭<td colspan="2">DBMS Lab (SAC-203)</td>‬
‭<td colspan="2">OOPC Lab (SAC-205)</td>‬
‭<td rowspan="5">LUNCH</td>‬ ‭(infrastructure_table.html)‬
‭<td>DS (SAC-204)</td>‬
‭<td>DBMS (SAC-204)</td>‬ ‭CODE :‬
‭<td>OOPC (SAC-204)</td>‬ ‭ !DOCTYPE html>‬
<
‭<td>DMS (SAC-204)</td>‬ ‭<html lang="en">‬
‭</tr>‬ ‭<head>‬
‭<tr>‬ ‭<meta charset="UTF-8">‬
‭<th>Tuesday</th>‬ ‭<meta name="viewport" content="width=device-width,‬
‭<td></td>‬ ‭initial-scale=1.0">‬
‭<td>CSA tut (SAC-203)</td>‬ ‭<link rel="stylesheet" href="style.css">‬
‭<td colspan="2">WT Lab (SAC-205)</td>‬ ‭<title>Document</title>‬
‭<td>CSA (SAC-204)</td>‬ ‭</head>‬
‭<td>DS (SAC-204)</td>‬ ‭<body>‬
‭<td>DBMS (SAC-204)</td>‬ ‭<div>‬
‭<td></td>‬ ‭<h1 style="text-align: center;"><strong>University‬
‭</tr>‬ ‭Infrastructure</strong></h1>‬
‭<tr>‬ ‭<table class="Infrastructure">‬
‭<th>Wednesday</th>‬ ‭<tr>‬
‭<th>Building</th>‬
‭9‬
‭ th>Facility</th>‬
< ‭ /div>‬
<
‭</tr>‬ ‭<div class="row">‬
‭<tr>‬ ‭<span class="column">Main Building</span>‬
‭<td>Main Building</td>‬ ‭<span class="column">Adminstrative offices, Labs,‬
‭<td>Adminstrative offices, Labs, Meeting halls</td>‬ ‭Meeting halls</span>‬
‭</tr>‬ ‭</div>‬
‭<tr>‬ ‭<div class="row">‬
‭<td>IT Building</td>‬ ‭<span class="column">IT Building</span>‬
‭<td>VCH, Computer labs</td>‬ ‭<span class="column">VCH, Computer labs</span>‬
‭</tr>‬ ‭</div>‬
‭<tr>‬ ‭<div class="row">‬
‭<td>SAC</td>‬ ‭<span class="column">SAC</span>‬
‭<td>Cafeteria, IT department, Clubs, Placement‬ ‭<span class="column">Cafeteria, IT department, Clubs,‬
‭Center</td>‬ ‭Placement Center</span>‬
‭</tr>‬ ‭</div>‬
‭<tr>‬ ‭<div class="row">‬
‭<td>Hostels</td>‬ ‭<span class="column">Hostels</span>‬
‭<td>Gaming Room, Reading Room, Garden,‬ ‭<span class="column">Gaming Room, Reading Room,‬
‭Mess</td>‬ ‭Garden, Mess</span>‬
‭</tr>‬ ‭</div>‬
‭<tr>‬ ‭<div class="row">‬
‭<td>Sports Complex</td>‬ ‭<span class="column">Sports Complex</span>‬
‭<td>Grounds, Courts, Sports Equipments, Indoor‬ ‭<span class="column">Grounds, Courts, Sports‬
‭Games</td>‬ ‭Equipments, Indoor Games</span>‬
‭</tr>‬ ‭</div>‬
‭<tr>‬ ‭<div class="row">‬
‭<td>Departments</td>‬ ‭<span class="column">Departments</span>‬
‭<td>AC Classrooms, Labs</td>‬ ‭<span class="column">AC Classrooms, Labs</span>‬
‭</tr>‬ ‭</div>‬
‭</table>‬ ‭</div>‬
‭</div>‬
‭ /body>‬
<
‭ /body>‬
< ‭</html>‬
‭</html>‬
‭_________________________________________________________‬
‭(style.css)‬

‭(infrastructure_div.html)‬
‭CODE :‬
‭.timetable{‬
‭CODE :‬ ‭margin: auto;‬
‭ !DOCTYPE html>‬
< ‭border-collapse: collapse;‬
‭<html lang="en">‬ ‭border: solid;‬
‭<head>‬ ‭border-width: 2px;‬
‭<meta charset="UTF-8">‬
‭<meta name="viewport" content="width=device-width,‬ ‭th,td{‬
‭initial-scale=1.0">‬ ‭border: 1px solid;‬
‭<link rel="stylesheet" href="style.css">‬ ‭border-color: black;‬
‭<title>Document</title>‬ ‭border-collapse: collapse;‬
‭</head>‬ ‭text-align: center;‬
‭<body>‬ ‭width: 50px;‬
‭<h1 style="text-align: center;"><strong>University‬ ‭height: 25px;‬
‭Infrastructure</strong></h1>‬ ‭}‬
‭<div class="infrastructure">‬ ‭th{‬
‭<div class="row">‬ ‭background-color:antiquewhite ;‬
‭<span class="column">Building</span>‬ ‭}‬
‭<span class="column">Facilities</span>‬
‭10‬
}‭ ‬ ‭}‬
‭.Infrastructure{‬
‭margin: auto;‬ ‭.infrastructure {‬
‭border-collapse: collapse;‬ ‭display: grid;‬
‭border: solid;‬ ‭grid-template-columns: repeat(2, 1fr);‬
‭border-width: 2px;‬ ‭gap: 0px;‬
‭}‬
‭th,td{‬ ‭.row {‬
‭border: 1px solid;‬ ‭display: contents;‬
‭border-color: black;‬ ‭}‬
‭border-collapse: collapse;‬ ‭.column {‬
‭text-align: center;‬ ‭border: 1px solid #000;‬
‭height: 25px;‬ ‭padding: 10px;‬
‭}‬ ‭background-color: #f4f4f4;‬
‭th{‬ ‭}‬
‭background-color:antiquewhite ;‬
‭}‬
‭11‬

You might also like