UN
unseenumair/html
"HTML Code Learnings"
HTML Learning Repository
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.
🎯 What’s Inside?
This repository focuses on learning HTML through hands-on examples and important conceptual notes.
📂 Topics Covered
-
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,