Basic Tags
A
very simple HTML document
How
text inside paragraphs is displayed
More
paragraphs
The
use of line breaks
Poem
problems (some problems with HTML formatting)
Heading
tags
Center
aligned heading
Insert
a horizontal rule
Comments
in the HTML source
Add
a background color
Add
a background image
Formatting Text
Text
formatting
Preformatted
text (how to control line breaks and spaces)
Different
computer-output tags
Insert
an address
Abbreviations
and acronyms
Change
the text direction
Long
and short quotations
How
to mark deleted and inserted text
Links
How
to create hyperlinks
Set
an image as a link
Open
a 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)
Frames
How
to create a vertical frameset with 3 different documents
How
to create a horizontal frameset with 3 different documents
How
to mix a frameset in rows and columns
How
to create a navigation frame
Inline
frame (a frame inside an HTML page)
Jump
to a specified section within a frame
Jump
to a specified section with frame navigation
Tables
Simple
tables
Different
table borders
Table
with no borders
Headings
in a table
Empty
cells
Table
with a caption
Table
cells that spans more than one row/column
Tags
inside a table
Cell
padding (control the white space between cell content and the
borders
Cell
spacing (control the distance between cells)
Add
a background color or a background image to a table
Add
a background color or a background image to a table cell
Align
the content in a table cell
The
new frame attribute
Lists
An
unordered list
An
ordered list
Different
types of ordered lists
Different
types of unordered Lists
Nested
list
Definition
list
Forms and Input
How
to create input fields
Password
fields
Checkboxes
Radiobuttons
Simple
drop-down box (a selectable list)
Another
drop-down box with a pre-selected value
Textarea
(a multi-line text input field)
Create
a button
Draw
a border with a caption around data
Form
with an input field and a submit button
Form
with checkboxes and a submit button
Form
with radiobuttons and a submit button
Send
a mail from a form
Images
Insert
images
Insert
images from another folder or another server
Align
an image within a text
Let
the image float to the left/right of a paragraph
Adjust
images to different sizes
Display
an alternate text for an image (if the browser can't load
images)
Make
a hyperlink of an image
Create
an image-map, with click-able regions
Backgrounds
Good
background and text color
Bad
background and text color
Good
background image
Good
background image 2
Bad
background image
Styles
Styles
in the head section of an HTML document
Link
that is not underlined
Link
to an external style sheet
The Head Section
Set
a title of a document
One
target for all links on a page
The Meta Tag
Document
description
Document
keywords
Redirect
a user to another URL
Scripts
Insert
a script
Handle
browsers that do not support scripts
Return to Index
*All of these examples are linked to
w3schools.com