A webpage is split into two main zones: the `<head>` (the brain) and the `<body>` (the visible body).
Invisible Settings: The `<head>` container holds things you don't see on the white screen. It stores your page title, character sets, search-keywords, and stylesheet styles!
Preamble: It sits right at the top, inside the `<html>` root, but before the `<body>` starts.
