1)
<!DOCTYPE html>
<html>
<head>
<title>List of Java Books</title>
</head>
<body>
<h2>List of Java Books</h2>
<table border=”1”>
<tr>
<th>Book Title</th>
<th>Author</th>
<th>Book Price</th>
</tr>
<tr>
<td>Core Java</td>
<td>Cay Horstman</td>
<td>400 /-</td>
</tr>
<tr>
<td>Beginning Java</td>
<td>Ivar Horton</td>
<td>600 /-</td>
</tr>
<tr>
<td>Learning Java</td>
<td>Kishiri Shahana</td>
<td>400 /-</td>
</tr>
<tr>
<td>Java Core Book</td>
<td>John Killer</td>
<td>800 /-</td>
</tr>
</table>
</body>
</html>
2)
<ol>
<li>BSC IT</li>
<li>MSC IT
<ol type=”a”>
<li>Semester 1
<ul >
<li>Subject 1</li>
<li>Subject 2</li>
<li>Subject 3</li>
</ul>
</li>
<li>Semester 2</li>
<li>Semester 3</li>
</ol>
</li>
<li>BSC NT</li>
</ol>
4)
<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”UTF-8”>
<meta name=”viewport” content=”width=device-width, initial-
scale=1.0”>
<title>MCET College</title>
<style>
Body {
Font-family: Arial, sans-serif;
Background-color: #f4f4f4;
Margin: 0;
Padding: 0;
Header {
Background-color: #2c3e50;
Color: white;
Padding: 15px 0;
Text-align: center;
Nav {
Display: flex;
Justify-content: center;
Background-color: #34495e;
Nav a {
Color: white;
Padding: 14px 20px;
Text-decoration: none;
Text-transform: uppercase;
Font-size: 16px;
Nav a:hover {
Background-color: #2980b9;
Section {
Padding: 20px;
Text-align: center;
Footer {
Background-color: #2c3e50;
Color: white;
Text-align: center;
Padding: 10px 0;
Position: fixed;
Width: 100%;
Bottom: 0;
.container {
Max-width: 1200px;
Margin: 0 auto;
</style>
</head>
<body>
<header>
<h1>Welcome to MCET</h1>
<p>Murshidabad College of Engineering and Technology</p>
</header>
<nav>
<a href=”#”>Home</a>
<a href=”#”>About Us</a>
<a href=”#”>Departments</a>
<a href=”#”>Admissions</a>
<a href=”#”>Contact Us</a>
</nav>
<section class=”container”>
<h2>About MCET</h2>
<p>MCET is a premier institution providing high-quality education in
engineering and technology. We are committed to developing well-rounded
professionals who can contribute to society and excel in their careers.</p>
<h2>Departments</h2>
<ul>
<li>Computer Science Engineering</li>
<li>Mechanical Engineering</li>
<li>Electrical and Electronics Engineering</li>
<li>Civil Engineering</li>
<li>BCA<\li>
<li> BBA<\li>
</ul>
<h2>Admissions</h2>
<p>Admissions for the academic year 2024 are now open. For more
information, please visit our Admissions page or contact the admissions
office.</p>
</section>
<footer>
<p>© 2024 MCET College. All Rights Reserved. | Contact:
info@mcet.edu</p>
</footer>
</body>
</html>
5)
<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”UTF-8”>
<meta name=”viewport” content=”width=device-width, initial-
scale=1.0”>
<title>MCET College Overview</title>
<style>
Body {
Font-family: Arial, sans-serif;
Background-color: #f4f4f4;
Margin: 0;
Padding: 20px;
.container {
Background-color: #fff;
Border-radius: 8px;
Padding: 20px;
Max-width: 800px;
Margin: auto;
Box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
H1 {
Color: #333;
P{
Color: #555;
Line-height: 1.6;
A{
Color: #3498db;
Text-decoration: none;
A:hover {
Text-decoration: underline;
</style>
</head>
<body>
<div class=”container”>
<h1>Welcome to MCET College</h1>
<p>
MCET (Murshidabad college of Engineering Technology) is one of the
premier engineering colleges in West Bengal.
Established to promote academic excellence and leadership, the
college offers a range of undergraduate and postgraduate programs in
engineering, management, and applied sciences. With a strong emphasis on
research and development, MCET continues to contribute to technological
advancements and provide students with a comprehensive education.
</p>
<p>For more information, visit our official website:</p>
<p><a href=https://www.mcet.org.in/ target=”_blank”>MCET College
Website</a></p>
<h2>Affiliation with MAKAUT University</h2>
<p>
MCET is affiliated with the Maulana Abul Kalam Azad University of
Technology (MAKAUT), formerly known as WBUT. MAKAUT is a leading
technological university that oversees numerous engineering and technical
institutions across the state of West Bengal, ensuring quality education and
infrastructure.
</p>
<p>Learn more about MAKAUT at their official website:</p>
<p><a href=https://www.makautwb.ac.in target=”_blank”>MAKAUT
University Website</a></p>
</div>
</body>
</html>
6)
<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”UTF-8”>
<meta name=”viewport” content=”width=device-width, initial-
scale=1.0”>
<title>List Example</title>
</head>
<body>
<ol>
<li>Movies
<ol type=”I”>
<li>Nepali</li>
<li>Hindi</li>
<li>English</li>
</ol>
</li>
<li>Music</li>
<li>Travel</li>
<li>Reading</li>
<li>Social networking</li>
</ol>
</body>
</html>
7)
<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”UTF-8”>
<meta name=”viewport” content=”width=device-width, initial-
scale=1.0”>
<title>Table Example</title>
</head>
<body>
<table border=”1” cellpadding=”10” cellspacing=”0”>
<tr>
<th colspan=”3”>Internal Assignments</th>
</tr>
<tr>
<td>CA 1</td>
<td>CA 2</td>
<td>CA 3</td>
</tr>
<tr>
<td>CA 1 marks :</td>
<td>CA 2 marks :</td>
<td>CA 3 marks :</td>
</tr>
<tr>
<td colspan=”3”>Total Marks :</td>
</tr>
</table>
</body>
</html>
8)
<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”UTF-8”>
<meta name=”viewport” content=”width=device-width, initial-
scale=1.0”>
<title>BCA Student Details Form</title>
<style>
Body {
Font-family: Arial, sans-serif;
Margin: 20px;
}
.form-container {
Border: 1px solid black;
Padding: 20px;
Width: 300px;
Margin: 0 auto;
H2 {
Text-align: center;
Hr {
Border: 1px solid black;
Label {
Display: block;
Margin-bottom: 10px;
Margin-top: 10px;
Input[type=”text”], input[type=”date”], input[type=”email”],
input[type=”tel”] {
Width: 100%;
Padding: 5px;
Margin-bottom: 10px;
</style>
</head>
<body>
<div class=”form-container”>
<h2>BCA Student Details</h2>
<hr>
<form>
<label for=”name”>Name:</label>
<input type=”text” id=”name” name=”name” required>
<label for=”address”>Address:</label>
<input type=”text” id=”address” name=”address” required>
<label for=”dob”>DOB:</label>
<input type=”date” id=”dob” name=”dob” required>
<label for=”gender”>Gender:</label>
<input type=”text” id=”gender” name=”gender” required>
<label for=”caste”>Caste:</label>
<input type=”text” id=”caste” name=”caste” required>
<label for=”mobile”>Mobile No:</label>
<input type=”tel” id=”mobile” name=”mobile” required>
<label for=”email”>Mail ID:</label>
<input type=”email” id=”email” name=”email” required>
<input type=”submit” value=”Submit”>
</form>
</div>
</body>
</html>
9)
<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”UTF-8”>
<meta name=”viewport” content=”width=device-width, initial-
scale=1.0”>
<title>Class Time Table</title>
<style>
Body {
Font-family: Arial, sans-serif;
Margin: 20px;
Table {
Width: 100%;
Border-collapse: collapse;
Text-align: center;
Th, td {
Border: 1px solid black;
Padding: 10px;
}
Th {
Background-color: #f2f2f2;
H2 {
Text-align: center;
Margin-bottom: 20px;
</style>
</head>
<body>
<h2>Class Time Table (Monday to Friday)</h2>
<table>
<thead>
<tr>
<th>Time</th>
<th>Monday</th>
<th>Tuesday</th>
<th>Wednesday</th>
<th>Thursday</th>
<th>Friday</th>
</tr>
</thead>
<tbody>
<tr>
<td>11:15 – 12:00</td>
<td>Internet Technology</td>
<td>Numerical & Statistical Methods</td>
<td>Computer Networking</td>
<td>Minor Project</td>
<td>Internet Technology</td>
</tr>
<tr>
<td>12:00 – 12:45</td>
<td>Computer Networking</td>
<td>Minor Project</td>
<td>Numerical & Statistical Methods</td>
<td>Internet Technology</td>
<td>Minor Project</td>
</tr>
<tr>
<td>12:45 – 1:30</td>
<td>Numerical & Statistical Methods</td>
<td>Internet Technology</td>
<td>Minor Project</td>
<td>Computer Networking</td>
<td>Numerical & Statistical Methods</td>
</tr>
<tr>
<td>1:30 – 2:15</td>
<td colspan=”5”>Tiffin Break</td>
</tr>
<tr>
<td>2:15 – 3:00</td>
<td>Minor Project</td>
<td>Computer Networking</td>
<td>Internet Technology</td>
<td>Numerical & Statistical Methods</td>
<td>Computer Networking</td>
</tr>
<tr>
<td>3:00 – 3:45</td>
<td>Computer Networking</td>
<td>Internet Technology</td>
<td>Minor Project</td>
<td>Internet Technology</td>
<td>Minor Project</td>
</tr>
</tbody>
</table>
</body>
</html>
10)
<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”UTF-8”>
<meta name=”viewport” content=”width=device-width, initial-
scale=1.0”>
<title>Murshidabad Image Gallery</title>
<style>
Body {
Font-family: Arial, sans-serif;
Margin: 20px;
Text-align: center;
.gallery {
Display: flex;
Flex-wrap: wrap;
Justify-content: center;
.gallery-item {
Border: 1px solid #ddd;
Border-radius: 8px;
Margin: 10px;
Width: 300px;
Overflow: hidden;
.gallery-item img {
Width: 100%;
Height: auto;
.gallery-item p {
Padding: 10px;
Margin: 0;
H2 {
Margin-bottom: 20px;
</style>
</head>
<body>
<h2>Popular Places in Murshidabad</h2>
<div class=”gallery”>
<div class=”gallery-item”>
<img src=”path_to_image1.jpg” alt=”Hazarduari Palace”>
<p><strong>Hazarduari Palace</strong> - An exquisite palace built in
the 19th century with a thousand doors and a stunning collection of
artifacts.</p>
</div>
<div class=”gallery-item”>
<img src=”path_to_image2.jpg” alt=”Katra Masjid”>
<p><strong>Katra Masjid</strong> - An impressive mosque with
beautiful architecture, built during the 18th century.</p>
</div>
<div class=”gallery-item”>
<img src=”path_to_image3.jpg” alt=”Moti Jheel”>
<p><strong>Moti Jheel</strong> - A scenic water body known for its
tranquil surroundings and historical significance.</p>
</div>
<div class=”gallery-item”>
<img src=”path_to_image4.jpg” alt=”Chandramohan Palace”>
<p><strong>Chandramohan Palace</strong> - A majestic palace with
rich history and beautiful gardens.</p>
</div>
<div class=”gallery-item”>
<img src=”path_to_image5.jpg” alt=”Jahan Kosha Cannon”>
<p><strong>Jahan Kosha Cannon</strong> - A large cannon that
stands as a testament to the region’s historical military significance.</p>
</div>
</div>
</body>
</html>
11)
<!DOCTYPE html>
<html>
<body>
<table border=”1”>
<tr>
<td colspan=”2”>A</td>
<td colspan=”4”>B</td>
<td colspan=”2”>C</td>
<td colspan=”2”>D</td>
</tr>
<tr>
<td colspan=”8”></td>
<td colspan=”2”>F</td>
</tr>
<tr>
<td colspan=”8”></td>
<td colspan=”2”>G</td>
</tr>
<tr>
<td colspan=”4”>H</td>
<td colspan=”4”>J</td>
<td colspan=”2”>J</td>
</tr>
<tr>
<td colspan=”6”>K</td>
<td colspan=”4”>M</td>
</tr>
</table>
</body>
</html>
