HTML Fundamentals
BeginnerLearn the building blocks of the web - from basics to semantic HTML and accessibility
Course Lessons
Your First HTML Page
Learn the basic structure of an HTML document
Headings and Paragraphs
Structure text content properly
Text Formatting
Make text bold, italic, and highlighted
Lists
Create bullet points and numbered lists
Links
Connect pages with hyperlinks
Images
Add images to your pages
Forms - Input Fields
Collect user input with forms
Forms - Radio and Checkbox
Create selection inputs
Tables
Display data in tables
Semantic HTML
Use meaningful tags for better structure
HTML Entities and Special Characters
Display special characters and symbols
Divs and Spans
Structure content with containers
HTML Comments
Add notes to your code
HTML Attributes
Add properties to HTML elements
Nested Lists
Create multi-level lists
Description Lists
Create term-definition pairs
Blockquote and Cite
Quote text from other sources
Preformatted Text and Code
Display code and preserve formatting
Abbreviations and Definitions
Mark up abbreviations and key terms
HTML5 Semantic Elements
Use modern semantic tags
Data Attributes
Store custom data in HTML
Meta Tags
Add metadata to your pages
HTML Audio
Embed audio in your pages
HTML Video
Embed videos in your pages
iFrame - Embedding Content
Embed external content
HTML Canvas Basics
Draw graphics with canvas
SVG Basics
Create scalable vector graphics
Details and Summary
Create collapsible content
Progress and Meter
Show progress and measurements
Dialog Element
Create modal dialogs
Template Element
Create reusable HTML templates
Web Components - Custom Elements
Create custom HTML elements
Picture Element - Responsive Images
Serve different images based on conditions
Datalist Element
Create autocomplete inputs
Output Element
Display calculation results
Mark Element
Highlight important text
Ruby Annotations
Add pronunciation guides
BDO - Text Direction
Override text direction
Base URL
Set default URL for relative links
Microdata and Schema.org
Add structured data for SEO
PROJECT: Personal Portfolio Page
Build a complete HTML portfolio using everything learned