e com partical
1. Create a simple HTML page with:Headings, paragraphs, bold/italic text
<!DOCTYPE html>
<html>
<head>
<title>Simple HTML Page</title>
</head>
<body>
<h1>Main Heading (H1)</h1>
<h2>Sub Heading (H2)</h2>
<h3>Smaller Heading (H3)</h3>
<p>This is a paragraph of text. HTML is used to structure content on the web.</p>
<p>
This text contains <b>bold text</b> and <i>italic text</i>.
</p>
<p>
You can also combine them like <b><i>bold and italic together</i></b>.
</p>
</body>
</html>
2. Create a music promotion webpage (include audio and video files in your html page)
<!DOCTYPE html>
<html>
<head>
<title>Music Promotion Page</title>
</head>
<body style="font-family: Arial; text-align: center; background-color: #f4f4f4;">
<h1>🎵 My Music Promotion 🎵</h1>
<h2>New Song Release</h2>
<p>Check out my latest track below and enjoy the vibes!</p>
<!-- Audio Player -->
<h3>Listen Now</h3>
<audio controls>
<source src="music.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
<h2>Official Music Video</h2>
<p>Watch the full video here:</p>
<!-- Video Player -->
<video width="500" controls>
<source src="video.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
<h2>About the Artist</h2>
<p>
<b>Artist Name</b> is an emerging musician known for <i>unique sound</i>
and creative storytelling through music.
</p>
</body>
</html>
3. Create an online registration form
<!DOCTYPE html>
<html>
<head>
<title>Online Registration Form</title>
</head>
<body style="font-family: Arial; background-color: #f2f2f2;">
<h1 style="text-align:center;">Registration Form</h1>
<form style="width: 300px; margin: auto; background: white; padding: 20px; border-radius: 10px;">
<!-- Name -->
<label>Full Name:</label><br>
<input type="text" name="fullname" required><br><br>
<!-- Email -->
<label>Email:</label><br>
<input type="email" name="email" required><br><br>
<!-- Password -->
<label>Password:</label><br>
<input type="password" name="password" required><br><br>
<!-- Gender -->
<label>Gender:</label><br>
<input type="radio" name="gender" value="male"> Male
<input type="radio" name="gender" value="female"> Female<br><br>
<!-- Date of Birth -->
<label>Date of Birth:</label><br>
<input type="date" name="dob"><br><br>
<!-- Course Selection -->
<label>Select Course:</label><br>
<select name="course">
<option>Computer Science</option>
<option>Engineering</option>
<option>Business</option>
</select><br><br>
<!-- Hobbies -->
<label>Hobbies:</label><br>
<input type="checkbox" name="hobby" value="reading"> Reading
<input type="checkbox" name="hobby" value="sports"> Sports<br><br>
<!-- Address -->
<label>Address:</label><br>
<textarea name="address" rows="8" cols="50"></textarea><br><br>
<!-- Submit Button -->
<input type="submit" value="Register">
</form>
</body>
</html>



Comments
Post a Comment