Here’s the basic structure of an HTML document:
www.sk.org
Sudhakar
A paragraph is a fundamental unit of written text, typically consisting of one or more sentences that develop a single, unified idea or topic. It serves to organize longer pieces of writing and make them more readable
### **Key Sections**:
1. **``**
- Declares the document type (HTML5).
2. **``**
- Root element; wraps all content.
- `lang="en"` defines the language (English).
3. **``**
- Contains **meta-information** (not displayed on the page):
- `meta charset="UTF-8"` (character encoding).
- `viewport` (responsive design settings).
- `title` (tab/window title).
- Links to CSS (``).
4. **``**
- Holds **visible content** (headings, paragraphs, images, etc.).
- JavaScript files (``) are usually placed at the end for faster loading.
### **Basic Elements Inside `<body>`**:
- **Headings**: `<h1>`, `<h2>`, etc.
- **Paragraphs**: `<p>`.
- **Links**: `<a href="url">Link`.
- **Images**: `<img src="image.jpg" alt="Description">`.
- **Lists**: `<ul>`, `<ol>`, `<li>`.
- **Divisions**: `<div>` (container for styling/JS).
### **Notes**:
- **Self-closing tags**: `<img>`, `<meta>`, `<br>` (no `` needed).
- **Comments**: `<!-- This is a comment -->`.
This structure is the foundation of every HTML page. 🏗️
<div class="highlight__panel js-actions-panel">
<div class="highlight__panel-action js-fullscreen-code-action">
<svg xmlns="http://www.w3.org/2000/svg" width="20px" height="20px" viewbox="0 0 24 24" class="highlight-action crayons-icon highlight-action--fullscreen-on"><title>Enter fullscreen mode
<path d="M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z"/>
<svg xmlns="http://www.w3.org/2000/svg" width="20px" height="20px" viewbox="0 0 24 24" class="highlight-action crayons-icon highlight-action--fullscreen-off"><title>Exit fullscreen mode
<path d="M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z"/>