0% found this document useful (0 votes)
14 views4 pages

Program

The document contains three HTML programs: the first prints 'Hello' in a simple webpage, the second creates a class timetable using a table structure, and the third designs a college webpage with sections for courses, departments, faculties, and library information, utilizing list and anchor tags for navigation. Each program is accompanied by its corresponding output format. The examples demonstrate basic HTML structure and styling.

Uploaded by

chamangautam.cse
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
14 views4 pages

Program

The document contains three HTML programs: the first prints 'Hello' in a simple webpage, the second creates a class timetable using a table structure, and the third designs a college webpage with sections for courses, departments, faculties, and library information, utilizing list and anchor tags for navigation. Each program is accompanied by its corresponding output format. The examples demonstrate basic HTML structure and styling.

Uploaded by

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

Program

[Link] a program to print hello in html.


<!DOCTYPE html>
<html>
<head>
<title>Hello Program</title>
</head>
<body>
<h1>Hello</h1>
</body>
</html>.
Output:
-------------------------
| |
| Hello |
| |
-------------------------
[Link] your class time table using table tab.
<!DOCTYPE html>
<html>
<head>
<title>Class Time Table</title>
<style>
table {
border-collapse: collapse;
width: 80%;
text-align: center;
}
th, td {
border: 2px solid black;
padding: 10px;
}
th {
background-color: lightgray;
}
</style>
</head>
<body>
<h2>My Class Time Table</h2>
<table>
<tr>
<th>Day</th>
<th>9-10</th>
<th>10-11</th>
<th>11-12</th>
<th>12-1</th>
<th>2-3</th>
</tr>
<tr>
<td>Monday</td>
<td>Math</td>
<td>English</td>
<td>Science</td>
<td>Break</td>
<td>Computer</td>
</tr>
<tr>
<td>Tuesday</td>
<td>Science</td>
<td>Math</td>
<td>English</td>
<td>Break</td>
<td>Sports</td>
</tr>
<tr>
<td>Wednesday</td>
<td>English</td>
<td>Computer</td>
<td>Math</td>
<td>Break</td>
<td>Science</td>
</tr>
<tr>
<td>Thursday</td>
<td>Math</td>
<td>Science</td>
<td>Computer</td>
<td>Break</td>
<td>English</td>
</tr>
<tr>
<td>Friday</td>
<td>Computer</td>
<td>Math</td>
<td>Science</td>
<td>Break</td>
<td>Games</td>
</tr>
</table>
</body>
</html>.
Output:
My Class Time Table

-------------------------------------------------------------
| Day | 9-10 | 10-11 | 11-12 | 12-1 | 2-3 |
-------------------------------------------------------------
| Monday | Math | Eng | Sci |Break | Computer |
| Tuesday | Sci | Math | Eng |Break | Sports |
| Wednesday| Eng | Comp | Math |Break | Sci |
| Thursday | Math | Sci | Comp |Break | Eng |
| Friday | Comp | Math | Sci |Break | Games |
-------------------------------------------------------------
[Link] a web page for your college containing a description of courses, departments, faculties, library,
etc. using list tags, href tags, and anchor tags.
<!DOCTYPE html>
<html>
<head>
<title>My College</title>
</head>
<body>
<h1 id="top">Welcome to My College</h1>
<!-- Navigation Links -->
<h3>Quick Links</h3>
<ul>
<li><a href="#courses">Courses</a></li>
<li><a href="#departments">Departments</a></li>
<li><a href="#faculties">Faculties</a></li>
<li><a href="#library">Library</a></li>
</ul>
<hr>
<!-- Courses Section -->
<h2 id="courses">Courses Offered</h2>
<ol>
<li>Bachelor of Science ([Link])</li>
<li>Bachelor of Commerce ([Link])</li>
<li>Bachelor of Arts (B.A)</li>
<li>Computer Science Engineering</li>
</ol>
<a href="#top">Go to Top</a>
<hr>
<!-- Departments Section -->
<h2 id="departments">Departments</h2>
<ul>
<li>Computer Science Department</li>
<li>Commerce Department</li>
<li>Arts Department</li>
<li>Science Department</li>
</ul>
<a href="#top">Go to Top</a>
<hr>
<!-- Faculties Section -->
<h2 id="faculties">Faculties</h2>
<ul>
<li>Dr. Sharma - Computer Science</li>
<li>Prof. Gupta - Commerce</li>
<li>Dr. Singh - Science</li>
<li>Ms. Verma - Arts</li>
</ul>
<a href="#top">Go to Top</a>
<hr>
<!-- Library Section -->
<h2 id="library">Library</h2>
<p>
Our college library contains thousands of books, journals, and digital resources.
Students can access study materials, newspapers, and online learning platforms.
</p>
<ul>
<li>Reading Room</li>
<li>Digital Library</li>
<li>Reference Section</li>
</ul>
<a href="#top">Go to Top</a>
<hr>
<!-- External Link -->
<h3>Visit Official Website</h3>
<a href="[Link] target="_blank">Go to College Website</a>
</body>
</html>
Output:
Welcome to My College
Quick Links
• Courses
• Departments
• Faculties
• Library
-------------------------------------
Courses Offered
1. Bachelor of Science ([Link])
2. Bachelor of Commerce ([Link])
3. Bachelor of Arts (B.A)
4. Computer Science Engineering
[Go to Top]
-------------------------------------
Departments
• Computer Science Department
• Commerce Department
• Arts Department
• Science Department
[Go to Top]
-------------------------------------
Faculties
• Dr. Sharma - Computer Science
• Prof. Gupta - Commerce
• Dr. Singh - Science
• Ms. Verma - Arts
[Go to Top]
-------------------------------------
Library
Our college library contains thousands of books, journals, and digital resources.
• Reading Room
• Digital Library
• Reference Section
[Go to Top]
-------------------------------------
Visit Official Website
Go to College Website

You might also like