lesson1Title

lesson2Title

lesson3Title

lesson4Title

lesson5Title

lesson6Title

lesson7Title

lesson8Title

lesson9Title

lesson10Title

lesson11Title

lesson12Title

webIntroHtmlChapter1Title

webIntroHtmlChapter2Title

webIntroHtmlChapter3Title

webIntroHtmlChapter4Title

# head Tag

An HTML document defining a web page is divided into **2 main sections**:

- `<head>`: Provides information (metadata) to search engines and browsers about the webpage.

- `<body>`: Defines the content to be displayed on the webpage.

The `<head>` section includes metadata such as the page title, description, keywords, and styles.

<br />

## Key Elements within the head Tag

Various types of information can be included within the head tag, but the following elements are commonly used:

<br />

### title Element

Defines the `title` of the web page. This title is displayed on the browser's tab.

```html title="Defining the Webpage Title"
<head>
  <title>My First Webpage</title>
</head>
```

<br />

### meta Element

Defines `metadata` (information about the webpage) that is shown to search engines.

For example, the `<meta>` tag can set the character encoding (converting characters to a format usable by computers), viewport settings (the visible area of the webpage), and the page description.

```html title="Defining Metadata"
<head>
  
  <meta charset="UTF-8" />

  
  <meta name="description" content="Description of the website" />

  
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head>
```

<br />

### link Tag

Used to connect the webpage to `external resources`.

It is commonly used to load fonts or link to a stylesheet (a CSS file that defines the style of the webpage).

```html title="Linking External Resources"
<link
  href="https://fonts.googleapis.com/css2?family=Roboto"
  rel="stylesheet"
/>
```

<br />

### script Tag

Brings in the `JavaScript files or code` which acts as the brain of the website.

JavaScript controls the behavior of the page (e.g., actions performed when a button is clicked).

```html title="Loading JavaScript File"
<head>
  <script src="script.js"></script>
</head>
```

The tag that signifies the start of an HTML document is `<!DOCTYPE html>`. The `<head>` tag contains metadata about the HTML document and is not displayed by the browser.

### The `<head>` tag is used to signify the start of an HTML document.

head Tag

Key Elements within the head Tag

title Element

meta Element

link Tag

script Tag

The <head> tag is used to signify the start of an HTML document.

The `<head>` tag is used to signify the start of an HTML document.