Welcome to HTML for Complete Beginners 🎉
This repository is created to help absolute beginners learn HTML from zero, using simple English, step-by-step lessons, and clear examples.
👉 No prior programming knowledge is required.
HTML stands for HyperText Markup Language.
- HTML is used to create the structure of web pages
- It is not a programming language
- HTML uses tags to describe content like text, images, links, and forms
By completing this repository, you will be able to:
- Understand how web pages are structured
- Write basic HTML by yourself
- Create simple static web pages
html-for-complete-beginners/
│
├── 00-introduction/
│ └── 00-what-is-html.html
│
├── 01-basic-structure/
│ └── 01-html-structure.html
│
├── 02-text-content/
│ ├── 02-headings.html
│ ├── 03-paragraphs.html
│ └── 04-text-formatting.html
│
├── 03-links-images/
│ ├── 05-links.html
│ └── 06-images.html
│
├── 04-lists-tables/
│ ├── 07-lists.html
│ └── 08-tables.html
│
├── 05-forms/
│ ├── 09-forms-basics.html
│ └── 10-input-types.html
│
├── 06-layout-basics/
│ └── 11-div-span.html
│
├── 07-mini-projects/
│ ├── 12-simple-profile-page.html
│ └── 13-simple-form-page.html
│
├── README.md
└── CONTRIBUTING.md
File: 00-introduction/00-what-is-html.html
- Meaning of HTML
- What HTML is used for
- HTML is not programming
File: 01-basic-structure/01-html-structure.html
<!DOCTYPE html><html>,<head>,<body><title>
👉 This is the most important lesson.
File: 02-headings.html
<h1>to<h6>- Importance of
<h1>
File: 03-paragraphs.html
<p><br>(line breaks)
File: 04-text-formatting.html
<b>,<strong><i>,<em><u>
File: 05-links.html
<a>hreftarget="_blank"
File: 06-images.html
<img>srcalt(very important)
File: 07-lists.html
- Ordered list
<ol> - Unordered list
<ul> - List items
<li>
File: 08-tables.html
<table><tr>,<th>,<td>
File: 09-forms-basics.html
<form><label><input>
File: 10-input-types.html
textpasswordemailsubmit
File: 11-div-span.html
- Block vs inline elements
<div><span>
File: 12-simple-profile-page.html
Includes:
- Heading
- Image
- Paragraph
- List
- Link
🎯 Goal: Create a simple personal web page using HTML.
File: 13-simple-form-page.html
Includes:
- Name
- Password
- Submit button
🎯 Goal: Learn how forms collect user input.
✔ One concept per file ✔ Clear comments ✔ No CSS ✔ No JavaScript ✔ Simple English ✔ Beginner-friendly
Contributions are welcome! If you want to help beginners learn HTML:
- Fork this repository
- Create a new branch
- Add improvements (clear explanations only)
- Open a Pull Request
Please read CONTRIBUTING.md before contributing.
After finishing this repository, you should learn:
- CSS – styling web pages
- JavaScript – making pages interactive
If this repository helps you:
- ⭐ Star the repo
- Share it with beginners
- Help others learn HTML ❤️
Also, there are some other projects after compliting this lessons you can try.
Happy coding!... 🎉