lesson1Title

lesson2Title

lesson3Title

lesson4Title

lesson5Title

lesson6Title

lesson7Title

lesson8Title

lesson9Title

lesson10Title

webIntroHtmlChapter3Title

lesson11Title

lesson12Title

webIntroHtmlChapter1Title

webIntroHtmlChapter2Title

webIntroHtmlChapter4Title

# style Tag

The `<style>` tag is used to define CSS styles for elements within the HTML document.

<br />

## Usage

The `<style>` tag should be placed inside the HTML `<head>` section.

By adding CSS rules within the style tag, you can apply styles to various elements of the web page as shown below.

(Note: Detailed information about CSS will be introduced after the HTML course)

```html title="Example of <style> Tag Usage"
<!DOCTYPE html>
<html>
  <head>
    <style>
      body {
        background-color: lightblue;
      }

      h1 {
        text-align: center;
      }
    </style>
  </head>
  <body>
    <h1>Hello, World!</h1>
  </body>
</html>
```

The above style tag sets the background color of the web page to light blue and centers the text of the `<h1>` tag.

<br />

## Advantages of the style Tag

- Styles can be applied directly to a web page without referencing an external CSS file.

- Useful for applying styles to specific pages.

<br />

## Disadvantages of the style Tag

- Maintaining complex websites can be difficult, as you may need to apply the same styles repeatedly across multiple pages.

- It can impact the loading time of the web page since a large amount of style information increases the page size.

<br />

## Summary of the style Tag

- The style tag is placed within the `<head>` section.

- While it allows you to include CSS style rules directly in the HTML document without referencing an external CSS file, it can be difficult to maintain for complex websites.

The <style> tag is located in the <head> section of an HTML document to define CSS style rules. This is used to apply styles to various elements on the web page.

style Tag

Usage

Advantages of the style Tag

Disadvantages of the style Tag

Summary of the style Tag

Where should the tag be located in an HTML document?

Where should the