lesson1Title

lesson2Title

lesson3Title

lesson4Title

lesson5Title

lesson6Title

lesson7Title

lesson8Title

lesson9Title

lesson10Title

lesson11Title

lesson12Title

webIntroHtmlChapter2Title

webIntroHtmlChapter1Title

webIntroHtmlChapter3Title

webIntroHtmlChapter4Title

# div, span Tags

The div and span tags wrap HTML elements to structure a webpage.

 

## div (division)

Used to separate or group different parts of a webpage.

Being a block-level element, it takes up the full width of the screen by default, starting and ending on a new line.

```html title="Example of a div element"
<div>
 Paragraph inside a div element
</div>
```

 

## span

Used to select or apply styles to a part of the text or inline elements.

As an inline-level element, it appears in the flow of text without starting a new line, only occupying the width necessary for its content.

```html title="Example of a span element"
This is a sentence inside a span element.
```

 

Note that `div` and `span` themselves do not have visual style or function.

Instead, they are used with CSS (styling) or JavaScript (behavior) to style or add behavior to specific parts of the content.

For example, you can use the following CSS to change the text color within a `span` element to red.

```css title="Applying style to a span element"
span {
 color: red;
}
```

 

Follow the highlighted portions of the code to input them correctly.

The div tag is a block-level element, by default taking up the full width of the screen and starting on a new line. This allows you to systematically structure the layout of a web page.

### What is the most appropriate answer to fill in the blank?