HTML Block and Inline Elements Quiz

Display Values of HTML Elements

• Most HTML elements default to two display values: block and inline.

Block-level Elements

• Block-level elements always start on a new line.
• They extend to fill the entire width available, stretching to both the left and right.

Characteristics of Block-level Elements

• Begin on a new line.
• Occupy full width of their container.

Characteristics of Inline Elements

• Inline elements do not start on a new line.
• They only take up as much width as necessary.

Inline Elements

• Common examples include <span> and <a>.

The <div> Element

• A block-level element often used as a container for other HTML elements.

Required Attributes of <div>

• False: The <div> element has no required attributes, though style and class are frequently used.

The <span> Element

• An inline element commonly used as a container for text.

Required Attributes of <span>

• True: The <span> has no required attributes, but it often utilizes style and class.

Example of Inline Element on a Web Page

• "My Important Heading" would appear in red color and sized at 24px, as an inline element.

Example of Block Element on a Web Page

• "London" as a heading sized at 22px on a black background with white text, includes a description about the city's history and significance, formatted as a block element.