11. Add a contact form with placeholders in each field (Name, Email, Message) to guide users.
Required Input:
A contact form with placeholder text for each input.Expected Output:
The form displays placeholder text in each field to guide user input.
Code In Html
Document
To view the HTML changes, please type the code within the editor
Need help ?
Click on Hint to solve the question.
12. Create an embedded Google Map using the <iframe> tag.
Required Input:
An embedded Google Map iframe.Expected Output:
The webpage displays an embedded Google Map.
Code In Html
Document
To view the HTML changes, please type the code within the editor
Need help ?
Click on Hint to solve the question.
13. Add a styled button that changes color when hovered over using inline styles.
Required Input:
A button with hover effect.Expected Output:
The webpage displays a button that changes color on hover.
Code In Html
Document
To view the HTML changes, please type the code within the editor
Need help ?
Click on Hint to solve the question.
14. Use <fieldset> and <legend> to group form elements in a registration form.
Required Input:
A registration form with grouped elements.Expected Output:
The webpage displays form fields grouped within a fieldset with a legend.
Code In Html
Document
To view the HTML changes, please type the code within the editor
Need help ?
Click on Hint to solve the question.
15. Insert an audio player using the <audio> tag with controls enabled.
Required Input:
An audio player with controls.Expected Output:
The webpage displays an audio player with play/pause controls.
Code In Html
Document
To view the HTML changes, please type the code within the editor
Need help ?
Click on Hint to solve the question.
16. Embed a video using the <video> tag with controls, autoplay, and loop attributes.
Required Input:
A video player with specific attributes.Expected Output:
The webpage displays a video player with autoplay, loop, and control functions.
Code In Html
Document
To view the HTML changes, please type the code within the editor
Need help ?
Click on Hint to solve the question.
17. Create a list with icons next to each item using <ul> and inline CSS for icons.
Required Input:
A list with icons for each item.Expected Output:
The webpage displays a list with icons alongside each item.
Code In Html
Document
To view the HTML changes, please type the code within the editor
Need help ?
Click on Hint to solve the question.
18. Add tooltips to text using the title attribute.
Required Input:
Text with tooltip descriptions.Expected Output:
The webpage displays tooltips when hovering over specific text.
Code In Html
Document
To view the HTML changes, please type the code within the editor
Need help ?
Click on Hint to solve the question.
19. Use the <meter> tag to display a progress meter with a label indicating the task's completion percentage.
Required Input:
A meter showing task completion percentage.Expected Output:
The webpage displays a progress meter with a label.
Code In Html
Document
To view the HTML changes, please type the code within the editor
Need help ?
Click on Hint to solve the question.
20. Create an accessible form with aria-label and aria-required attributes.
Required Input:
A form with accessible labels and attributes.Expected Output:
The form fields are labeled with aria attributes for accessibility.
Code In Html
Document
To view the HTML changes, please type the code within the editor
Need help ?
Click on Hint to solve the question.
