HTML Tutorial
INTRODUCTION
HTML BASIC TAGS
INLINE & BLOCK ELEMENTS
HTML LISTS
HTML TABLES
HTML FORMS
HEAD ELEMENTS
HTML MEDIA
MISCELLANEOUS TAGS
Skeletal Tags
Before diving deep into HTML elements, it’s essential to understand the foundational tags that from the skeleton of every HTML document. These tags define the overall structure and are mandatory for any properly formed HTML page.
Let’s break them down one by one.
<html> – The Root Element of an HTML Document
The <html> tag is the root of every HTML page. All other elements (head, body, and everything else must be nested inside this tag.
Syntax:
<html>
<!-- Everything else goes inside here -->
</html>
<head> – The Head Section of the Page
The <head> tag contains meta-information about the webpage. It doesn’t display anything on the actual page but is important for SEO, styling, and functionality.
Syntax:
<head>
<!-- Metadata, title, styles, and scripts -->
</head>
<title> – Page Title
The <title> tag sets the text shown on your browser tab or window title bar. It is also used by search engines and when bookmarking the page.
Syntax:
<title>Welcome to My Website</title>
<body>– The Content Section of the Page
The <body> tag holds everything visible on the webpage – text, images, videos, forms, links, etc. It’s where the actual content of your site lives.
Syntax:
<body>
<h1>This is a heading</h1>
<p>This is a paragraph inside the body.</p>
</body>
The Skeleton of an HTML Page
Here’s how a complete HTML document looks using these skeletal tags:
