Skip to content

NidaSyeda/HTML-guide

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

5 Commits
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

🌐 Learn HTML One Step at a Time

Welcome to Learn HTML One Step at a Time β€” a beginner-friendly, hands-on repository that helps you learn HTML from scratch with clear steps, real-world mini projects, and creative challenges.
This repo is designed for self-learners, beginners, and open-source enthusiasts who want to truly understand HTML and build real webpages while learning.


πŸš€ About This Repository

This repository teaches HTML in small, focused steps.
Each folder represents one concept β€” explained clearly, practiced with an example, and followed by a creative task for you to do your own way.

You’ll not only follow instructions but also add something original, making your journey unique and helping others learn from your creativity.


🧭 How to Use This Repository

  1. Fork this repository to your own GitHub account.
  2. Start from 01_Introduction_to_HTML/ and move step by step.
  3. Inside each folder:
    • Read the README.md for explanations and tasks.
    • Try the sample HTML file.
    • Complete the challenge by adding your own creative version.
  4. Push your changes to your fork and share your learning progress.

πŸ—οΈ Repository Structure

Learn-HTML-One-Step-at-a-Time/
β”‚
β”œβ”€β”€ 01_Introduction_to_HTML/
β”‚   β”œβ”€β”€ README.md        # What is HTML + first mini task
β”‚   └── index.html       # Your first HTML page
β”‚
β”œβ”€β”€ 02_Text_and_Headings/
β”‚   β”œβ”€β”€ README.md
β”‚   └── article.html
β”‚
β”œβ”€β”€ 03_Links/
β”‚   β”œβ”€β”€ README.md
β”‚   └── pages/
β”‚       β”œβ”€β”€ home.html
β”‚       β”œβ”€β”€ about.html
β”‚       └── contact.html
β”‚
β”œβ”€β”€ 04_Images_and_Media/
β”‚   β”œβ”€β”€ README.md
β”‚   β”œβ”€β”€ image.html
β”‚   └── media.html
β”‚
β”œβ”€β”€ 05_Lists/
β”‚   β”œβ”€β”€ README.md
β”‚   └── recipe.html
β”‚
β”œβ”€β”€ 06_Semantic_HTML/
β”‚   β”œβ”€β”€ README.md
β”‚   └── layout.html
β”‚
β”œβ”€β”€ 07_Forms_Basics/
β”‚   β”œβ”€β”€ README.md
β”‚   └── contact_form.html
β”‚
β”œβ”€β”€ 08_Forms_Advanced/
β”‚   β”œβ”€β”€ README.md
β”‚   └── signup_form.html
β”‚
β”œβ”€β”€ 09_Tables/
β”‚   β”œβ”€β”€ README.md
β”‚   └── schedule.html
β”‚
β”œβ”€β”€ 10_Accessibility/
β”‚   β”œβ”€β”€ README.md
β”‚   └── accessible_page.html
β”‚
β”œβ”€β”€ 11_Meta_and_SEO/
β”‚   β”œβ”€β”€ README.md
β”‚   └── meta_tags.html
β”‚
β”œβ”€β”€ 12_Project_MiniSite/
β”‚   β”œβ”€β”€ README.md
β”‚   └── full_site/
β”‚       β”œβ”€β”€ index.html
β”‚       β”œβ”€β”€ about.html
β”‚       └── contact.html
β”‚
β”œβ”€β”€ resources/
β”‚   β”œβ”€β”€ cheat_sheets/
β”‚   β”œβ”€β”€ reference_links.md
β”‚   └── html_checklist.md
β”‚
└── README.md             # Main guide (this file)

πŸ’¬ Share your version or progress

Let’s make learning HTML a creative community journey together! ✨

About

Learning html effectively

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages