HTML & CSS Part II

What should be added to the "???" to ensure the website is responsive and adjusts to different screen sizes?

• width=device-width, initial-scale=1.0

• width=100%, initial-scale=1.0

• width=device-width, initial-scale=0.5

• D) width=device-width, initial-scale=2.0

What value should replace the "???" to apply the CSS rules inside the media query when the screen width is 768 pixels or less?

• 768px

• 980px

• 1200px

• D) 600px

Which metadata element is responsible for specifying the character encoding of the HTML document?

• <title>

• <meta charset="UTF-8">

• <meta name="viewport" content="width=device-width, initial-scale=1.0">

• <meta name="keywords" content="HTML, CSS, web development">

What will be the result of adding the given inline CSS to the <div> element?

• The <div> will be centered on the page.

• The <div> will be positioned 50 pixels from the top and 100 pixels from the left of its parent container.

• The <div> will be positioned 50 pixels from the top and 100 pixels from the left of the screen.

• The <div> will be positioned at the top-left corner of the screen.

What will be the positioning of the .box element within the .container?

• The .box element will be positioned at the top-left corner of the .container.

• The .box element will be positioned at the center of the .container.

• The .box element will be positioned at the bottom-right corner of the .container.

• The .box element will be hidden within the .container.

What is the total width of the box, including content, padding, border, and margin?

• 100px

• 124px

• 164px

• 204px

What does the <track> element do in this code?

• It displays an image.

• It embeds a video with captions.

• It plays audio files.

• It creates a track for the video to follow.

What does the controls attribute in the <video> element do?

• It adds a play button to the video.

• It enables fullscreen mode for the video.

• It adds a volume control to the video.

• It adds playback controls (play, pause, volume) to the video.

How will the child element (.child) be positioned inside the parent element (.parent)?

• The child element will be centered both horizontally and vertically within the parent element.

• The child element will be placed at the top-left corner of the parent element.

• The child element will be placed at the center of the parent element but only horizontally.

• The child element will be placed at the center of the parent element but only vertically.

What will be the font size of the paragraph when the screen width is 320px?

• 16px

• 14px

• 12px

• 10px