How to Work with Simple <head> and <body> Elements
In this how-to, you'll learn about the two main parts of an HTML document.
At it's simplest, an HTML document contains what can
be thought of as a skeleton — the main structure of the page.
It looks like this:
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
</body>
</html>
Every HTML document contains two main parts: the <head>
element and the <body>
element.
The <head>
Element
The <head>
element contains content that is
not displayed on the page itself. Some of the elements
commonly found in the <head>
are:
- Title of the page (
<title>
). Browsers typically show the title in the "title bar" at the top of the browser window. - Meta tags, which contain descriptive information about
the page (
<meta>
). - Script blocks, which contain JavaScript for adding
functionality and interactivity to to a page (
<script>
). - References (or links) to external style sheets (
<link>
).
The <body>
Element
The <body>
element contains all the content
that appears on the page itself. Tags that can be placed
within the scope of body tag will be covered in other how-tos.