BCSE203E Web Programming

Activity 4

1. Div and Span

Div: This is a block-level element. It starts on a new line and takes up the full width available.

Span: This is an inline element. It flows inline with surrounding text or elements.

2. Div and Section

Div: A non-semantic block-level container commonly used for grouping elements.

Section: A semantic container for grouping related content logically.

3. Paragraph and Article

Paragraph: A short block of text used to convey a single idea or piece of information.

Article: A standalone container for content like blog posts or news stories.

4. Navigation and Anchor

5. Figure and Image

Profile Image
A placeholder image inside a figure.

6. Label and Legend


Details

7. Strong vs Bold vs Emphasis

Strong: This text is important.

Bold: This text is bold without semantic meaning.

Emphasis: This text is emphasized.