IT in HTML FILE FOR MBA 2nd sem Students

rishabh210001 0 views 50 slides Sep 22, 2025
Slide 1
Slide 1 of 50
Slide 1
1
Slide 2
2
Slide 3
3
Slide 4
4
Slide 5
5
Slide 6
6
Slide 7
7
Slide 8
8
Slide 9
9
Slide 10
10
Slide 11
11
Slide 12
12
Slide 13
13
Slide 14
14
Slide 15
15
Slide 16
16
Slide 17
17
Slide 18
18
Slide 19
19
Slide 20
20
Slide 21
21
Slide 22
22
Slide 23
23
Slide 24
24
Slide 25
25
Slide 26
26
Slide 27
27
Slide 28
28
Slide 29
29
Slide 30
30
Slide 31
31
Slide 32
32
Slide 33
33
Slide 34
34
Slide 35
35
Slide 36
36
Slide 37
37
Slide 38
38
Slide 39
39
Slide 40
40
Slide 41
41
Slide 42
42
Slide 43
43
Slide 44
44
Slide 45
45
Slide 46
46
Slide 47
47
Slide 48
48
Slide 49
49
Slide 50
50

About This Presentation

IT in HTML FILE FOR MBA 2nd sem Students


Slide Content

ASSIGNMENT- 1
WAP in HTML to display your name in bold, your course in underline
and your goal in italics.
<html>
<head>
<title>My Information</title>
</head>
<body>
<p><b>Name:</b> <b>Keshav Mittal</b></p>
<p><u>Course: MASTER OF BUISNESS ADMINSTRATION</u></p>
<p><i>Goal: To become a successful BUISNESSMEN</i></p>
</body>
</html>
OUTPUT:
Keshav Mittal MBA 2
nd
SEM 1

ASSIGNMENT- 2
WAP in HTML to implement your name, course and goal in left align.
<html>
<head>
<title>My Info Left Aligned</title>
</head>
<body>
<div style="text-align: left;">
<p><b>Name:</b> Keshav Mittal</p>
<p><b>Course:</b> Master of Buisness Adminstration</p>
<p><b>Goal:</b> To become a successful Buisnessmen</p>
</div>
</body>
</html>
OUTPUT:
Keshav Mittal MBA 2
nd
SEM 2

ASSIGNMENT- 3
WAP to implement main course and goal in right align.
<html>
<head>
<title>Right Aligned Course and Goal</title>
</head>
<body>
<div style="text-align: right;">
<p><b>Course:</b> Master of business administration</p>
<p><b>Goal:</b> To become a successful buisnessman</p>
</div>
</body>
</html>
OUTPUT:
Keshav Mittal MBA 2
nd
SEM 3

ASSIGNMENT- 4
WAP to display five internet applications in centre align.
<html>
<head>
<title>Internet Applications</title>
</head>
<body>
<div style="text-align: center;">
<h2>Five Internet Applications</h2>
<p>1. Email</p>
<p>2. Web Browsing</p>
<p>3. Online Shopping</p>
<p>4. Social Media</p>
<p>5. Video Conferencing</p>
</div>
</body>
</html>
OUTPUT:
Keshav Mittal MBA 2
nd
SEM 4

ASSIGNMENT- 5
WAP to implement left, right and center alignment with bold italics and
underline.
<html>
<head>
<title>Text Alignment with Formatting</title>
</head>
<body>
<p align="left"><b>Left-Aligned Text</b></p>
<p align="center"><i>Center-Aligned Text</i></p>
<p align="right"><u>Right-Aligned Text</u></p>
</body>
</html>
OUTPUT:
Keshav Mittal MBA 2
nd
SEM 5

ASSIGNMENT- 6
WAP to implement background color tag.
<html>
<head>
<title>Background Color Example</title>
</head>
<body bgcolor="lightblue">
<p><b>This page has a light blue background.</b></p>
</body>
</html>
OUTPUT:
Keshav Mittal MBA 2
nd
SEM 6

ASSIGNMENT- 7
WAP to implement break tag with your introduction.
<html>
<head>
<title>Introduction with Break Tag</title>
</head>
<body>
<b>Name:</b> Keshav Mittal<br><br>
<b>Course:</b> MBA <br><br>
<b>College:</b> DAV Institute of Management <br><br>
<b>Goal:</b> To become a successful Buisnessman <br><br>
</body>
</html>
OUTPUT:
Keshav Mittal MBA 2
nd
SEM 7

ASSIGNMENT- 8
WAP to implement smaller text with bold and underline.
<html>
<head>
<title>Small, Bold, and Underlined Text</title>
</head>
<body>
<p><small><b><u>This is small, bold, and underlined
text.</u></b></small></p>
</body>
</html>
OUTPUT:
Keshav Mittal MBA 2
nd
SEM 8

ASSIGNMENT- 9
WAP to implement paragraph tag on web browser.
<html>
<head>
<title>Paragraph Tag Example</title>
</head>
<body>
<p>This is the first paragraph. The paragraph tag helps in
structuring content properly by adding spaces between blocks of text.</p>
<p>This is the second paragraph.
Each paragraph starts on a new line and maintains proper spacing.</p>
</body>
</html>
OUTPUT:
Keshav Mittal MBA 2
nd
SEM 9

ASSIGNMENT- 10
WAP to implement img src tag in HTML
<html>
<head>
<title>Image Tag Example</title>
</head>
<body>
<p><b>Image of DAVIM:</b></p>
<img src=C:\Users\keshav mittal\OneDrive\Desktop\KESHAV.png
alt="DAV Institute of Management" width="300" height="200">
</body>
</html>
OUTPUT:
Keshav Mittal MBA 2
nd
SEM 10

ASSIGNMENT- 11
WAP to implement font size h1-h6.
<html>
<head>
<title>Heading Tags Example</title>
</head>
<body>
<h1>This is H1 (Largest)</h1>
<h2>This is H2</h2>
<h3>This is H3</h3>
<h4>This is H4</h4>
<h5>This is H5</h5>
<h6>This is H6 (Smallest)</h6>
</body>
</html>
OUTPUT:
Keshav Mittal MBA 2
nd
SEM 11

ASSIGNMENT- 12
WAP to implement font styles in HTML
<html>
<head>
<title>Font Styles Example</title>
</head>
<body>
<p style="font-family: Arial;">This text is in Arial font.</p>
<p style="font-family: Times New Roman;">This text is in Times New Roman
font.</p>
<p style="font-family: Courier New;">This text is in Courier New font.</p>
<p style="font-family: Verdana;">This text is in Verdana font.</p>
<p style="font-family: Georgia;">This text is in Georgia font.</p>
</body>
</html>
OUTPUT:
Keshav Mittal MBA 2
nd
SEM 12

ASSIGNMENT-13
WAP to implement font color in HTML
<html>
<head>
<title>Font Color Example</title>
</head>
<body>
<p style="color: red;">This text is red.</p>
<p style="color: blue;">This text is blue.</p>
<p style="color: green;">This text is green.</p>
<p style="color: orange;">This text is orange.</p>
<p style="color: purple;">This text is purple.</p>
</body>
</html>
OUTPUT:
Keshav Mittal MBA 2
nd
SEM 13

ASSIGNMENT- 14
WAP to write names in h1-h6 in different color
<html>
<head>
<title>Headings with Different Colors</title>
</head>
<body>
<h1 style="color: red;">Karan Prajapati</h1>
<h2 style="color: blue;">AYUSH SHARMA</h2>
<h3 style="color: green;">Rahul SAXENA</h3>
<h4 style="color: orange;">MOHIT MAHOUR</h4>
<h5 style="color: purple;">Vikram Singh</h5>
<h6 style="color: brown;">NAINA TANWAR</h6>
</body>
</html>
OUTPUT:
Keshav Mittal MBA 2
nd
SEM 14

ASSIGNMENT- 15
WAP to implement table tag which includes six columns and eleven
rows including table heading.
<html>
<head>
<title>HTML Table Example</title>
</head>
<body>
<table border="1">
<tr>
<th>S.No</th>
<th>Name</th>
<th>Course</th>
<th>Age</th>
<th>City</th>
<th>Marks</th>
</tr>
<tr>
<td>1</td>
<td>Varun Mittal</td>
<td>MBA</td>
<td>24</td>
<td>Faridabad</td>
<td>85</td>
</tr>
Keshav Mittal MBA 2
nd
SEM 15

<tr>
<td>2</td>
<td>Shubham singla</td>
<td>B.Tech</td>
<td>22</td>
<td>Mumbai</td>
<td>90</td>
</tr>
<tr>
<td>3</td>
<td>Harshit Mittal</td>
<td>MBA</td>
<td>23</td>
<td>Bangalore</td>
<td>88</td>
</tr>
<tr>
<td>4</td>
<td>Suhani Aggarwal</td>
<td>MCA</td>
<td>25</td>
<td>Ahmedabad</td>
<td>92</td>
</tr>
Keshav Mittal MBA 2
nd
SEM 16

<tr>
<td>5</td>
<td>Shreya gupta</td>
<td>B.Com</td>
<td>21</td>
<td>Ajmer</td>
<td>80</td>
</tr>
<tr>
<td>6</td>
<td>Ananya </td>
<td>M.Tech</td>
<td>26</td>
<td>Chennai</td>
<td>95</td>
</tr>
<tr>
<td>7</td>
<td>Rahul sharma</td>
<td>BA</td>
<td>22</td>
<td>Pune</td>
<td>78</td>
</tr>
Keshav Mittal MBA 2
nd
SEM 17

</table>
</body>
</html>
OUTPUT:
Keshav Mittal MBA 2
nd
SEM 18

ASSIGNMENT-16
WAP to implement table border in HTML.
<html>
<head>
<title>Table with Border</title>
</head>
<body>
<table border="4">
<tr>
<th>Name</th>
<th>Age</th>
<th>City</th>
</tr>
<tr>
<td>Chetan bhist</td>
<td>20</td>
<td>Delhi</td>
</tr>
<tr>
<td>Priya Mangla</td>
<td>22</td>
<td>Mumbai</td>
</tr>
<tr>
<td>Rishi Jain</td>
<td>21</td>
<td>Bangalore</td>
</tr>
</table>
</body>
</html>
Keshav Mittal MBA 2
nd
SEM 19

OUTPUT:
Keshav Mittal MBA 2
nd
SEM 20

<html>
<head>
ASSIGNMENT-17
WAP to implement heading color in table.
<title>Table with Colored Headings</title>
</head>
<body>
<table border="2">
<tr>
<th style="background-color: lightblue;">Name</th>
<th style="background-color: lightgreen;">Age</th>
<th style="background-color: lightcoral;">City</th>
</tr>
<tr>
<td>Kunal Prajapati</td>
<td>20</td>
<td>Delhi</td>
</tr>
<tr>
<td>Priya Mangla</td>
<td>22</td>
<td>Mumbai</td>
</tr>
<tr>
<td>Harsh Gupta</td>
<td>21</td>
<td>Bangalore</td>
</tr>
</table>
</body>
</html>
Keshav Mittal MBA 2
nd
SEM 21

OUTPUT:
Keshav Mittal MBA 2
nd
SEM 22

<html>
<head>
ASSIGNMENT-18
WAP to implement table of countries and their capitals.
<title>Countries and Capitals</title>
</head>
<body>
<table border="2">
<tr>
<th>Country</th>
<th>Capital</th>
</tr>
<tr>
<td>India</td>
<td>New Delhi</td>
</tr>
<tr>
<td>United States</td>
<td>Washington, D.C.</td>
</tr>
<tr>
<td>United Kingdom</td>
<td>London</td>
</tr>
<tr>
Keshav Mittal MBA 2
nd
SEM 23

<td>France</td>
<td>Paris</td>
</tr>
<tr>
<td>Japan</td>
<td>Tokyo</td>
</tr>
</table>
</body>
</html>
OUTPUT:
Keshav Mittal MBA 2
nd
SEM 24

ASSIGNMENT- 19
WAP to implement subscript in HTML
<html>
<head>
<title>Subscript Example</title>
</head>
<body>
<p>Water chemical formula: H<sub>2</sub>O</p>
<p>Carbon dioxide chemical formula: CO<sub>2</sub></p>
<p>Mathematical expression: a<sub>n</sub> = a<sub>1</sub> + (n - 1)d</p>
</body>
</html>
OUTPUT:
Keshav Mittal MBA 2
nd
SEM 19

ASSIGNMENT- 20
WAP to implement superscript in HTML.
<html>
<head>
<title>Superscript Example</title>
</head>
<body>
<p>Square of 5: 5<sup>2</sup> = 25</p>
<p>Cubic of 3: 3<sup>3</sup> = 27</p>
<p>Einstein's Mass-Energy Equation: E = mc<sup>2</sup></p>
<p>Ordinal Number Example: 1<sup>st</sup>, 2<sup>nd</sup>,
3<sup>rd</sup></p>
</body>
</html>
OUTPUT:
Keshav Mittal MBA 2
nd
SEM 20

<html>
<head>
ASSIGNMENT-21
WAP to implement ordered list in HTML
<title>Ordered List Example</title>
</head>
<body>
<h3>Top 5 Programming Languages</h3>
<ol>
<li>Python</li>
<li>Java</li>
<li>C++</li>
<li>JavaScript</li>
<li>Ruby</li>
</ol>
</body>
</html>
OUTPUT:
Keshav Mittal MBA 2
nd
SEM 21

ASSIGNMENT- 22
WAP to implement unordered list in HTML.
<html>
<head>
<title>Unordered List Example</title>
</head>
<body>
<h3>Popular Web Browsers</h3>
<ul>
<li>Google Chrome</li>
<li>Mozilla Firefox</li>
<li>Microsoft Edge</li>
<li>Apple Safari</li>
<li>Opera</li>
</ul>
</body>
</html>
OUTPUT:
Keshav Mittal MBA 2
nd
SEM 22

ASSIGNMENT- 23
WAP to implement insert and delete tag in HTML.
<html>
<head>
<title>Insert and Delete Tag Example</title>
</head>
<body>
<p>This is an <ins>inserted</ins> word.</p>
<p>This is a <del>deleted</del> word.</p>
<p>The price was <del>$50</del>, but now it's <ins>$40</ins>.</p>
</body>
</html>
OUTPUT:
Keshav Mittal MBA 2
nd
SEM 23

ASSIGNMENT- 24
WAP to implement password tag in HTML.
<html>
<head>
<title>Password Field Example</title>
</head>
<body style="font-family: Arial, sans-serif;">
<h2 style="color: #2c3e50;">Login Form</h2>
<form>
<label for="username"><strong>Username:</strong></label>
<input type="text" id="username" name="username" placeholder="Enter
Username" required><br><br>
<label for="password"><strong>Password:</strong></label>
<input type="password" id="password" name="password" placeholder="Enter
Password" required><br><br>
<input type="submit" value="Login" style="background-color: #3498db; color:
white; padding: 8px 16px; border: none; border-radius: 4px;">
</form>
</body>
</html>
Keshav Mittal MBA 2
nd
SEM 24

OUTPUT:
Keshav Mittal MBA 2
nd
SEM 25

ASSIGNMENT- 25
WAP to implement select (dropdown) tag in HTML.
<html>
<head>
<title>Dropdown Example</title>
</head>
<body>
<form>
<label for="course">Select Your Course:</label>
<select id="course" name="course">
<option value="mba">MBA</option>
<option value="bba">BBA</option>
<option value="btech">B.Tech</option>
<option value="mca">MCA</option>
<option value="bcom">B.Com</option>
</select>
<input type="submit" value="Submit">
</form>
</body>
</html>
OUTPUT:
Keshav Mittal MBA 2
nd
SEM 25

ASSIGNMENT- 26
WAP to Implement Frame Tag
<html>
<head>
<title>Frame Tag Example</title>
</head>
<frameset cols="30%,70%">
<frame src="menu.html">
<frame src="content.html">
</frameset>
</html>
OUTPUT:
Keshav Mittal MBA 2
nd
SEM 26

ASSIGNMENT- 27
WAP to Create a Form
<html>
<head>
<title>Simple Form</title>
</head>
<body>
<h2>User Registration Form</h2>
<form action="/submit" method="post">
<label for="fname">First Name:</label><br>
<input type="text" id="fname" name="fname" required><br><br>
<label for="lname">Last Name:</label><br>
<input type="text" id="lname" name="lname" required><br><br>
<label for="email">Email:</label><br>
<input type="email" id="email" name="email" required><br><br>
<label for="password">Password:</label><br>
<input type="password" id="password" name="password"
required><br><br>
<input type="submit" value="Register">
</form>
Keshav Mittal MBA 2
nd
SEM 27

</body>
</html>
OUTPUT:
Keshav Mittal MBA 2
nd
SEM 28

ASSIGNMENT-28
Design a Web Page for DAV Institute of Management
<html lang="en">
<head>
<meta charset="UTF-8">
<title>DAV Institute of Management</title>
</head>
<body style="font-family: Arial, sans-serif; margin: 0; padding: 0;">
<!-- Header -->
<header style="background-color: #004080; color: white; padding: 20px; text-align:
center;">
<h1>DAV Institute of Management</h1>
<p>Affiliated to Maharshi Dayanand University, Rohtak</p>
</header>
<!-- Navigation Bar -->
<nav style="background-color: #003366; padding: 10px; text-align: center;">
<a href="#" style="color: white; margin: 0 15px; text-decoration:
none;">Home</a>
<a href="#" style="color: white; margin: 0 15px; text-decoration: none;">About
Us</a>
<a href="#" style="color: white; margin: 0 15px; text-decoration:
none;">Courses</a>
<a href="#" style="color: white; margin: 0 15px; text-decoration:
none;">Admissions</a>
<a href="#" style="color: white; margin: 0 15px; text-decoration:
none;">Contact</a>
</nav>
<!-- Main Content -->
<main style="padding: 20px;">
<section>
Keshav Mittal MBA 2
nd
SEM 29

<h2>Welcome to DAVIM</h2>
<p>
DAV Institute of Management is a premier management institute committed to
excellence in education,
research, and industry collaboration. We strive to nurture future leaders with
a strong value system
and innovative thinking.
</p>
</section>
<section>
<h2>Courses Offered</h2>
<ul>
<li>BBA (Bachelor of Business Administration)</li>
<li>BCA (Bachelor of Computer Applications)</li>
<li>MBA (Master of Business Administration)</li>
<li>MCA (Master of Computer Applications)</li>
<li>B.Com & M.Com</li>
</ul>
</section>
<section>
<h2>Why Choose Us?</h2>
<p>
With a legacy of academic excellence, modern infrastructure, experienced
faculty, and a strong
placement record, DAVIM is the ideal destination for aspiring professionals.
</p>
</section>
</main>
<!-- Footer -->
Keshav Mittal MBA 2
nd
SEM 30

<footer style="background-color: #004080; color: white; text-align: center; padding:
15px;">
<p>&copy; 2025 DAV Institute of Management. All Rights Reserved.</p>
<p>Address: NH-3, NIT, Faridabad, Haryana - 121001</p>
</footer>
</body>
</html>
OUTPUT:
Keshav Mittal MBA 2
nd
SEM 31

<html lang="en">
<head>
ASSIGNMENT-29
Design a Web Page for ICICI Bank
<meta charset="UTF-8">
<title>ICICI Bank</title>
</head>
<body style="font-family: Arial, sans-serif; margin: 0; padding: 0;">
<!-- Header -->
<header style="background-color: #f26522; color: white; padding: 20px; text-align:
center;">
<h1>ICICI Bank</h1>
<p>Your Trusted Financial Partner</p>
</header>
<!-- Navigation Bar -->
<nav style="background-color: #d35400; padding: 10px; text-align: center;">
<a href="#" style="color: white; margin: 0 15px; text-decoration:
none;">Home</a>
<a href="#" style="color: white; margin: 0 15px; text-decoration: none;">About
Us</a>
<a href="#" style="color: white; margin: 0 15px; text-decoration:
none;">Services</a>
<a href="#" style="color: white; margin: 0 15px; text-decoration: none;">Net
Banking</a>
<a href="#" style="color: white; margin: 0 15px; text-decoration:
none;">Contact</a>
</nav>
<!-- Main Content -->
Keshav Mittal MBA 2
nd
SEM 32

<main style="padding: 20px;">
<section>
<h2>Welcome to ICICI Bank</h2>
<p>
ICICI Bank is one of India's largest private sector banks offering a wide range
of banking products and
financial services to corporate and retail customers through a variety of
delivery channels.
</p>
</section>
<section>
<h2>Our Services</h2>
<ul>
<li>Personal Banking</li>
<li>Corporate Banking</li>
<li>Loans & Credit Cards</li>
<li>Internet & Mobile Banking</li>
<li>Investment & Insurance</li>
</ul>
</section>
<section>
<h2>Why Choose ICICI?</h2>
<p>
With over two decades of experience, advanced digital banking tools, and a
commitment to customer satisfaction,
ICICI Bank is the ideal choice for managing your finances.
</p>
</section>
Keshav Mittal MBA 2
nd
SEM 33

</main>
<!-- Footer -->
<footer style="background-color: #f26522; color: white; text-align: center; padding:
15px;">
<p>&copy; 2025 ICICI Bank. All rights reserved.</p>
<p>Customer Care: 1800 200 3344 | Email: [email protected]</p>
</footer>
</body>
</html>
OUTPUT:
Keshav Mittal MBA 2
nd
SEM 34

ASSIGNMENT-30
Design a Web Page for Amazon or Flipkart.
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Flipkart Clone</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #f1f3f6;
}
/* Header */
header {
background-color:
#2874f0; padding: 10px
20px;
color: white;
display: flex;
align-items: center;
justify-content: space-between;
}
.logo {
Keshav Mittal MBA 2
nd
SEM 35

font-size: 24px;
font-weight:
bold;
}
.search-bar input
{ padding: 7px;
width: 300px;
border: none;
border-radius: 2px;
}
nav a {
margin-left: 20px;
color: white;
text-decoration: none;
}
/* Product Grid */
.product-grid
{ display: flex;
flex-wrap:
wrap; padding:
20px; gap: 20px;
justify-content: center;
}
Keshav Mittal MBA 2
nd
SEM 36

.product-card
{ background-color:
white; width: 200px;
padding: 15px;
border-radius: 4px;
box-shadow: 0 0 5px rgba(0, 0, 0,
0.1); text-align: center;
}
.product-card img {
width: 100%;
height: 150px;
object-fit:
contain;
}
.product-title
{ font-size:
16px; margin:
10px 0;
}
.price {
color: green;
font-weight: bold;
}
/* Footer */
Keshav Mittal MBA 2
nd
SEM 37

footer {
background-color:
#172337; color: white;
text-align: center;
padding: 20px;
margin-top: 40px;
}
</style>
</head>
<body>
<header>
<div class="logo">Flipkart</div>
<div class="search-bar">
<input type="text" placeholder="Search for products, brands and
more">
</div>
<nav>
<a href="#">Login</a>
<a href="#">Cart</a>
<a href="#">More</a>
</nav>
</header>
<section class="product-grid">
<div class="product-card">
Keshav Mittal MBA 2
nd
SEM 38

<img src="https://via.placeholder.com/150" alt="Product 1">
<div class="product-title">Samsung Galaxy M14</div>
<div class="price"> 12,999</div>

</div>
<div class="product-card">
<img src="https://via.placeholder.com/150" alt="Product 2">
<div class="product-title">Realme Narzo 60</div>
<div class="price"> 14,499</div>

</div>
<div class="product-card">
<img src="https://via.placeholder.com/150" alt="Product 3">
<div class="product-title">boAt Airdopes 141</div>
<div class="price"> 1,199</div>

</div>
<!-- Add more product cards as needed -->
</section>
<footer>
&copy; 2025 Flipkart Clone. All rights reserved.
</footer>
</body>
</html>
Keshav Mittal MBA 2
nd
SEM 39

OUTPUT:
Keshav Mittal MBA 2
nd
SEM 40

ASSIGNMENT-31
Create a Patient Registration form for ASIAN Hospital
<html lang="en">
<head>
<meta charset="UTF-8">
<title>ASIAN Hospital - Patient Registration</title>
</head>
<body style="font-family: Arial, sans-serif;">
<h1 style="text-align: center; color: darkblue;">ASIAN Hospital</h1>
<h2 style="text-align: center;">Patient Registration Form</h2>
<form action="#" method="post" style="max-width: 600px; margin: auto;">
<label for="fname">First Name:</label><br>
<input type="text" id="fname" name="fname" required><br><br>
<label for="lname">Last Name:</label><br>
<input type="text" id="lname" name="lname" required><br><br>
<label>Gender:</label><br>
<input type="radio" id="male" name="gender" value="Male">
<label for="male">Male</label>
<input type="radio" id="female" name="gender" value="Female">
<label for="female">Female</label>
<input type="radio" id="other" name="gender" value="Other">
Keshav Mittal MBA 2
nd
SEM 41

<label for="other">Other</label><br><br>
<label for="dob">Date of Birth:</label><br>
<input type="date" id="dob" name="dob" required><br><br>
<label for="phone">Contact Number:</label><br>
<input type="tel" id="phone" name="phone" required><br><br>
<label for="email">Email Address:</label><br>
<input type="email" id="email" name="email"><br><br>
<label for="address">Address:</label><br>
<textarea id="address" name="address" rows="4" cols="50"
required></textarea><br><br>
<label for="department">Department:</label><br>
<select id="department" name="department">
<option value="General Medicine">General Medicine</option>
<option value="Cardiology">Cardiology</option>
<option value="Neurology">Neurology</option>
<option value="Orthopedics">Orthopedics</option>
<option value="Pediatrics">Pediatrics</option>
</select><br><br>
<label for="doctor">Preferred Doctor:</label><br>
<input type="text" id="doctor" name="doctor"><br><br>
<label for="date">Appointment Date:</label><br>
<input type="date" id="date" name="date"><br><br>
Keshav Mittal MBA 2
nd
SEM 42

<label for="remarks">Remarks / Symptoms:</label><br>
<textarea id="remarks" name="remarks" rows="4"
cols="50"></textarea><br><br>
<input type="submit" value="Register">
<input type="reset" value="Reset">
</form>
</body>
</html>
OUTPUT:
Keshav Mittal MBA 2
nd
SEM 43
Tags