Edu
Hub
Dashboard
Courses
My Progress
Leaderboard
AI Tools
AR
AR
Abdullah Rashid
abdullah@example.com
Navigation
🏠
Dashboard
📚
Courses
📈
My Progress
🏆
Leaderboard
✨
AI Tools
👤
Profile
🚪
Log Out
←
HTML Advance
⏱
15:00
Quit
0 / 20 answered
0%
HTML Advance
10 questions · Medium difficulty · 00:20:00 min
🔥 In Progress
Question 1
What is the purpose of the "data-*" attribute in HTML5?
To store custom data private to the page or application
To define a data table
To create a database connection
To encrypt user data
Question 2
Which element is used to provide a caption for a <figure> element?
<legend>
<figcaption>
<caption>
<summary>
Question 3
What does the "contenteditable" attribute do?
Allows the user to edit the content of an element
Makes the content read-only
Automatically saves the content
Hides the content
Question 4
How can you make a custom dropdown without using <select>?
Use a <div> with JavaScript to toggle a list
Use <input type="dropdown">
Use <option> outside <select>
Use <list> tag
Question 5
What is the correct way to use the <template> tag?
Holds HTML fragments that are not rendered until used by JavaScript
Creates a template for email
Defines a reusable style
Preloads images
Question 6
Which input type is used for selecting a date and time?
datetime-local
date
time
datetime
Question 7
What is the purpose of the "sandbox" attribute in an <iframe>?
Enables a set of extra restrictions on content in the iframe
Prevents the iframe from loading
Allows full access to parent page
Makes the iframe transparent
Question 8
How do you specify that an <input> element should have spell checking enabled?
spellcheck="true"
spell="on"
check-spelling="yes"
enable-spellcheck
Question 9
Which element is used to represent the main content of a document?
<main>
<body>
<section>
<content>
Question 10
What is the difference between "defer" and "async" in <script>?
defer executes after HTML parsing, async executes as soon as downloaded
defer downloads script immediately, async waits
No difference
defer is for external scripts, async for inline
Question 11
Which attribute allows you to validate an email input with a specific pattern?
pattern
validate
regex
format
Question 12
What is the purpose of the <datalist> element?
Provides an autocomplete list for an <input>
Creates a dropdown menu
Defines a list of data items
Used for data binding
Question 13
How do you create a responsive iframe that maintains aspect ratio?
Wrap <iframe> in a <div> with padding-bottom and position relative
Use width="100%" only
Use CSS transform
Set viewport meta tag
Question 14
Which HTML element is used to display a dialog box or modal?
<dialog>
<modal>
<popup>
<alert>
Question 15
What does the "download" attribute in an <a> tag do?
Tells the browser to download the linked resource instead of navigating
Opens the link in a new tab
Prevents the link from opening
Automatically saves the page as PDF
Question 16
How can you define a custom element in HTML?
Using customElements.define() with JavaScript
Using <custom> tag
Using <element> tag
Using data-custom attribute
Question 17
What is the purpose of the "reversed" attribute in an <ol>?
Numbers the list in descending order (e.g., 3,2,1)
Reverses the order of items visually
Applies a reverse color scheme
Flips the list horizontally
Question 18
Which element is used to define a sidebar or complementary content?
<aside>
<sidebar>
<nav>
<section>
Question 19
What is the correct way to embed a PDF in an HTML page?
<embed src="file.pdf">
<object data="file.pdf">
<iframe src="file.pdf">
All of the above
Question 20
How do you enable cross-origin resource sharing (CORS) for media elements?
crossorigin attribute
cors="true"
allow-cors
origin="*"
✅ Answered:
0
⬜ Unanswered:
8
📊
20%
done
Submit Answers →