Learning path
HTML
The language for building web pages. Start here if you are new to web development.
-
1
HTML Introduction
What HTML is, what a web page is made of, and your first complete HTML page that you can edit and run right away.
-
2
HTML Editors
Write HTML on your own computer: create your first .html file in Notepad or TextEdit, then set up VS Code, the free editor most developers use.
-
3
HTML Basic Structure
The outline every HTML page shares: doctype, html, head, title, meta tags and body, what each one does and the mistakes to avoid.
-
4
HTML Elements
How HTML elements work: opening and closing tags, content, nesting elements correctly, empty elements like br and img, and block versus inline.
-
5
HTML Attributes
Attributes give elements extra information: href for links, src and alt for images, lang, title, id and class, with the rules for writing them correctly.
-
6
HTML Headings
The six heading levels from h1 to h6, how to build a clear outline with them, and why headings matter for readers, screen readers and Google.
-
7
HTML Paragraphs
How the p element works, why browsers ignore your extra spaces, and when to use line breaks, horizontal rules and pre for preformatted text.
-
8
HTML Text Formatting
Bold, italic, highlighted, small, deleted, inserted, subscript and superscript text, and the difference between strong and b, em and i.
-
9
HTML Links
Create links with the a element: absolute and relative URLs, opening links in a new tab safely, linking to a section, email and phone links, and writing good…
-
10
HTML Images
Add images with the img element, write useful alt text, set width and height, choose the right file format and make images load fast with lazy loading.
-
11
HTML Lists
Unordered, ordered and description lists, nested lists, numbering options and why navigation menus are built from lists.
-
12
HTML Tables
Build tables with table, tr, th and td; add headers, captions and sections; merge cells with colspan and rowspan; and know when not to use a table.
-
13
HTML Div and Span
Block and inline elements explained, and how the generic div and span containers group content for styling and scripting.
-
14
HTML Classes and IDs
Name elements with the class and id attributes, use them from CSS and JavaScript, and learn the naming rules that keep a project tidy.
-
15
HTML Forms
How forms collect information: the form element, action and method, labels, text inputs, the name attribute and submit buttons.
-
16
HTML Form Inputs
Every common input type, from email, number and date to checkboxes, radio buttons and dropdowns, plus built-in validation with required, min, max and pattern.
-
17
HTML Semantic Elements
Describe the parts of a page with header, nav, main, article, section, aside and footer, and see why meaningful HTML helps readers and search engines.
-
18
HTML Media (Audio and Video)
Play sound and video with the audio and video elements, offer several file formats, add captions, and embed YouTube videos with iframe.
-
19
HTML Accessibility Basics
Make pages everyone can use: who relies on accessibility, keyboard access, alt text, labels, contrast, headings, landmarks and when to use ARIA.
-
20
HTML Project: Build a Personal Profile Page
Put the whole HTML course into practice by building a complete, accessible personal profile page step by step, ready to style in the CSS course.