Scribd
Upload
30 views3 pages

C SKILL 4th Practical...

The document outlines a practical assignment for creating a class timetable or marksheet using HTML table tags. It includes a description of various HTML table elements and provides a sample code for a marksheet displaying subjects, total marks, and obtained marks. The result confirms the successful creation of the table using the specified HTML tags.

Uploaded by

funlandtv8
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
30 views3 pages

C SKILL 4th Practical...

The document outlines a practical assignment for creating a class timetable or marksheet using HTML table tags. It includes a description of various HTML table elements and provides a sample code for a marksheet displaying subjects, total marks, and obtained marks. The result confirms the successful creation of the table using the specified HTML tags.

Uploaded by

funlandtv8
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/ 3

HVPM College of Engineering & Technology

Department of Computer Science & Engineering


C Skill Lab 2
Practical No. 4

Aim: Create your class Timetable/Mark sheet Table/ Daily Diet Table using table tag.(any one)

Software used :-

Theory:- Description about various table tag of HTML (table, tr, td, th etc.)with syntax.

Program Code:- Code for Creating class timetable using various table tag.
• HTML Code-
<html>
<head>
<title> HTML Table Example </title>
<style>
table{
border-collapse: collapse;
width; 100%;
}
th,td{
border: 1px Solid black;
padding: 8px;
}

th{
background-color: red;
}

td{
background-color: yellow;
}

td{
backgrund-color: blue;
}

</style>
</head>
<body>

<h2> Marksheet </h2>

Roll No. :- 04 Name :- Adarsh D. Makeshwar


<table>
<tr>
<th> Subject </th>
<th> Total Marks </th>
<th> Obtain Marks </th>
</tr>
<tr>
<td> English </td>
<td> 80 </td>
<td> 67 </td>
</tr>
<tr>
<td> Marathi </td>
<td> 80 </td>
<td>78 </td>
</tr>
<tr>
<td> Maths </td>
<td> 80 </td>
<td> 77 </td>
</tr>
<tr>
<td> Science </td>
<td> 80 </td>
<td> 56 </td>
</tr>
<tr>
<td> History </td>
<td> 80 </td>
<td> 54 </td>
</tr>

</table>
</body>
</html>

Roll No. :- 04 Name :- Adarsh D. Makeshwar


Output Screenshots:- SAMPLE OUTPUT-

Result:- Thus, we have created class timetable/Mark sheet Table/Daily Diet Table using HTML
table tags.

Roll No. :- 04 Name :- Adarsh D. Makeshwar

You might also like