head, title, and meta

Inside head you place invisible but important data: title (the tab name), meta charset (encoding), meta description (a summary for search engines).

Example

<head>
  <meta charset="UTF-8">
  <title>My first page</title>
  <meta name="description" content="A learning page for practicing HTML.">
</head>

Change the title and description to describe YOUR future page.

Purpose of <head>: a container for metadata, title, styles, and scripts.

Purpose of <title>: the browser tab name and the clickable headline in search results.

charset, name/content, property, and http-equiv on the <meta> tag, with examples.

Generate title, description, Open Graph, and Twitter Card tags for a page.