MINIMUM PAGE STYLE ..........................................................................................................................3 METATAGS WITHIN THE HEAD AREA.................................................................................................3 COMMENTS..............................................................................................................................................3 BODY.........................................................................................................................................................3 TAGS FOR DESIGNATING PAGE COLORS.........................................................................................4 HEADINGS ................................................................................................................................................4 PARAGRAPH............................................................................................................................................4 LINE BREAK.............................................................................................................................................4 NO LINE BREAK ......................................................................................................................................4 BLOCKQUOTE .........................................................................................................................................4 LOGICAL DIVISION .................................................................................................................................5 HORIZONTAL RULE ................................................................................................................................5 SPACER (NAVIGATOR ONLY)...............................................................................................................5 BASEFONT ...............................................................................................................................................5 FONT .........................................................................................................................................................5 BIG .............................................................................................................................................................5 SMALL.......................................................................................................................................................6 BOLD .........................................................................................................................................................6 CENTER ....................................................................................................................................................6 ITALICS .....................................................................................................................................................6 UNDERLINE..............................................................................................................................................6 PREFORMATTED.....................................................................................................................................6 SUBSCRIPT ..............................................................................................................................................6 SUPERSCRIPT .........................................................................................................................................6 STRIKEOUT ..............................................................................................................................................6 FIXED WIDTH TT......................................................................................................................................6 BLINK ........................................................................................................................................................6 UNORDERED LIST...................................................................................................................................7 ORDERED LIST........................................................................................................................................7 1.
DEFINITION LIST .....................................................................................................................................7 MENU LIST................................................................................................................................................7 DIRECTORY LIST.....................................................................................................................................7 LINK: INTERNAL REFERENCE..............................................................................................................7 LINK: EXTERNAL PAGE REFERENCE.................................................................................................8 LINK: INTERNET MAIL............................................................................................................................8 IMAGES .....................................................................................................................................................8 TABLE .......................................................................................................................................................8 TABLE ROW .............................................................................................................................................8 TABLE CELL ............................................................................................................................................8 TABLE HEADER ......................................................................................................................................9 TABLE CAPTION .....................................................................................................................................9 FRAMESET ............................................................................................................................................ 10 FRAME ................................................................................................................................................... 10
2.
Minimum Page Style The following are the accepted minimum tags for displaying content in a browser. “HTML” indicates to a browser that the the page contains “hypertext mark-up language.” “Head” is the area where non-displayed content is placed. “Title” falls within the “head” area; any content between the “title” “code on/code off” tags is displayed in the title bar of the browser. “Body” is the main area for placing content that will be displayed on the Web page. <HTML> <HEAD> <TITLE>Title of Your Document as Viewed in Browser Title Bar</TITLE> </HEAD> <BODY></BODY> </HTML>
Metatags within the HEAD Area <META NAME="author" CONTENT="Name"> The name of the author <META NAME="keywords" CONTENT="keywords"> Indicates keywords for search engines such as Infoseek or Alta Vista;added to the keywords found in the document <META NAME="description" CONTENT="description"> Displays the text in the description in the search engines that use the “keywords” tag <META HTTP-EQUIV="refresh" CONTENT="n; URL"> Redirects browser to the URL indicated in the number of seconds indicated <META HTTP-EQUIV="expires" CONTENT="date"> The document will expire on this date; the browser will load a new copy from the server, instead of using the copy in its cache
Comments Allows HTML author to insert comments that are not displayed by the browser. There must be a space before and after the text that is inserted in the comment holder. <!-- Place comment here -->
Body This is the area where text, graphics, etc. are displayed in the browser. <BODY></BODY> Attributes TEXT="#" LINK="#" VLINK="#" ALINK="#" BGCOLOR="#" BACKGROUND="?.JPG/GIF" BGPROPERTIES="FIXED" TOPMARGIN="?PIXELS" LEFTMARGIN="?PIXELS"
(Sets the color of text; hexadecimal values or color words can be used) (Sets the color of links) (Sets the color of visited links) (Sets the color of active links as they are clicked on) (Sets the color of the page) (Identifies the picture to be used for the background) (Set to "fixed," keeps the background from scrolling) (Sets the top margin - IE only) (Sets the left margin - IE only)
3.
Tags for Designating Page Colors Colors can be indicated by using accepted “English” words or by hexadecimal (6 character) values. The following is a partial list of English colrs: COLOR Black Maroon Green Olive Navy Purple Teal Gray
Silver Red Lime Yellow Blue Fuchsia Aqua White
I have had success with: indigo, orangered, tan, beige, orange and violet (I don't know if they work in all browsers.).
Headings Header <H1></H1> <H2></H2> <H3></H3> <H4></H4> <H5></H5> <H6></H6>
Heading level 1 Heading level 2 Heading level 3 Heading level 4 Heading level 5 Heading level 6
Paragraph Creates a new paragraph with visible white space; closing tag usually unnecessary <P></P> Attributes ALIGN=LEFT|CENTER|RIGHT
Line Break Creates a line break with no white space <BR> Attributes CLEAR=LEFT|RIGHT|ALL
(Text starts at the margin; usually after a picture)
No Line Break Prevents a line break <NOBR>
Blockquote Indents section of text 4.
<BLOCKQUOTE></BLOCKQUOTE>
Logical Division Marks up divisions in a document < DIV></ DIV> Attributes ALIGN=LEFT|CENTER|RIGHT
Horizontal Rule Places a horizontal line (rule) on the page. <HR> Attributes ALIGN=LEFT|CENTER|RIGHT WIDTH=n|n% SIZE=n NOSHADE COLOR=n
(Aligns rule) (Set for pixels or percentage of screen) (Sets height in pixels) (Shuts off 3D effect) (Specifies color)
Spacer (Navigator Only) Adds space as a separator <SPACER> Attributes TYPE=HORIZONTAL|VERTICAL|BLOCK WIDTH=n HEIGHT=n SIZE
Basefont Specifies the base font size for the HTML document; place just after body tag <BASEFONT> Attributes SIZE=n
(1-7)
Font Increases or decreases the size of the font <FONT></FONT> Attributes SIZE=n COLOR=n FACE="name"
(1-7, or +1, +2, +3, -1, -2, -3 from basefont) (Specifies color) (Turns font face on or off)
Big Same as <FONT SIZE="+1"> <BIG></BIG> 5.
Small Same as <FONT SIZE="-1"> <SMALL></SMALL>
Bold Adds boldface to the text <STRONG></STRONG> <B></B>
Center Centers images, paragraphs, etc. <CENTER></CENTER>
Italics Adds italics to the text <EM></EM> <I></I>
Underline Underlines text within the tags. <U></U>
Preformatted Text is displayed as typed on the Web page, i.e., with spaces or tabs; usually is in monospaced (TT) font. <PRE></PRE>
Subscript Drops text below baseline <SUB></SUB>
Superscript Places text above baseline <SUP></SUP>
Strikeout Draws line through text <STRIKE></STRIKE> <S></S>
Fixed Width TT Text is formatted in a fixed-width type (writer) style <TT></TT>
Blink Blinks text on and off in Netscape Navigator 6.
<BLINK></BLINK>
Unordered List List is bulleted. <UL> <LH> <LI> </UL>
(List Header) (List item)
Attributes TYPE=DISC TYPE=SQUARE TYPE=CIRCLE
<UL TYPE=DISC> or <LI TYPE=DISC> <UL TYPE=SQUARE> or <LI TYPE=SQUARE> <UL TYPE=CIRCLE> or <LI TYPE=CIRCLE>
Ordered List List is numbered. <OL> <LH> <LI> </OL>
(List Header) (List item)
Attributes COMPACT TYPE=A TYPE=a TYPE=I TYPE=i TYPE=1 START=n VALUE=n
<OL COMPACT > <OL TYPE=A > or <LI TYPE=A > <OL TYPE=a > or <LI TYPE=a> <OL TYPE=I > or <LI TYPE=I> <OL TYPE=i > or <LI TYPE=i> <OL TYPE=1> or <LI TYPE=1> <OL START=n > Starts the list at a particular number <LI VALUE=N> Changes numbering from this point forward
Definition List <DL> <DT> <DD> </DL>
(Term to be defined) (Definition)
Menu List <MENU> <LI> </MENU>
(List item)
Directory List <DIR> <LI> </DIR>
(List item)
Link: Internal Reference Allows the link to go to a selected spot (anchor) on a page. <A HREF="#?"></A><A NAME="?"></A> 7.
Link: External Page Reference <A HREF="http://URL"></A> <A HREF=”secondpage.html”></A>
Link: Internet Mail <A HREF="mailto:someone@someplace.com"></A>
Images <IMG> Attributes SRC="?.gif/.jpg" ALIGN=RIGHT ALIGN=LEFT VSPACE=n HSPACE=n ALT="text" ALIGN=MIDDLE ALIGN=BOTTOM ALIGN=TOP WIDTH=n HEIGHT=n BORDER=n LOWSRC="name.JPG/GIF"
(Specifies the directory source of the image) (Aligns graphic to the right, wraps text to the left) (Aligns graphic to the left, wraps text to the right) (Places space in pixels above and below graphic) (Places space in pixels to the right and left of graphic) (Alternate text to be displayed in place of image) (Centers the image vertically with any adjacent text) (Aligns the bottom of the image with adjacent text) (Aligns the top of the image with adjacent text) (Width in pixels; helps to hold a spot on the page for the picture) (Height in pixels; helps to hold a spot on the page for the picture) (Places a border around picture; "0" removes border) (Places a low rez picture as a placeholder for original picture)
Table An area divided into rows and columns which in turn form cells <TABLE></TABLE> Attributes BORDER=n CELLSPACING=n CELLPADDING=n WIDTH=n HEIGHT=n BORDERCOLOR="#" BGCOLOR="#"
(The outside border, set to pixels) (Inside borders, set to pixels) (Distance text/images are moved from the cell border, set to pixels) (Set to pixels or percent of screen) (Set to pixels for entire table) (Color of the border) (Color of the table)
Table Row The row within a table <TR></TR> Attributes ALIGN=left|right|center VALIGN=top|bottom|middle|baseline
Table Cell The indicidual cell within a table <TD></TD> Attributes ALIGN=left|right|center VALIGN=top|bottom|middle|baseline 8.
COLSPAN=n ROWSPAN=n WIDTH=n HEIGHT=n BGCOLOR="#" BORDERCOLOR="#"
(Determines the size of cell by merging 2 or more columns) (Determines the size of cell by merging 2 or more rows) (Set to pixels or percent of screen) (Set to pixels or percent of screen) (Color of the cell) (Color of the border)
Table Header The heading for a column or a row <TH></TH> Attributes ROWSPAN=n COLSPAN=n NOWRAP ALIGN=left|right|center VALIGN=top|middle|bottom|baseline WIDTH=n HEIGHT=n
Table Caption Description of the table placed either above or below the table <CAPTION></CAPTION> Attributes ALIGN=TOP|BOTTOM
(Above/below table)
9.
Frameset Defines the layout and size of frames <FRAMESET></FRAMESET> Attributes COLS="n|%" ROWS="n|%" FRAMEBORDER="1"(yes) "0" (no) SCROLLING=yes|no|auto
(100,200,100|25%,50%,25%) (30%,400,*,2*)
Frame Identifes content to be loaded into a frame <FRAME> Attributes SRC="file"|"URL"
10.