HTML and CSS Quiz

What is the role of charset attribute? It specifies

• a scheme to be used to interpret the value of the content attribute

• a name for the metadata

• the character encoding for the HTML document

• the character decoding for the HTML document

Answer explanation

The charset attribute in HTML is used to specify the character encoding of the HTML document. Character encoding determines how characters are represented in bytes, which is essential for displaying text correctly, especially when the page includes special characters, symbols, or non-English alphabets.

Which variable is used to collect form data sent with both the GET and POST methods?

• $BOTH

• $_BOTH

• $REQUEST

• $_REQUEST

Answer explanation

In PHP, the $_REQUEST superglobal variable is used to collect form data sent with both GET and POST methods, as well as data from cookies. It is an associative array that automatically retrieves input from $_GET, $_POST, and $_COOKIE.

For grouping together one or more

<h1> to <h6>

element what element is used?

• <header>

• <hgroup>

• <div>

• <section>

Answer explanation

The <hgroup> element in HTML is used to group a set of <h1> to <h6> headings when they form a single composite heading. This is helpful when you have a main heading with one or more subheadings and want to treat them as a unified block for semantic purposes.

Footer element can't contain ____________ information.

• contact information

• copyright information

• the author of the document

• blog post

Answer explanation

: A footer for a document or section is specified by <footer> element. It should contain information about its containing element. This element typically contains the author of the document, links to terms of use, copyright information, contact information.

Which of the following is not an appropriate value for border-collapse?

• all

• collapse

• inherit

• separate

Answer explanation

The border-collapse property in CSS is used with HTML tables to control whether table borders are separated or collapsed into a single border.

Find the specificity of this "li".

• specificity = 0,0,0,1

• specificity = 0,0,1,1

• specificity = 0,1,1,1

• specificity = 1,1,1,1

What will be the output of below mentioned code snippet?

p strong {background-color: yellow;}

• Strong have yellow background

• Strong element within a p element have a yellow background

• Both p and strong have yellow background

• None of the mentioned

Answer explanation

All <strong> elements inside <p> (paragraph) elements will have a yellow background color. The CSS selector p strong is a descendant selector. It targets all <strong> tags that are nested anywhere inside a <p> tag.

Which property is used to add space inside the text field?

• padding

• margin

• number

• password

Answer explanation

Padding property is used to add space inside the text field, when we have many inputs after each other we can also add some margin to add more space outside

Which of the following strings are defined by in css?

• single quotes

• double quotes

• both single quotes and double quotes

• none of the mentioned

Answer explanation

In CSS, strings can be defined using either single quotes (') or double quotes ("). Both are valid and function the same way. This flexibility allows developers to choose one based on context or preference, especially when the string itself may contain one type of quote.

Which of the following is the Color Format that is a CSS's hexadecimal format as color defined in HTML?

• Specification defined named colors

• System Color Names

• 6-Hex Color

• 3-Hex Color

Answer explanation

CSS’s six-digit hexadecimal format is the same as color defined in (X)HTML. The format specifies color as #rrggbb, where rr is the amount of red, gg the amount of green, and bb the amount of blue, all specified in a hexadecimal value ranging from 00 to FF.