lesson1Title

lesson2Title

lesson3Title

lesson4Title

lesson5Title

lesson6Title

lesson7Title

lesson8Title

lesson9Title

lesson10Title

lesson11Title

lesson12Title

lesson13Title

lesson14Title

lesson15Title

lesson16Title

lesson17Title

webLightBasicChapter1Title

webLightBasicChapter2Title

webLightBasicChapter3Title

# head Tag

An HTML document defines a web page and is divided into two parts as follows:

1. `<head>` which provides information (metadata) about the webpage to search engines and browsers.

2. `<body>` which contains the content to be displayed on the web page.

The details defined inside the `<head>` tag are not displayed on the web browser screen, but include metadata such as the title, description, keywords, and style of the web page.

<br />

## Key Elements within the head Tag

### 1. title Element

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

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

<br />

### 2. meta Element

This defines information (metadata) about the webpage for search engines.

For example, you can set the character encoding of the webpage (converting characters to a form that computers can use), viewport (the visible area of the screen) settings, and page descriptions using the meta tag.

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

  
  <meta name="description" content="Website Description" />

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

<br />

### 3. link Tag

Used to link external resources to the webpage. It is commonly used to load fonts or link stylesheets (CSS files that define the style of the webpage).

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

<br />

### 4. script Tag

Loads JavaScript files or scripts that act as the brain of the website.

JavaScript is used to control the behavior of the page (e.g., actions when a button is clicked).

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

<br />