|
bookmarks:
|
| main | ongoing | archive | private |
Essential HTML Tags <HTML> <HEAD> <TITLE>Web Site Title</TITLE> </HEAD> <BODY> Contents of Web Site </BODY> </HTML>
Backgrounds and Colours | Colour Codes | <BODY> Tag Attributes BACKGROUND="url " Background Image BGCOLOR="#??????" Background Colour TEXT="#??????" Document Text Colour LINK="#??????" Link Colour VLINK="#??????" Visited Link Colour ALINK="#??????" Active Link Colour BGPROPERTIES="FIXED" Background Properties - "Fixed" to obtain a watermark type background LEFTMARGIN="?" Side Margin Size in Pixels (Internet Explorer) TOPMARGIN="?" Top Margin Size in Pixels (Internet Explorer) MARGINWIDTH="?" Side Margin Size in Pixels (Netscape Navigator) MARGINHEIGHT="?" Top and Bottom Margin Size in Pixels (Netscape Navigator)
Text Formatting | Top | Main Guide | <H?></H?> Quick Header - Sizes 1 (largest) to 6 (smallest). <B></B> Bold Text <I></I> Italic Text <U></U> Underline Text <CENTER></CENTER> Centre <STRIKE></STRIKE> Strikeout <SUB></SUB> Subscript - Smaller text placed below normal text <SUP></SUP> Superscript - Smaller text placed above normal text <FONT> Tag Attributes COLOR="#??????" Font Colour - Use Hex colour codes to replace question marks SIZE="?" Font Size: 1 (smallest) to 7 (largest) SIZE="+/-?" Font Size change - with respect to the text preceding it POINT-SIZE="?" Font Point Size (Netscape Navigator) FACE="***" Font Face (or just font) eg. Arial etc. <TT></TT> Typewriter Text <PRE></PRE> Preformatted Text <BLOCKQUOTE></BLOCKQUOTE> Block Quote <EM></EM> Emphasis - Shown in italics on most browsers <STRONG></STRONG> Strong - Shown in bold on most browsers
Section Divisions | Top | Main Guide | <P></P> Paragraph - Closing tag not usually required <BR> Line Break - (Carriage Return) <DIV></DIV> Division/Section - Also Alignment: ALIGN="LEFT, CENTER, RIGHT,JUSTIFY" <HR> Tag Attributes SIZE="?" Line Thickness in pixels WIDTH="?" Line Width in pixels WIDTH="??%" Line Width as a percentage COLOR="#??????" Line Colour NOSHADE No 3D Cut-out ALIGN="***" Alignment: LEFT, CENTER, RIGHT <NOBR></NOBR> No Line breaks
Graphics and Images | Top | Main Guide | <IMG> Tag Attributes SRC="url." Name and url of image ALIGN="***" Image Alignment WIDTH="??" Image Width (in pixels or %) HEIGHT="??" Image Height (in pixels of %) ALT="text " Alternate Text LOWSRC="url " Low Res Image name and url BORDER="?" Border Thickness in pixels VSPACE="?" Space above and below Image (in pixels) HSPACE="?" Space on sides of Image (in pixels)
Linking | Top | Main Guide | <A> Tag Attributes HREF="url " Location of page to link to. TARGET="***" Target for Link: _SELF, _PARENT, _BLANK, _TOP. Note: the _ (underscore) is needed! NAME="name " Name of a specific section on the page HREF="url#name" Link to a specific part in another Page
Lists | Top | Main Guide | <OL></OL> Ordered List <LI> Ordered List Item <OL> and <LI> Tag Attributes TYPE="?" List Type: A, a, I, i, 1 OL - START="?" List Starting Value LI - VALUE="?" List Item Value <UL></UL> Un-Ordered List <LI> Un-Ordered List Item <UL> and <LI> Tag Attributes TYPE="?" List Type: DISC, CIRCLE, SQUARE
Tables | Top | Main Guide | <TABLE> - Table - Tag Attributes BORDER="?" Border Thickness in pixels BORDERCOLOR="#??????" Border Colour CELLPADDING="?" Space between inside line of cell and text CELLSPACING="?" Space between inside and outside line of 2 adjacent cell borders WIDTH="?" Table width (pixels or %) HEIGHT="?" Table Height (pixels or %) BACKGROUND="url " Background Image BGCOLOR="#??????" Background Colour TEXT="#??????" Document Text Colour ALIGN="?" Horizontal Alignment: LEFT, CENTER, RIGHT <TR> - Table Row - Tag Attributes ALIGN="?" Horizontal Alignment: LEFT, CENTER, RIGHT VALIGN="?" Vertical Alignment: TOP, MIDDLE, BOTTOM <TD> - Table Cell - Tag Attributes WIDTH="?" Cell width (pixels or %) HEIGHT="?" Cell height (pixels or %) BACKGROUND="url " Background Image BGCOLOR="#??????" Background Colour TEXT="#??????" Document Text Colour ALIGN="?" Horizontal Alignment: LEFT, CENTER, RIGHT VALIGN="?" Vertical Alignment: TOP, MIDDLE, BOTTOM COLSPAN="?" Number of columns the cell spans across ROWSPAN="?" Number of rows a particular cell spans NOWRAP No line breaks in that particular cell
Frames | Top | Main Guide | <FRAMESET> Tag Attributes ROWS="??,??,??..." Row Sizes (Number of Rows) COLS="??,??,??..." Column Thicknesses BORDER="?" Border Thickness (In Pixels) FRAMEBORDER="?" Frame Border: 1, 0 (Yes or No) FRAMESPACING="?" Spacing Between Frames BORDERCOLOR="#??????" Colour Of Border <FRAME> - Individual Frame - Tag Attributes SRC="url " Location of HTML File for a frame NAME="***" Name of frame window MARGINWIDTH="?" Horizontal Margin Spacing of Frame (In Pixels) MARGINHEIGHT="?" Vertical Margin Thickness of Frame (In Pixels) SCROLLING="?" Frame Scrolling: YES, NO, AUTO NORESIZE Declare Frame to Be a Fixed Size FRAMEBORDER="?" Frame Border: 1, 0 (Yes or No) BORDERCOLOR="?" Border Colour <NOFRAMES></NOFRAMES> Unframed Content
Forms | Top | Main Guide | <FORM> Tag Attributes ACTION="url " URL of Form Script METHOD="***" Method of Form: GET, POST ENCTYPE="***" For File Upload: ENCTYPE="multipart/form-data" <INPUT> Tag Attributes TYPE="***" Input Field Type: TEXT, PASSWORD, CHECKBOX, RADIO, FILE, BUTTON, IMAGE, HIDDEN, SUBMIT, RESET NAME="***" Form Field Name VALUE="***" Value of Field SIZE="?" Field Size MAXLENGTH="?" Maximum Input Length of Field CHECKED Check Checkbox or Radio Button <BUTTON> Tag Attributes TYPE="***" Button Type: SUBMIT, RESET, BUTTON NAME="***" Button Name VALUE="***" Label on Button SIZE="?" Button Size <SELECT> Tag Attributes NAME="***" Drop Down Combo-Box Name SIZE="?" No Of Selectable Options MULTIPLE Allow Multiple Choice <OPTION> Tag Attributes SELECTED Default Selected Option VALUE="***" Option Value <TEXTAREA> Tag Attributes ROWS="?" Number of Rows COLS="?" Number of Columns (Characters per Row) NAME="***" Text Area Name WRAP="***" Word Wrapping: OFF, HARD, SOFT
Special Characters | Top | Main Guide | &#?; Special Character - Replace ? with ISO Code < < > > & & " " A Space (non-breaking space) © © - Copyright Symbol ® ® - Registered TM
Miscellaneous HTML Tags | Top | Main Guide | <!-- *** --> Comment <A HREF="mailto:name@server.com?SUBJECT=subject of email"> <META> Tag Attributes NAME="***" META Name: description, keywords, author HTTP-EQUIV="***" HTTP Equivalent Information: title, etc. CONTENT="***" Contents of Meta Tag <LINK> Tag Attributes REL="***" Defines Forward Relationship REV="***" Defines Reverse Relationship HREF="url" Location of object or file being linked TYPE="***" Type of Relationship object or file TITLE="***" Name of Relationship (Not Neccessary) <BLINK></BLINK> Blinking text DIR="?" Text Direction Attribute for most tags (LTR, RTL) <!DOCTYPE HTML PUBLIC> Prologue (Description of File)
JavaScript | Top | Main Guide | <SCRIPT> Tag Attributes LANGUAGE="***" Script Language (eg. "JavaScript 1.1") SRC="url " Script Source TYPE="***" Script Type <NOSCRIPT></NOSCRIPT> If Scripts are not supported SCRIPT Under Construction!!
Java Applets | Top | Main Guide | <APPLET> Tag Attributes PARAM NAME="***" Name of Parameter in Applet CODE="***" Applet Code CODEBASE="url " Applet Code Source NAME="***" Applet Name ALT="***" Alternate Text for Applet ALIGN="***" Applet Alignment WIDTH="?" Applet Window Width in pixels HEIGHT="?" Applet Window Height (also in pixels) VSPACE="?" Top And Bottom Margin Width HSPACE="?" Side Margin Width
apr 17 2010 +