HTML Home
HTML Tutorials
Here’s a list of HTML learning topics, arranged from beginner to advanced:
Beginner HTML Topics:
- HTML Introduction: What is HTML?
- HTML Hello World: Setting Up Your First HTML Page
- HTML Documents: (
<!DOCTYPE>
,<html>
,<head>
,<body>
) - HTML Headings (
<h1>
to<h6>
) - HTML Paragraphs and Line Breaks (
<p>
,<br>
) - HTML Text Formatting (
<b>
,<i>
,<u>
,<strong>
,<em>
) - HTML Lists: Ordered (
<ol>
), Unordered (<ul>
), and Description (<dl>
) - HTML Links (
<a>
), Internal and External - HTML Images (
<img>
), Adding and Resizing - HTML Tables (
<table>
,<tr>
,<td>
,<th>
,<thead>
,<tbody>
,<tfoot>
) - HTML Forms (
<form>
,<input>
,<label>
,<textarea>
,<button>
) - HTML Form Elements: Text, Radio, Checkbox, Submit, Dropdowns
- HTML Form Validation (Required Fields, Email, Numbers)
- HTML Comments (
<!-- Comment -->
) - HTML Entities and Symbols (
&
,<
,>
) - HTML Colors (Named Colors, Hex, RGB)
- HTML Attributes (Global and Element-Specific)
- HTML Meta Tags (
<meta>
for SEO and Social Media) - HTML Block vs Inline Elements
- HTML Iframes (
<iframe>
) - Embedding Other Web Pages - HTML Audio (
<audio>
), Embedding Sound - HTML Video (
<video>
,<source>
,<track>
) - HTML Buttons (
<button>
vs<input type="button">
) - HTML Div (
<div>
) and Span (<span>
) - HTML Semantic Elements (
<article>
,<section>
,<header>
,<footer>
,<aside>
)
Intermediate HTML Topics:
- HTML Forms: Action and Method Attributes
- HTML5 Input Types (
date
,email
,number
,range
, etc.) - HTML5 Placeholder and Autofocus Attributes
- HTML5 Local Storage (
localStorage
andsessionStorage
) - HTML5 Web Workers (Background Processing)
- HTML5 Geolocation API (Getting User Location)
- HTML5 Drag and Drop API
- HTML5 Canvas (
<canvas>
) - Drawing Graphics - HTML5 SVG (
<svg>
) - Scalable Vector Graphics - HTML Data Attributes (
data-*
) - HTML Accessibility (ARIA Roles, Alt Text, Keyboard Navigation)
- HTML Responsive Design Basics
- HTML Responsive Images (
<picture>
,srcset
,sizes
) - HTML Tables Advanced (Rowspan, Colspan, Captions)
- HTML Forms Advanced (File Upload, Custom Validations)
- HTML Embedding External Content (
<object>
,<embed>
,<param>
)
Advanced HTML Topics:
- HTML Best Practices (Clean Code, Readability)
- HTML SEO Basics (Meta Descriptions, Heading Tags, Canonical URLs)
- HTML and CSS Integration (Inline, Internal, External CSS)
- HTML and JavaScript (DOM Manipulation)
- HTML Email Templates (Tables for Layout)
- HTML Print Styles (
@media print
in CSS) - Progressive Web Apps (PWAs) and HTML
- HTML with Bootstrap (Creating Responsive Websites)
- HTML Performance Optimization (Minification, Lazy Loading)