HTML Tutorial

A structured collection of my HTML learning journey, including concepts, examples, and practice exercises created while learning HTML5 and the fundamentals of web development.

📚 Topics Covered

• HTML Fundamentals
• HTML Elements & 标签
• Headings & Paragraphs
• Lists
• Links & Anchors
• Images
• HTML Attributes
• Inline & Block Elements
• div & span
• Semantic HTML
• HTML Entities
• Tables
• Forms
• Input Elements
• Buttons
• Checkboxes & Radio Buttons
• Select & Range Inputs
• Textarea
• Emmet
• HTML Practice Exercises

📂 仓库 Structure

html-tutorial/
│
├── 01-Basics/
│   ├── 01-01-hello-world.html
│   ├── 01-02-paragraph.html
│   ├── 01-03-heading-elements.html
│   ├── 01-04-practice.html
│   └── 01-05-boilerplate.html
│
├── 02-Lists-Links-Images/
│   ├── 02-01-lists.html
│   ├── 02-02-attributes.html
│   ├── 02-03-anchor-element.html
│   ├── 02-04-image-element.html
│   ├── 02-05-practice.html
│   ├── 02-06-more-html-tags.html
│   ├── 02-07-comments.html
│   ├── 02-08-case-sensitivity.html
│   └── 02-09-practice.html
│
├── 03-Semantic-HTML/
│   ├── 03-01-inline-vs-block.html
│   ├── 03-02-div-element.html
│   ├── 03-03-span-element.html
│   ├── 03-04-hr-tag.html
│   ├── 03-05-sup-sub-tags.html
│   ├── 03-06-practice.html
│   ├── 03-07-semantic-markup.html
│   ├── 03-08-semantic-tags.html
│   ├── 03-09-practice.html
│   ├── 03-10-html-entities.html
│   ├── 03-11-practice.html
│   └── 03-12-emmet.html
│
├── 04-Tables/
│   ├── 04-01-tables.html
│   ├── 04-02-semantics-in-tables.html
│   ├── 04-03-colspan-rowspan.html
│   └── 04-04-practice.html
│
├── 05-Forms/
│   ├── 05-01-forms.html
│   ├── 05-02-input-form-element.html
│   ├── 05-03-placeholders-labels.html
│   ├── 05-04-button-element.html
│   ├── 05-05-name-attribute.html
│   ├── 05-06-practice.html
│   ├── 05-07-checkbox-input.html
│   ├── 05-08-radio-input.html
│   ├── 05-09-select-input.html
│   ├── 05-10-range-input.html
│   ├── 05-11-textarea.html
│   └── 05-12-practice.html
│
├── assets/
│   └── images/
│       ├── apple.jpg
│       ├── mango.jpg
│       ├── orange.jpg
│       └── The-Blockchain-Hive.jpg
│
├── LICENSE
└── README.md

📝 Learning Approach

This repository contains my implementations and practice code created while learning HTML. The files are organized progressively, starting with basic HTML concepts and moving toward semantic HTML, tables, forms, and other core HTML topics.

📌 How You Can Help

• ⭐ Star this repository if you find it useful!
• 🔗 Share it with your friends and batchmates.
• 🛠️ Contribute by creating a Pull Request if you have more materials to share.

🤝 Connect with Me

     

Thank you for visiting! Happy Learning 🚀