// learning in public

HTML
BASICS

Six hand-built projects exploring the fundamentals of the web — structure, semantics, and everything in between. Guided by freeCodeCamp.

↗ View on GitHub See Projects
6 Projects Built
10 Commits
9+ Tags Mastered
∞ Still Learning

Projects

01 / 06
// 01 🎵
Audio & Video Player

Embedded HTML5 media elements with native browser controls. Explores audio and video tag attributes.

<audio> <video> controls src
↗ // 02 📚
Bookstore Page

A book listing page with titles, descriptions, and interactive Buy Now buttons and checkout options.

<div> <button> layout semantics
↗ // 03 🐱
Cat Photo App

The iconic freeCodeCamp starter project. Images, links, lists, and forms — HTML foundations all in one.

<img> <form> <input> <a>
↗ // 04 🌐
List of Browsers

A structured page documenting popular web browsers using clean HTML list and heading elements.

<ul> <ol> <li> structure
↗ // 05 🍽️
Recipe Page

A structured recipe layout with ingredients list and step-by-step instructions using semantic sections.

<section> <article> lists headings
↗ // 06 ✈️
Travel Agency Page

A multi-section travel agency webpage with destinations, navigation, header, and footer structure.

<header> <nav> <footer> sections
↗

Concepts Covered

Document Structure
Text & Typography
Links & Navigation
Images & Media
Lists & Tables
Forms & Inputs
Semantic Elements
Page Layout
Audio & Video Tags