This repository documents my hands-on journey through the fundamentals of HTML. It serves as a structured collection of notes, examples, and practice files created to build a rock-solid foundation in web development.
The goal of this repository is to master the essential building blocks of the web through:
- Core Syntax: Understanding HTML structure and document hierarchy.
- Best Practices: Writing clean, semantic, and accessible markup.
- Consistency: Systematic learning through topic-based implementation.
- Reference: Creating a personal handbook for future frontend projects.
- Basic HTML Tags: Essential elements like headings, paragraphs, links, and images.
- Advanced HTML Tags: Working with forms, tables, and media elements.
- Block vs. Inline Elements: Understanding display behaviors and document flow.
- Semantic HTML: Using meaningful tags for better SEO and accessibility.
| Directory | Description |
|---|---|
/Basic-Tags |
Core HTML elements and basic text formatting. |
/Advance-Tags |
Complex elements like forms, inputs, and tables. |
/Block-Inline |
Visualizing layout fundamentals and element behavior. |
/Semantic-Tags |
Structuring documents for meaning and accessibility. |
To explore these notes locally, follow these steps:
- Clone the repository:
git clone https://github.com/AnkushSaral/HTML-Learning.git
- Navigate to a directory:
cd Basic-Tags - Run the files: Open any .html file in your preferred browser or code editor.
I follow a practical, implementation-first strategy. Instead of just reading theory, every concept is immediately reinforced by building a standalone HTML page within the corresponding folder.
- CSS Integration: Adding styles and exploring Flexbox/Grid.
- JavaScript: Introducing logic and DOM manipulation.
- Mini Projects: Building real-world components (e.g., landing pages).
This is a personal learning log, but I am always open to feedback! If you have suggestions or see room for improvement, feel free to open an issue or submit a pull request.