Physical Address
304 North Cardinal St.
Dorchester Center, MA 02124
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: ©, <, >, &
- Non-breaking space ( )
- 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
