Skip to content

Day9

Directory actions

More options

Directory actions

More options

Latest commit

 

History

History

Day9

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
README.md
README.md
 
 

README.md

📘 Day 9 – HTML Introduction & Core Elements

🔰 Overview

Welcome to Day 9 of your HTML journey! This day was all about understanding the foundation of every webpage – HTML’s core building blocks.

You learned how to structure a basic webpage, add headings, write paragraphs, create lists, insert links, embed images, and display data using tables. Think of this as learning the “alphabet” of web development.

📂 File Structure

Day9/
└── Readme.md     # Readme file covering basic HTML elements

🧠 Concepts Covered

✅ HTML Structure

  • <!DOCTYPE html>, <html>, <head>, <body>
  • Importance of document hierarchy

✅ Headings & Paragraphs

  • <h1> to <h6> for titles
  • <p> for text blocks

✅ Text Formatting

  • <strong> for bold emphasis
  • <em> for italics
  • <br> for line breaks
  • <hr> for thematic breaks

✅ Lists

  • Unordered (<ul>) and ordered (<ol>) lists
  • <li> for list items

✅ Links & Images

  • <a> with href and target="_blank"
  • <img> with src and alt

✅ Tables

  • <table>, <tr>, <th>, <td> for tabular data

💡 Skills Sharpened

✔️ Structuring a webpage from scratch ✔️ Adding and formatting text ✔️ Linking pages and resources ✔️ Presenting data in a table

📌 Quick Tips

  • Always include alt for images – it’s good for SEO and accessibility.
  • Use headings in order (h1 before h2) for better document structure.
  • Test links to ensure they open as intended.

🚀 Keep Going!

You’ve now mastered HTML basics. Next, we’ll explore how to give HTML more meaning with attributes and semantic tags in Day 10.