HTML reference sheet. This is a quick guide to all of the HTML codes that are
commonly used, this is not intended to be a tutorial - these can be found on the ...
HTML reference sheet This is a quick guide to all of the HTML codes that are commonly used, this is not intended to be a tutorial - these can be found on the HTML tutorials page at http://www.webpageworkshop.co.uk.
The basics Name HTML content Header Title Body Background image Background color Text color Link color Visited link color Active link color
Element
Comments The start and end of a file Contains hidden page information Contained in the header Contains visible page elements
Element
Comments Relative or absolute URL to page, text between tags is link text
Uses HEX code color Sets default color of text Sets default link color Sets color of visited links Sets color of active links
Links Name
Link to another page
Set a location Link to location Link with target E-mail link
or
Within the same page/On a different page Target value is frame name Not widely supported
Formatting text Name Bold Strong emphasis Italics Emphasis Bigger text Smaller text Headings Font style Font color
Element
Font size
Paragraph
Centered
Comments Specifically bold text Generally displayed as bold Specifically italic text Generally displayed as italic Makes text one size bigger Makes text one size smaller Replace # with number 1-6 Deprecated. Name of the font e.g. arial Deprecated Deprecated. Replace # with a number (default is 3) or +/- a number for relative size Align attribute optional, default alignment is left. Closing tag optional Deprecated. Text between tags is centered
Images Name Image Image with width and Height Image with alternative text Image without borders Image alignment
Element
Comments Simple image tag
Width and height in pixels
Text alternative for the image
When using an image as a link
Used when wrapping text around images
Element
Item text
Comments Bullet point list, with different bullets Numbered list with different number styles Defines first number in ordered list Optional closing tag
Element
Comments Url is CGI location or JavaScript, most forms use POST
In characters
Lists Name Unordered list Ordered list Start number List item
Forms Name Form content Form input Input name Input value Default selection Input size Maximum input length Selection list No. options shown Multiple choices
Identifies the input field Default value, not required Checkboxes and radio buttons only Size in characters, IE & NS differ in display
Items go in between tags How many options shown at once Allows more than one choice Displayed text follows tag. Optional closing Select options tag Selected option Default option Option group Groups options together Multiple line text input Text between tags is default text Multi-line size Rows in lines, cols in characters Multi-line text-wrap Soft works best!
Tables Name Table content Table border Cell spacing Cell padding Table width Table color Table row Table cell Cell with alignment Cell spanning 2+ column Cell spanning 2+ rows Cell width Cell color Header cells Header spanning 2+ columns Header spanning 2+ rows Header width Header background color
Element
|
| |
Comments Cells and rows go between tags Size of border in pixels Space between cells Space between cell content and edges Width in pixels or % Netscape (4) colors cells individually Table cells go between row tags
|
Only required for more than one column
|
Only required for more than one row
| | |
Width in pixels, or % of table Overrides table bgcolor, not in Netscape (4) Content bold, align optional, default is center
|
As td colspan
|
As td rowspan
|
As td width
|
As td bgcolor
Element
Comments
Use instead of body tag
Horizontal alignment, vertical alignment
Frames Name Frame document content Rows of frames
Row size (relative)
Columns of frames
Column size (relative) Frame borders Border width Individual frames Frame name Scrollbars Non-resizable frames "No frames" alternative
Frames row sizes in pixels or %, separate rows by commas Whatever screen is left after other frames Frame column sizes in pixels or %, separate cols by commas Whatever screen is left after other frames Borders on or off Border width in pixels
Location of document within frame ID of the frame Width and height in pixels Scrollbars on, off or "if needed" Visitors cannot move frame boundaries Shown in non-frames browsers
Miscellaneous Name Comments Style sheet External style sheet Meta information tags
Element
Horizontal rule
Comments Not displayed in browsers For Cascading Stylesheets Hidden info within header Width, thickness, solid line - all optional attributes
This reference sheet was provided by Webpage Workshop, the newest version can be found at http://www.webpageworkshop.co.uk. Webpage Workshop grants you a limited license to print one copy of this document. This document must not be reproduced without the written consent of Webpage Workshop. © 2001-2002, Webpage Workshop. All rights reserved.
