Day 1: Introduction to HTML

  • What is HTML and how it works
  • HTML document structure (<!DOCTYPE html>, <html>, <head>, <body>)
  • Creating first HTML page
  • Practice: Make a “Hello World” page

Day 2: Basic Tags

  • Headings (<h1> to <h6>)
  • Paragraph (<p>)
  • Line breaks (<br>) & Horizontal line (<hr>)
  • Comments in HTML (<!– comment –>)
  • Practice: Create a basic profile page

Day 3: Text Formatting

  • Bold, italic, underline (<b>, <i>, <u>)
  • Superscript & subscript (<sup>, <sub>)
  • Strong & emphasis (<strong>, <em>)
  • Practice: Write an article with headings & formatted text

Day 4:  Links & Navigation

  • Anchor tag (<a>) for internal & external links
  • Target attribute (_blank, _self)
  • Linking to sections with id
  • Email & telephone links
  • Practice: Create a page with navigation links

Day 5: Images

  • <img> tag & attributes (src, alt, width, height)
  • Relative & absolute paths
  • Linking images with <a>
  • Practice: Build a small photo gallery

Day 6: Lists

  • Ordered list (<ol>), unordered list (<ul>)
  • Description list (<dl>, <dt>, <dd>)
  • Nested lists
  • Practice: Create a list of your favorite movies

Day 7: Tables

  • <table>, <tr>, <th>, <td>
  • Table borders, colspan, rowspan
  • Adding captions to tables
  • Practice: Make a timetable for a school week

Day 8: Forms – Basics

  • <form> tag
  • Text input (<input type=”text”>)
  • Password, email, number
  • Labels & placeholders
  • Practice: Create a simple login form

Day 9: Forms – Advanced

  • Radio buttons, checkboxes, select dropdown
  • Textarea
  • Submit & reset buttons
  • Fieldset & legend
  • Practice: Create a registration form

Day 10: Semantic HTML

  • Understanding semantics
  • Tags: <header>, <nav>, <main>, <section>, <article>, <footer>
  • <aside> & <figure>
  • Practice: Create a simple blog layout using semantic tags

Day 11: Multimedia

  • Embedding videos (<video>)
  • Embedding audio (<audio>)
  • YouTube video embedding
  • Practice: Add a video & audio player to a page

Day 12: Iframes & Meta Tags

  • <iframe> for embedding websites/maps
  • <meta> tags for SEO & charset
  • Practice: Embed Google Maps and set meta description

Day 13: HTML Entities & Special Characters

  • Common entities: &copy;, &lt;, &gt;, &amp; 
  • Non-breaking space (&nbsp;)
  • Practice: Write a copyright notice

Day 14: HTML5 Features

  • <details> & <summary>
  • <progress> & <meter>
  • <canvas> introduction
  • Practice: Create an FAQ section using <details> & <summary>

Day 15: Final Project

  • Build a Personal Portfolio Webpage using everything learned: 
  • Header with navigation
  • About section
  • Image gallery
  • Contact form
  • Footer with copyright

Live Search

About Us

Useful Information

The Advice Share YouTube channel is a go-to resource for those eager to expand their knowledge. Each video is thoroughly researched, providing engaging and informative content that makes learning accessible and enriching.

Contact Info

Founded in 2022, Advice Share is a research-based organization dedicated to exploring knowledge across various fields, with a strong focus on humans, nature, and the universe.

Advice Share | Privacy Policy

🔊 Listen to this Article