# HTML structure and semantics

> A structural unit of HTML represented by a tag and its content.

Course: [Web development foundations](https://studybrix.com/en/courses/web-development/index.md)
Level: university
Prerequisites: Basic computer literacy.

## Notes

### Element

A structural unit of HTML represented by a tag and its content.

### Semantic markup

Elements chosen for meaning and document structure, not visual appearance alone.

### Attribute

Extra information placed on an HTML element.

### Document outline

The logical hierarchy created by headings, landmarks and sections.

## Practice questions

### 1. Which term best matches this description: A structural unit of HTML represented by a tag and its content.

A. Element
B. Semantic markup
C. Attribute
D. Document outline

Answer: Element

Explanation: Element is the matching concept in this lesson.

### 2. Which term best matches this description: Elements chosen for meaning and document structure, not visual appearance alone.

A. Document outline
B. Element
C. Semantic markup
D. Attribute

Answer: Semantic markup

Explanation: Semantic markup is the matching concept in this lesson.

### 3. Which concept would you apply first in a situation where extra information placed on an HTML element.

A. Attribute
B. Element
C. Document outline
D. Semantic markup

Answer: Attribute

Explanation: The scenario directly calls for Attribute.

### 4. Name the concept described as: The logical hierarchy created by headings, landmarks and sections.

Answer: Document outline

Explanation: The intended concept is Document outline.

### 5. Which statement about Element is most accurate?

A. Extra information placed on an HTML element.
B. Elements chosen for meaning and document structure, not visual appearance alone.
C. A structural unit of HTML represented by a tag and its content.
D. The logical hierarchy created by headings, landmarks and sections.

Answer: A structural unit of HTML represented by a tag and its content.

Explanation: The definition in the lesson notes gives the required condition.

### 6. Explain one important difference between Element and Semantic markup.

Sample answer / marking guidance: Element: A structural unit of HTML represented by a tag and its content. Semantic markup: Elements chosen for meaning and document structure, not visual appearance alone.

Explanation: Credit a clear distinction using both definitions and an appropriate example if supplied.

### 7. Give a short example showing how Attribute would be used in practice.

Sample answer / marking guidance: A valid example should demonstrate this idea: Extra information placed on an HTML element.

Explanation: Credit a relevant scenario that applies the concept rather than merely naming it.

### 8. Summarize why Document outline matters in the lesson “HTML structure and semantics”.

Sample answer / marking guidance: Document outline matters because The logical hierarchy created by headings, landmarks and sections.

Explanation: Credit the core purpose, scope and any important limitation from the notes.

## Further reading

- https://developer.mozilla.org/

Original AI-assisted educational draft; not independently teacher-reviewed. References support further study, not copied exercises, affiliation or curriculum accreditation.