Learn HTML – Part 2 – head Tag – Defining Metadata
The HTML head tag contains metadata and important information about a webpage. It does not display content directly on the page.
The head section provides instructions to the browser and search engines.
What is the head Tag?
The head tag is placed inside the html tag and before the body tag.
It contains information such as:
- Page title
- Meta tags
- Stylesheets
- Scripts
- Character encoding
Basic Structure
<!DOCTYPE html>
<html>
<head>
<title>My Web Page</title>
</head>
<body>
Content goes here
</body>
</html>
The content inside head is not visible on the webpage.
Important Elements Inside head
1. title Tag
The title tag defines the title shown in the browser tab.
<title>Learn HTML Tutorial</title>
2. meta Tag
The meta tag provides metadata like character encoding and description.
<meta charset="UTF-8">
<meta name="description" content="HTML tutorial for beginners">
3. link Tag
The link tag connects external stylesheets.
<link rel="stylesheet" href="style.css">
4. script Tag
The script tag connects or includes JavaScript files.
<script src="script.js"></script>
Why is the head Tag Important?
- Defines the page title
- Helps with SEO using meta tags
- Loads CSS and JavaScript files
- Defines character encoding
- Improves browser compatibility
The
headsection controls how the page behaves — even though users cannot see it directly.
Quick Summary
| Feature | head Tag |
|---|---|
| Visible on Page? | No |
| Contains | Metadata, title, links, scripts |
| Important for SEO? | Yes |
| Location | Inside html, before body |
Conclusion
The HTML head tag contains important metadata that helps browsers and search engines understand your webpage.
Even though its content is not visible to users, it plays a major role in SEO, styling, and functionality.
What’s Next?
Now that you understand the head tag, the next step is learning about the body tag, where all the visible content of a webpage is displayed.
Next: Learn HTML – Part 3 – body Tag – Displaying Visible Content →
Series: Learn HTML Series
