<head>

Contains metadata and settings.

The `<head>` element is a container for metadata (data about data) and is placed between the `<html>` tag and the `<body>` tag. Metadata is not displayed on the page itself but defines important settings like the document's title, character set, styles, scripts, and other meta information used by browsers and search engines.

Live Example & Code

Preview Output

<head>
  <title>My Title</title>
  <meta charset="UTF-8">
  <link rel="stylesheet" href="styles.css">
</head>

Open in Playground