Complete the Missing HTML & CSS Tags
Complete the Missing HTML & CSS Tags
Example 1: Fill in the missing HTML and CSS tags below.
<!DOCTYPE html>
<html>
<head>
<title>My School</____>
<style>
body {
background-color: ________;
font-family: ________;
}
h1 {
color: ________;
text-align: ________;
font-size: ________;
}
p {
font-size: ________;
color: ________;
}
</____>
</head>
<body>
<h1>My School Name: _______ </___>
<p>Write here about our school: <____>
____________________________________
____________________________________
</____>
<h2>Student Attendance Record</h2>
<table>
<tr>
<th>Roll No</____>
<th>Name</______>
<th>Attendance</____>
</tr>
<tr>
<th>1</___>
<th>ABC</____>
<th>95%</___>
</tr>
</table>
</body>
</____>
Example 2: Complete the missing tags for a simple webpage.
<!DOCTYPE html>
<html>
<head>
<title>My Favorite Hobby</____>
<style>
body {
background-color: ________;
font-family: ________;
}
h2 {
color: ________;
text-align: ________;
}
ul {
font-size: ________;
color: ________;
}
</____>
</head>
<body>
<h2>My Favorite Hobby: _______ </___>
<p>I love to spend time doing my favorite hobby: ________. It helps me relax and enjoy my free time.</____>
<h3>Benefits of My Hobby</h3>
<ul>
<li>It improves my ________ skills.</____>
<li>It makes me feel ________.</____>
<li>I can share my hobby with ________.</____>
</ul>
</body>
</____>
Example 3: Complete the missing HTML and CSS tags for a contact form.
<!DOCTYPE html>
<html>
<head>
<title>Contact Us</____>
<style>
body {
background-color: ________;
font-family: ________;
}
label {
font-size: ________;
color: ________;
}
input, textarea {
width: ________;
padding: ________;
}
</____>
</head>
<body>
<h2>Contact Us</h2>
<form>
<label>Name:</____>
<input type="text" name="name"></____>
<label>Email:</____>
<input type="email" name="email"></____>
<label>Message:</____>
<textarea name="message"></____></textarea>
<button type="submit">Submit</____>
</form>
</body>
</____>
Comments
Post a Comment