Advanced HTML5 & CSS3

#1. Which HTML5 element is used to define navigation links?

< section>

< footer>

< header>

< nav>

#2. What does the <article> tag represent in HTML5?

A container for metadata

A footer section

Independent, self-contained content

A component for multimedia

#3. Which attribute in HTML5 is used to autocomplete input fields?

autofill

input-autocomplete

autofocus

autocomplete

#4. What is the purpose of the <canvas> element in HTML5?

To embed videos

To create an image slideshow

To structure content

To draw graphics using JavaScript

#5. Which HTML5 element is used to play audio files?

<audio>

<music>

<sound>

<media>

#6. What is the purpose of the contenteditable attribute in HTML5?

To allow users to edit the content of an element

To define inline styles

To validate form input

To provide text formatting

#7. What does the data-* attribute in HTML5 do?

Adds JavaScript functionality

Embeds metadata for images

Stores custom data attributes in an HTML element

Fetches external data into the element

#8. Which attribute is used to preload audio or video files in HTML5?

autoplay

buffer

load

preload

#9. Which HTML5 element is used to define a dialog box or interactive component?

<div>

<form>

<modal>

#10. What is the purpose of the <datalist> element in HTML5?

To link stylesheets

To create a searchable list

To provide a dropdown list of predefined options for an input field

To store metadata

#11. Which CSS3 property is used to create rounded corners for elements?

border-corner

border-shape

border-radius

corner-radius

#12. What is the purpose of the @font-face rule in CSS3?

To define custom fonts for the webpage

To embed images as fonts

To add Google fonts

To style font size

#13. Which CSS3 property is used to create a shadow for an element?

background-shadow

shadow

box-shadow

text-shadow

#14. What does the z-index property control in CSS3?

The stacking order of elements

The order of grid items

The size of an element

The position of an element in a flexbox

#15. Which property is used to create a linear gradient in CSS3?

gradient

linear-gradient

background-gradient

background

#16. What is the purpose of the transform property in CSS3?

To adjust the z-index

To add shadows to an element

To change the background of an element

To rotate, scale, skew, or move an element

#17. What does the animation-duration property specify?

The number of animation cycles

The type of animation

The time it takes to complete one cycle of the animation

The delay before the animation starts

#18. Which value of the display property creates a block-level flex container?

block

flex

inline-block

inline

#19. Which property defines the space between the border and content of an element?

spacing

border-width

padding

margin

#20. Which pseudo-class is used to style an element when it is hovered over?

:hover

:active

:link

:focus

Finish

Results

Congratulations !

Opps! Try Again

Menus 📃

Indian Insights 📖

Important QA (महत्वपूर्ण प्र. उ. )

Lifestyle and Entertainment (जीवनशैली और मनोरंजन)

CodeQuest 📖

Web Design

JavaScript & Frameworks

Programming Languages

Database & SQL (Coming soon)

SOCIAL SHARING 🖐

Welcome to CodeQuest

HTML, CSS & Bootstrap