Scribd
Upload
19 views5 pages

HTML 5 QUESTIONS

Html questions

Uploaded by

ibrahimmaulid551
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
19 views5 pages

HTML 5 QUESTIONS

Html questions

Uploaded by

ibrahimmaulid551
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 5

Basic HTML Structure and Elements

1. What does HTML stand for?


2. What is the purpose of the <head> tag in an HTML document?
3. What tag is used to create a hyperlink in HTML?
4. How do you add a comment in HTML?
5. What does the <title> tag define in an HTML document?
6. How do you insert an image in HTML?
7. What is the function of the <body> tag in HTML?
8. What is the difference between the <ul> and <ol> tags in HTML?
9. How do you create a table in HTML?
10. What tag is used for a line break in HTML?
11. How do you specify the language of an HTML document?
12. What does the <meta> tag do in an HTML document?
13. How do you define a paragraph in HTML?
14. What tag is used to create a division or container in HTML?
15. What is the purpose of the <footer> tag?
16. What is the role of the <header> tag in HTML5?
17. How do you create a form in HTML?
18. What is the difference between the <div> and <span> tags?
19. How do you specify a background image in HTML?
20. How do you create a list of items in HTML?

Advanced HTML Elements

1. What does the <section> tag represent in HTML5?


2. How do you define a blockquote in HTML?
3. What tag is used to define a navigation menu in HTML5?
4. How do you create an embedded video in HTML5?
5. What is the purpose of the <canvas> tag in HTML5?
6. How do you add audio to a webpage in HTML5?
7. What is the difference between the <strong> and <em> tags in HTML?
8. How do you embed a Google Map in HTML?
9. What is the use of the <aside> tag in HTML5?
10. How do you create a button in HTML?
Forms and Input Elements

1. What is the difference between the <input> and <textarea> tags?


2. How do you define a dropdown list in HTML?
3. What type of input element is used for email addresses in HTML5?
4. How do you specify a checkbox in an HTML form?
5. What attribute is used to specify the method (GET or POST) for a form in HTML?
6. How do you group form elements in HTML?
7. What is the purpose of the <label> tag in forms?
8. How do you make an input field required in HTML5?
9. How do you define a radio button in HTML?
10. How do you specify a date input field in HTML5?

HTML5 Attributes and APIs

1. What is the purpose of the data-* attribute in HTML5?


2. How do you set the charset of a webpage in HTML?
3. How do you link an external CSS file to an HTML document?
4. What is the purpose of the placeholder attribute in an HTML input field?
5. How do you create a custom data attribute in HTML5?
6. What does the content editable attribute do in HTML?
7. What is the role of the autofocus attribute in an input field?
8. How do you specify an alternative text for an image in HTML?
9. What does the async attribute do for a <script> tag?
10. How do you create a self-closing tag in HTML?

HTML5 Semantics and Structure

1. What is the significance of semantic elements in HTML5?


2. How does the <article> tag differ from the <section> tag?
3. What is the purpose of the <main> tag in HTML5?
4. How do you define a footer for a webpage in HTML5?
5. How do you create a semantic navigation menu in HTML5?
6. What is the role of the <mark> tag in HTML5?
7. What is the difference between <b> and <strong> in HTML5?
8. How does the <i> tag differ from the <em> tag in HTML5?
9. What is the function of the <figure> and <figcaption> tags in HTML5?
10. What is the purpose of the <details> and <summary> tags in HTML5?

Multimedia and Embedding

1. How do you create an embedded YouTube video in HTML?


2. What is the purpose of the loop attribute in HTML5 audio and video tags?
3. How do you add a caption to a video element in HTML5?
4. What is the function of the <iframe> tag in HTML?
5. How do you embed a PDF file in HTML?
6. What does the controls attribute do for the <audio> and <video> tags?
7. How do you create an audio player with multiple sources in HTML5?
8. How do you set the volume of an embedded video in HTML5?
9. What is the role of the poster attribute in HTML5 video?
10. How do you create an inline frame in HTML?

HTML5 Forms and Validation

1. What does the required attribute do in an HTML form field?


2. How do you specify a minimum and maximum value for a number input in
HTML5?
3. How do you define a time input field in HTML5?
4. What is the purpose of the pattern attribute in an HTML form?
5. How do you create a search field in HTML5?
6. What is the role of the novalidate attribute in a form?
7. How do you set the action URL for an HTML form?
8. How do you specify the method used for form submission in HTML?
9. How do you create a submit button in HTML?
10. How do you define an input field for a file upload in HTML?

HTML5 Accessibility and Optimization

1. What is the role of the alt attribute in an image tag?


2. How can you make a webpage more accessible to screen readers?
3. How do you create accessible form labels in HTML?
4. What is the role of the aria-* attributes in HTML5?
5. How can you ensure that interactive elements are keyboard accessible in
HTML5?
6. What is the importance of using semantic HTML tags for SEO?
7. How do you create an accessible image gallery in HTML5?
8. What is the role of the <caption> tag in tables?
9. How do you provide alternative content for screen readers using HTML?
10. How do you optimize images for faster loading in HTML5?

HTML5 Best Practices and Techniques

1. What is the importance of structuring HTML5 documents properly for SEO?


2. How do you use HTML5 to implement responsive design?
3. How do you optimize a webpage for mobile users using HTML5?
4. What are the advantages of using <section> and <article> tags in HTML5?
5. How do you implement external fonts in HTML5?
6. How do you optimize the loading time of a webpage in HTML5?
7. What is the role of the <link> tag in HTML5?
8. How can you ensure cross-browser compatibility in HTML5?
9. How do you implement client-side validation in HTML5 forms?
10. What is some security best practices when using HTML5 forms?

OPEN TEST

INSTRUCTION

Write an HTML5 document based on the following requirements. Include all the
necessary elements and structure your HTML code properly. You should use at least
10 different HTML5 elements to fulfill the requirements.

Requirements:

Create an HTML5 document with a DOCTYPE declaration.

Use the <header> element to create a section that includes a website title and a
navigation bar with links to "Home", "About", and "Contact".

In the <main> section, create:


A <section> that contains a heading <h2> and a paragraph <p> describing a
service offered.

An image element <img> showing a relevant picture for the service (use a
placeholder image URL).

A <video> element with controls, including a video source and a caption.

Below the service description, create a <form> that:

Contains an <input> element for the user to enter their name.

Includes a <select> dropdown menu where users can select a service from a list.

Adds a <textarea> for users to write comments.

Has a <button> to submit the form.

In the <footer>, create:

A copyright notice using the <footer> element.

A <nav> section with a few links to social media platforms, e.g., Facebook, Twitter,
and Instagram.

Grading Criteria:

Correct use of HTML5 elements

Proper nesting and structure of the document

Usage of semantic elements like <header>, <main>, <footer>, <section>, etc.

Proper formatting of tags and attributes

You might also like