Welcome to the HTML Learning Repository.
This repository contains my personal notes, experiments, and code examples as I systematically learn and explore HTML fundamentals.
The goal is clarity over noise:
- ✅ Beginner-friendly explanations
- ✅ Practical, runnable examples
- ✅ Clean structure for long-term reference
Whether you’re starting from zero or revisiting core concepts, this repo is designed to be fast to read and easy to reason about.
This repository focuses on learning HTML through hands-on examples and important conceptual notes.
-
Basic HTML Structure
- Core document anatomy:
<!DOCTYPE html>,<html>,<head>,<body>
- Core document anatomy:
-
HTML Elements and Tags
- Common building blocks:
<h1>–<h6>,<p>,<a>,<img>,<div>,<span>
- Common building blocks:
-
Lists
- Ordered (
<ol>), unordered (<ul>), and definition lists (<dl>)
- Ordered (
-
Forms and Input Elements
- Interactive UI with
<form>,<input>,<textarea>,<select>,<button>
- Interactive UI with
-
Tables
- Structured data using
<table>,<tr>,<th>,<td>
- Structured data using
-
Semantic HTML
- Meaningful structure with
<header>,<footer>,<section>,<article>,<nav>
- Meaningful structure with
-
Multimedia
- Images, audio, and video via
<img>,<audio>,<video>
- Images, audio, and video via
-
HTML Attributes
- Global and custom attributes:
class,id,style,data-*
- Global and custom attributes:
-
HTML5 Features
- Modern elements:
<canvas>,<svg>,<details>,<summary>
- Modern elements:
-
Accessibility
- Accessible markup using semantic HTML,
alttext, and ARIA roles
- Accessible markup using semantic HTML,