Learn HTML: Build Web Pages

Coddykit

Contains adsIn-app purchases

About this app

Learn HTML step by step and build real web pages on your phone. Start with your first tag, move on to forms, tables and semantic HTML5, and finish with accessibility, web components and HTML at scale. Write HTML code in the editor and watch the page render live in the preview.

This HTML tutorial is made for beginners and keeps going as you grow. Every course covers one topic, every lesson is short, and the editor is always one tap away, so you practice each new tag right after you read about it.

WHAT'S INSIDE
• 40 courses and 159 bite-sized lessons, from beginner (A1) to advanced (C1)
• A live HTML editor with instant preview: write your markup, add CSS and JavaScript files, and watch your website take shape
• 20 guided projects, one step at a time: a recipe box page, a contact form, a photo gallery, a navigation bar, an accessible price table and more
• 20 debugging missions: a signup form that sends nothing, a label nobody can tap, a page that loads zoomed out
• A final exam and a certificate of completion
• The app is available in 22 languages

A COMPLETE COURSE, BEGINNER TO ADVANCED
• Document structure, text, links, images, figures and lists
• Tables, attributes and global attributes
• Forms: basic inputs, advanced controls and validation attributes
• Semantic HTML5 elements, the head and metadata, audio and video
• Accessibility basics, ARIA roles and advanced ARIA patterns
• Data attributes, templates, canvas, SVG and iframes
• Web storage, drag and drop, SEO and social meta tags, email templates
• Performance, web components, shadow DOM, import maps and progressive enhancement
• Internationalization, security, the History and Navigation API, Intersection Observer
• Markup for PWAs, validation and testing, and what comes next for the web platform

PRACTICE THAT STICKS
• HTML quizzes to check what you learned
• A cheat sheet with 80 entries of HTML tags, elements and attributes
• 50 interview questions with clear answers, useful before a web developer interview
• A code library of short examples you can open and edit
• Save your own code, notes and favorite lessons
• Challenge a friend with a code or play a random opponent
• World Coding Challenge: three global rounds a day, solved in Python, JavaScript and other languages
• Streaks, XP, a leaderboard and daily reminders to keep your practice going

AI MENTOR
• Stuck on a tag or an error? Ask the AI mentor about a concept or your own code
• Free users get a daily AI allowance; Pro makes it unlimited

WHO IT'S FOR
• Complete beginners writing their first page
• Students who want extra practice alongside a course
• Bloggers, designers and makers who want to edit the code behind their site
• Anyone heading toward CSS, JavaScript or front end work
• Career switchers building a first portfolio page

HOW IT WORKS
1. Start with the free first course: HTML document structure
2. Open the editor, type a tag and watch the preview update
3. Move up the path: forms, tables, semantic elements and accessibility
4. Build guided projects and fix real markup bugs in the missions
5. Pass the final exam and earn your certificate

FREE AND PRO
The first course, the first guided project, two missions and the live editor are free, with a daily AI mentor allowance. Pro unlocks every course, all projects and missions, the certificate exam and unlimited AI, and removes ads.

Start today, learn HTML at your own pace and build your first web page in minutes.