Learn HTML
Learn HTML — the language of the web. Start from scratch and build real web pages.
1
Introduction to HTML
What is HTML and why do you need it?
2
HTML Basic Structure
Every HTML page shares the same basic skeleton.
3
HTML Elements
HTML elements are the building blocks of every web page.
4
HTML Attributes
Attributes provide extra information about HTML elements.
5
Headings
HTML provides six levels of headings, h1 through h6.
6
Paragraphs
The p element defines a block of text.
7
Links
The a element creates clickable hyperlinks.
8
Images
Add images to your page with the img element.
9
Lists
HTML has three types of lists: unordered, ordered, and definition lists.
10
Tables
Display data in rows and columns using HTML tables.
11
Forms
Collect user input with HTML forms.
12
HTML Styles
The style attribute adds CSS directly to any HTML element.
13
HTML Formatting
HTML has tags for bold, italic, highlight, strikethrough, superscript, and more.
14
HTML Comments
HTML comments are invisible to visitors but useful for developers.
15
HTML Colors
Set text, background, and border colors using color names, hex, RGB, or HSL.
16
HTML and CSS
Three ways to add CSS to HTML — inline, internal, and external.
17
HTML Favicon
A favicon is the small icon shown in the browser tab next to the page title.
18
HTML Page Title
The <title> tag sets the text shown in the browser tab and search engine results.
19
Block and Inline Elements
Every HTML element has a default display type: block or inline.
20
HTML Div
The <div> tag is a generic block container used for grouping and layout.
21
HTML Classes
The class attribute links HTML elements to CSS styles and JavaScript logic.
22
HTML Id
The id attribute gives an element a unique identifier used by CSS and JavaScript.
23
HTML Iframes
An iframe embeds another web page or media inside your page.
24
HTML and JavaScript
Use the <script> tag to add JavaScript to your HTML pages.
25
HTML File Paths
File paths tell the browser where to find images, CSS files, and other resources.
26
HTML Head Element
The <head> element contains meta information, title, links to CSS, and more.
27
HTML Layout
HTML5 semantic elements create meaningful page structure: header, nav, main, section, article, aside, footer.
28
HTML Responsive
Responsive web design makes pages look good on all screen sizes.
29
HTML Semantics
Semantic HTML uses elements that describe their meaning, improving accessibility and SEO.
30
HTML Entities
HTML entities display reserved characters and special symbols that cannot be typed directly.
31
HTML Input Types
HTML supports over 20 input types — text, email, password, date, file, and more.
32
HTML Form Elements
Forms use input, textarea, select, button, and fieldset elements to collect data.