html-head

Metadata about the page and what assets to load.
Define using meta element

<meta charset="utf-8">
<meta name="description" content="what it will show in the search result.">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>The Title</title>

HTML title

The example shows various meta tags, such as charset and description
Other meta elements could include

• author, keywords, description

link Element

• used to link to css, js, favicon and other assets

<link rel="stylesheet" href="style.css">

• the rel tells the browser which kind of asset is it and href is link to that asset
• other types of rel could include icon, preload

favicon

<link rel="icon" type="image/x-icon" href="favicon.ico">

script element

<script src="script.js"></script>

base element

<base href="https://www.w3schools.com" target="_blank">

Base sets the base url or default link behavior on all the site