Web Development Assignment
1. Design a homepage displaying information about your college department
<html>
<head><title>College Department</title></head>
<body>
<h1>Department of Computer Science</h1>
<p>Welcome to our department. We offer courses like BCA, MCA, and [Link] Computer Science.</p>
<p>© 2025 College Name</p>
</body>
</html>
2. Different types of list tags
<html>
<head><title>List Example</title></head>
<body>
<h2>Ordered List</h2>
<ol>
<li>BCA</li>
<li>MCA</li>
<li>[Link]</li>
</ol>
<h2>Unordered List</h2>
<ul>
<li>Web Development</li>
<li>Programming</li>
<li>Networking</li>
</ul>
<h2>Definition List</h2>
<dl>
<dt>HTML</dt>
<dd>HyperText Markup Language</dd>
<dt>CSS</dt>
<dd>Cascading Style Sheets</dd>
</dl>
</body>
</html>
3. Create webpages for clinic using marquee and formatting tags
<html>
<head><title>Clinic Page</title></head>
<body>
<marquee>Welcome to Health Care Clinic</marquee>
<h1>Our Services</h1>
<b>General Checkup</b><br>
<i>Dental Services</i><br>
<u>Eye Specialist</u>
Web Development Assignment
</body>
</html>
4. Create 3 hyperlinks connecting to 3 different pages
<html>
<head><title>Home Page</title></head>
<body>
<h1>Welcome</h1>
<a href="[Link]">About Us</a><br>
<a href="[Link]">Services</a><br>
<a href="[Link]">Contact Us</a>
</body>
</html>
5. Create 3 hyperlinks jumping to headings on same page
<html>
<head><title>Jump to Headings</title></head>
<body>
<h1>Links</h1>
<a href="#intro">Introduction</a><br>
<a href="#courses">Courses</a><br>
<a href="#contact">Contact</a>
<h2 id="intro">Introduction</h2>
<p>Welcome to our site.</p>
<h2 id="courses">Courses</h2>
<p>We offer BCA, MCA.</p>
<h2 id="contact">Contact</h2>
<p>Email: example@[Link]</p>
</body>
</html>
6. Insert images and iframe
<html>
<head><title>Image and Iframe</title></head>
<body>
<h1>Our Clinic</h1>
<img src="[Link]" width="300" height="200">
<h2>Our Location</h2>
<iframe src="[Link] width="300" height="200"></iframe>
</body>
</html>
Web Development Assignment
7. Design a page with image map
<html>
<head><title>Image Mapping</title></head>
<body>
<h1>Computer Diagram</h1>
<img src="[Link]" usemap="#compmap">
<map name="compmap">
<area shape="rect" coords="50,50,150,150" href="[Link]">
<area shape="rect" coords="200,50,300,150" href="[Link]">
<area shape="rect" coords="350,50,450,150" href="[Link]">
</map>
</body>
</html>
8. Create a web page with two frames
<html>
<head><title>Frames</title></head>
<frameset cols="30%,70%">
<frame src="[Link]">
<frame src="[Link]" name="content">
</frameset>
</html>
9. Design a timetable in tabular format
<html>
<head><title>Timetable</title></head>
<body>
<h1>My Timetable</h1>
<table border="1">
<tr><th>Day</th><th>9-10</th><th>10-11</th><th>11-12</th></tr>
<tr><td>Monday</td><td>Math</td><td>English</td><td>Physics</td></tr>
<tr><td>Tuesday</td><td>Computer</td><td>Chemistry</td><td>Biology</td></tr>
</table>
</body>
</html>
10. Demonstrate difference between GET and POST in form
<html>
<head><title>Form Example</title></head>
<body>
<h2>Form with GET</h2>
Web Development Assignment
<form method="get" action="[Link]">
Name: <input type="text" name="name"><br>
Password: <input type="password" name="pass"><br>
<input type="submit" value="Submit">
</form>
<h2>Form with POST</h2>
<form method="post" action="[Link]">
Name: <input type="text" name="name"><br>
Password: <input type="password" name="pass"><br>
<input type="submit" value="Submit">
</form>
</body>
</html>
