Think of the <head> as a page’s backstage area. It holds information the browser needs—such as the character set, page title, and CSS—while visible text and HTML belong in <body>. section 2.2 section 2.24
A basic head section usually brings together:
- <meta charset="utf-8">, which identifies the page’s character set. section 2.2
- <title>...</title>, which defines the page title. section 2.2 section 2.24
- <style>...</style>, which contains CSS style definitions. section 2.2 section 2.24
Listing 2.1 A Basic HTML Structure for Starting Any Web Page Project
<!DOCTYPE html> #1
<html lang="en"> #2
<head> #3
<meta charset="utf-8"> #4
<title></title> #5
<style></style> #6
</head> #3
<body> #7
</body> #7
</html> #2
Explore a complete starter structure showing where <head> sits between <html> and <body>, with metadata, title, and style elements inside it. section 2.2
A tiny backstage
In a full page, write <head>, place the meta, title, and style elements inside it, then close </head> before opening <body>. In the Web Design Playground, these surrounding elements may be added behind the scenes while you work in the editors. section 2.2
