HTML Essentials: File Path, Boilerplate, Structure Tags 🗂️

1️⃣ File Path in HTML 📁

File Path

🛣️ Absolute Path: Full path from the root directory.
/images/photo.jpg
🗂️ Relative Path: Path relative to the current file.
images/photo.jpg

2️⃣ HTML Boilerplate Code 🏗️

HTML Boilerplate

3️⃣ HTML Structure Tags 🏷️

📦 <div>: Generic container for grouping content.
🎨 class: Attribute for styling multiple elements together.
🆔 id: Attribute for uniquely identifying a single element.
🔝 <header>: Defines the top section (logo, nav, etc.).
🔚 <footer>: Defines the bottom section (copyright, links).
📄 <main>: Main content of the page.

Tag/Attribute	Purpose	Example
<div>	Generic container	<div>Content</div>
class	Group for styling	<div class="box">...</div>
id	Unique identifier	<div id="header">...</div>
<header>	Top section	<header>Site Title</header>
<footer>	Bottom section	<footer>Copyright 2025</footer>
<main>	Main content	<main>Article</main>

4️⃣ Example: Page Structure 🏠

Page Structure