HTML Examples

HTML Basic

A very simple HTML document
HTML headings
HTML paragraphs
HTML links
HTML images

Examples explained

HTML Headings

HTML headings
Insert horizontal lines

Examples explained

HTML Paragraphs

HTML paragraphs
More paragraphs
The use of line breaks
Poem problems (some problems with HTML formatting)

Examples explained

HTML Text Formatting

Text formatting
Preformatted text (how to control line breaks and spaces)
Different computer-output tags
Insert contact information
Abbreviations and acronyms
Text direction
Long and short quotations
How to mark deleted and inserted text

Examples explained

HTML Comments

Hidden comments
Conditional comments
Comments for debugging

Examples explained

HTML Styles

Style HTML elements
Style background color
Style font, color, and size
Style alignment of text
Set the font of text
Set the font size of text
Set the font color of text
Set the font, font size, and font color of text
Using styles in HTML
Link that is not underlined
Link to an external style sheet

Examples explained

HTML Links

How to create hyperlinks
Use an image as a link
Open link in a new browser window
Jump to another part of a document (on the same page)
Break out of a frame
How to link to a mail message (will only work if you have mail installed)
Another mailto link

Examples explained

HTML Images

Insert images
Insert images from another folder or another server
Let the image float to the left/right of a paragraph
Make a hyperlink of an image
Create an image-map, with clickable regions

Examples explained

HTML Tables

Basic HTML tables
A table with borders
A table with collapsed borders
Cell padding (control the space between cell content and the borders
Cell spacing (control the distance between cells)
A table with table headings
A table with left-aligned table headings
Horizontal/Vertical table headings
Table with a caption
Table cells that span more than one row/column
Tags inside a table

Examples explained

HTML Lists

An unordered list
An ordered list
Different types of ordered lists
Different types of unordered Lists
Nested list
Nested list 2
Definition list

Examples explained

HTML Forms and Input

Create text fields
Create password field
Radio buttons
Simple drop-down list
Drop-down list with a pre-selected value
Textarea (a multi-line text input field)
Create a button
Draw a border around form-data
Form with text fields and a submit button
Form with checkboxes and a submit button
Form with radiobuttons and a submit button
Send e-mail from a form

Examples explained


Inline frame (a frame inside an HTML page)

Examples explained

HTML head Elements

Specify a title for a document
One default URL and target for all links on a page
Provide metadata for a document

Examples explained

HTML Scripts

Insert a script
Use of the <noscript> tag

Examples explained

Your suggestion:

Close [X]

Thank You For Helping Us!

Your message has been sent to W3Schools.

Close [X]
Search w3c-schools.com: