Skeletal Tags
beginnerPart of Getting Started with HTML
Theory
Every HTML document shares the same basic structure. These "skeletal tags" are the foundation upon which all web content is built.
<!DOCTYPE html>
This declaration must be the very first line. It tells the browser to render the page in standards mode, ensuring consistent rendering across modern browsers. Without it, browsers fall back to quirks mode — unpredictable and outdated behavior.
<html> — The Root Element
The <html> tag wraps all content on the page. The lang attribute should specify the page language for accessibility and search engines:
<html lang="en"><head> — Metadata Container
The <head> holds information about the document, not visible content. Common elements include:
<title>— the page title shown in the browser tab<meta charset="UTF-8">— character encoding<meta name="description">— SEO description<link>— stylesheets<style>— internal CSS
<body> — Visible Content
Everything displayed in the browser window goes inside <body>: headings, paragraphs, images, links, and all other content elements.
Exercises
Build a Page Skeleton
Create a complete HTML skeleton with DOCTYPE, html (with lang attribute), head containing title and charset meta, and body with a heading and a paragraph.
Expected Output:
A complete HTML page with 'My Skeleton Page' as the title, 'My Page' as the h1 heading, and a paragraph introducing the page.