1.
Create an HTML document with the following specifications:
Set the document title to “My Personal Page.”
Use an <h1> tag to display the heading “Welcome to My Page” centered on the page.
Add a paragraph with the text “About Me,” styled in italics.
Include a second paragraph below with a quote in bold text.
Add a background color of light gray to the entire document.
2. Design an HTML table with the following characteristics:
The table should have three rows and three columns, with a border.
The first row should contain headers with the headings “Name,” “Age,” and “City,” entered and bold.
The second row should include data entries for one person, and the third row for another person.
Add padding of 10 pixels to each cell.
Include a caption above the table that says “User Information.”
3. Create a form for user feedback with the following fields:
A text input labeled “Full Name” that is required, with a max length of 30 characters.
An email field labeled “Email Address,” with placeholder text “you@[Link].”
A dropdown labeled “Topic” with options “Website Feedback,” “Product Inquiry,” and “Other.”
A <textarea> for “Detailed Feedback” with 8 rows and 50 columns.
Add a checkbox labeled “Subscribe to newsletter.”
Include a submit button with the label “Send Feedback.”
4. Write HTML code to display a structured content section:
Add a horizontal line between two sections.
In the first section, create an ordered list with items labeled “Introduction,” “Body,” and
“Conclusion.”
In the second section, create an unordered list with items “Overview,” “Details,” and “Summary.”
Customize the ordered list to display in Roman numerals and the unordered list with square bullets.
Add a heading above each list, styled in bold.
5. Create a simple image gallery with the following requirements:
Insert three images from a folder named gallery, each image with the same width of 200 pixels.
Each image should have an alternate text describing its content (e.g., “Image 1 - Beach”).
Add a caption under each image using the <figcaption> tag.
Center-align all images in the gallery.
Apply a border around each image with a 5-pixel width in black.
6. Create an HTML document with two hyperlinks:
The first link should direct to “[Link] and open in a new tab.
The second link should direct to “[Link] and use an image [Link] as the
clickable link. The image should be 50x50 pixels and located in the images folder.
Include descriptive text above each link explaining its purpose.
Make the background color of the page light gray.
7. Create a registration form with the following specifications:
A username field with a max length of 20 characters and placeholder “Choose a username.”
A password field with placeholder “Enter Password,” minlength of 8 characters, and styled to hide
input as dots.
A dropdown menu labeled “Country” with options “United States,” “Canada,” and “Australia” pre-
selected to “Canada.”
A checkbox labeled “I agree to the Terms and Conditions” that must be checked to submit the form.
A submit button labeled “Register Now” styled with a green background.
8. Write HTML code to embed both a video and an audio file:
Embed a video promo.mp4 with a width of 600 pixels and add controls, autoplay, and a fallback
message “Your browser does not support this video.”
Embed an audio file background-music.mp3 with controls, loop enabled, and autoplay.
Add a descriptive paragraph above the video and audio elements, explaining their content.
Place the video and audio in a section with a background color of light blue.
9. Design a glossary section using the <dl>, <dt>, and <dd> tags with the following:
Define three terms: “HTML,” “CSS,” and “JavaScript.”
Provide a description for each term explaining its use in web development.
Style each term in bold and each description in italic.
Add a section heading “Glossary” above the list.
Apply a light yellow background color to the entire definition list.
10. Create an advanced form with the following input types and attributes:
A date input labeled “Birthday” and a color input labeled “Favorite Color.”
An email input with placeholder “Enter your email” that validates the input as an email.
A number input labeled “Age” with a minimum of 18 and maximum of 65.
An image of a submit button labeled “Submit” with an alternate text “Submit Form.”
Include a text message “Fields marked with * are required” at the top of the form.
11. Write HTML code to create a custom list layout:
An ordered list that displays using lower-case alphabets (a, b, c) for items “Chapter 1,” “Chapter 2,”
and “Chapter 3.”
An unordered list using disc bullets for items “Example A,” “Example B,” and “Example C.”
Add a background color of light gray to the ordered list and light green to the unordered list.
Add a heading above each list styled in bold.
12. Write HTML code to add a structured table with the following features:
A caption titled “Student Scores.”
Three columns: “Student Name,” “Score,” and “Grade.”
Include headers for each column, centered and bold.
Add three rows with sample student data for each field.
Apply a border to each cell, padding of 10 pixels, and alternating row colors.
Center-align the entire table on the page.