H:\!DOCS\MSOFFICE\WINWORD\TEMPLATE\NORMAL.DOT HTML NOTES Charles V. Balch Charles V. Balch HTML Notes Charles V. Balch, Working Notes HTML Codes Almost all HTML codes are in the form text where the text in between the codes is affected. A few HTML codes do not have an ending code. Almost all can affect large portions of a document but are generally used for a small section. There are often options for HTML codes. I have included option in italics. Acronyms WWW World Wide Web (or Web, for short). SGML Standard Generalized Markup Language -- this is a standard for describing markup languages. DTD Document Type Definition -- this is a specific markup language, written using SGML. HTML HyperText Markup Language -- a collection of styles (indicated by markup tags) that define the various components of a World Wide Web document. HTML Document Parts specifies the doc as HTML (optional but good form) Text Head text in the window title bar The Document's Title Document RGB: See Appendix 1 for RGB codes and discussion, hex form RRGGBB where RR = 00 to FF etc. IMG_URL: A picture BGCOLOR: Background color of the Document TEXT: All Normal Text ALINK: Active Link VLINK: Visited Link LINK: A Link header level 1 # = 1 - 6 Links and Anchors Reference Text URL and/or Anchor required Uniform Resource Locator (URL) Scheme://host.domain[:port]/path/filename Where scheme is one of file a file on your local system (note file needs /// i.e. file:///c:/tmp/tmp.txt) HTTP A HTTP file gopher a file on a Gopher server WAIS a file on a WAIS server news an Usenet newsgroup telnet a connection to a Telnet-based service MAILTO Mail to mail address Port is generally omitted. Anchors Create an anchor name Reference text Refers to anchored name Paragraph Types 
  Location formated text
Preformated text (used fixed width font. Usually for tables and ascii art)
Paragraphs of text
Indented left and right
WWW Address
Shows as Italics
Centers following text
Lines
(size is verticle) No

A new line no


Leaves less line space than

no
CLEAR starts text after an image Lists Notes: list level is defined by number of repeats of code/end code) Most list items accept SRC= or Entity= Item:

  • Goes before each listed item in plain and ordered lists. (No
    • required). Plain: default progression by level is solid disc, to circle to square. Ordered:
    Cap. letter, letter, Cap. Roman, Roman, Number (# is default) Menu: usually bulleted Directory: Definition:
    start/end definition list.
    Term
    Definition
    Images “TEXT” ALT=Text Text is alternative text for browsers that do not show images ALIGN=left|right|top|texttop|middle|absmiddle|baseline|bottom|absbottom ALIGN=left aligns the left margin (into the next available space), text wraps around the right. ALIGN=top aligns with the top of the tallest item in the line. ALIGN=texttop align with the top of the tallest text in the line ALIGN=middle aligns the baseline of the current line with the middle of the image. ALIGN=absmiddle align the middle of the current line with the middle of the image. ALIGN=baseline aligns the bo BORDER=value ttom of the image with the baseline of the current line. ALIGN=bottom identical to ALIGN=baseline ALIGN=absbottom align the bottom of the image with the bottom of the current line. WIDTH=# HEIGHT=# WIDTH and HEIGHT tags speed up display of the document the viewer does not have to wait for the image to be loaded over the network and its size calculated. BORDER=# control the thickness of the border around an image VSPACE=# HSPACE=# controls the space from text General Formating defaults to 3, valid range of 1-7. values range from 1-7. or '+#' or '-#' to specify changes relative to BASEFONT. Logical Formatting (Preferred) text definition. Typically italics. text emphasis. Typically italics. text titles. Typically italics. text computer code. Typically fixed-width font. text user keyboard entry example. Should be bold fixed-width font, but often a plain fixed-width font. textcomputer status messages. Typically fixed-width font. text strong emphasis. Typically displayed in bold. user replaced variable. Typically italics. Physical Styles Underline Blink (Very distracting) Strikethrough typewriter text e.g. fixed-width font. Special Characters (Case sensative) < < > > & & " " ö ö ñ ñ È È File Types Plain text .txt HTML document .html or htm GIF imag .gif TIFF image .tiff XBM bitmap image .xbm JPEG image .jpg or .jpeg PostScript file AIFF sound .aiff AU sound QuickTime movie .mov MPEG movie .mpeg or .mpg Meta Commands resend every # seconds, a different URL may specified. Tables Table
    Caption Optional Starts Table Row Table data Heading Data (just like TD) Forms
    form text and variables
    ACTION URL where contents will be submitted; if absent, current document URL is used. METHOD is the HTTP/1.0 method used to submit the fill-out form to a query server. Valid choices are: GET -- default method, causes the fill-out form contents to be appended to the URL. POST -- this method causes the fill-out form contents to be sent to the server in a data body ENCTYPE specifies encoding form contents. Only applies if METHOD is set to POST INPUT Field Description (Note Quotes) TYPE: text (text entry field; this is the default password (text entry field; entered characters are represented as asterisks checkbox (a single toggle button; on or off radio (a single toggle button; on or off; only one toggle of the same NAME may be selected submit causes the current form to be packaged up into a query URL and sent to a remote server reset causes the various input elements in the form to be reset to their default values Image < SRC="URL"> Hidden User does not see NAME the symbolic name of the input field. Not displayed - used when putting together the query string; must be present for all types but "submit" and "reset." VALUE for text or password fields, used to specify the default contents. For a checkbox or a radio button, VALUE specifies the value of the button when it is checked (unchecked checkboxes are disregarded when submitting queries); the default value for a checkbox or radio button is "on." For types "submit" and "reset", VALUE can be used to specify the label for the pushbutton. CHECKED specifie checkbox or radio button as checked by default SIZE physical size of the input field in characters; this is only appropriate for text entry fields and password entry fields. If this is not present, the default is 20. Multiline text entry fields can be specified as SIZE=width,height; e.g. SIZE=60,12. Note: the SIZE attribute should not be used. TEXTAREA tag is available. MAXLENGTH the maximum number of characters that are accepted as input; this is only appropriate for text entry and password entry fields (and only for single-line text entry fields at that). If this is not present, the default is unlimited. The text entry field is assumed to scroll appropriately if MAXLENGTH is greater than SIZE. SELECT Field Unlike INPUT, SELECT has both opening and closing tags. Inside SELECT, only a sequence of OPTION tags -- each followed by an arbitrary amount of plain text (no HTML markup) -- is allowedT NAME name for the SELECT field. This must be present, as it is used when putting together the query string for the submitted form. SIZE: 1 (default) represented as a Motif option menu. If SIZE is 2 or more, the SELECT will be represented as a Motif scrolled list; the value of SIZE then determines how many items will be visible. MULTIPLE (no value), specifies that the SELECT should allow multiple selections (n of many behavior). The presence of MULTIPLE forces the SELECT to be represented as a Motif scrolled list, regardless of the value of SIZE. TEXTAREA field NAME name of the text entry field. ROWS number of rows (vertical height in characters) of the text entry field. COLS number of columns (horizontal width in characters) of the text entry field. Note: TEXTAREA fields automatically have scrollbars; any amount of text can be entered in them. Appendix 1: Color Codes The following codes are from URL: http://www.infi.net/wwwimages/colorindex.html. Note that all codes are in hex in the form RRGGBB where RR is the intensity of red from 00 to FF and so on. White FFFFFF FF0000 Green 00FF00 Blue 0000FF Magenta FF00FF Cyan 00FFFF Yellow FFFF00 Black 000000 Aquamarine 70DB93 Baker's Chocolate 5C3317 Blue Violet 9F5F9F Brass B5A642 Bright Gold D9D919 Brown A62A2A Bronze 8C7853 Bronze II A67D3D Cadet Blue 5F9F9F Cool Copper D98719 Copper B87333 Coral FF7F00 Corn Flower Blue 42426F Dark Brown 5C4033 Dark Green 2F4F2F Dark Green Copper 4A766E Dark Olive Green 4F4F2F Dark Orchid 9932CD Dark Purple 871F78 Dark Slate Blue 6B238E Dark Slate Grey 2F4F4F Dark Tan 97694F Dark Turquoise 7093DB Dark Wood 855E42 Dim Grey 545454 Dusty Rose 856363 Feldspar D19275 Firebrick 8E2323 Forest Green 238E23 Gold CD7F32 Goldenrod DBDB70 Grey C0C0C0 Green Copper 527F76 Green Yellow 93DB70 Hunter Green 215E21 Indian Red 4E2F2F Khaki 9F9F5F Light Blue C0D9D9 Light Grey A8A8A8 Light Steel Blue 8F8FBD Light Wood E9C2A6 Lime Green 32CD32 Mandarian Orange E47833 Maroon 8E236B Medium Aquamarine 32CD99 Medium Blue 3232CD Medium Forest Green 6B8E23 Medium Goldenrod EAEAAE Medium Orchid 9370DB Medium Sea Green 426F42 Medium Slate Blue 7F00FF Medium Spring Green 7FFF00 Medium Turquoise 70DBDB Medium Violet Red DB7093 Medium Wood A68064 Midnight Blue 2F2F4F Navy Blue 23238E Neon Blue 4D4DFF Neon Pink FF6EC7 New Midnight Blue 00009C New Tan EBC79E Old Gold CFB53B Orange FF7F00 Orange Red FF2400 Orchid DB70DB Pale Green 8FBC8F Pink BC8F8F Plum EAADEA Quartz D9D9F3 Rich Blue 5959AB Salmon 6F4242 Scarlet 8C1717 Sea Green 238E68 Semi-Sweet Chocolate 6B4226 Sienna 8E6B23 Silver E6E8FA Sky Blue 3299CC Slate Blue 007FFF Spicy Pink FF1CAE Spring Green 00FF7F Steel Blue 236B8E Summer Sky 38B0DE DB9370 Thistle D8BFD8 Turquoise ADEAEA Very Dark Brown 5C4033 Very Light Grey CDCDCD Violet 4F2F4F Violet Red CC3299 Wheat D8D8BF Yellow Green 99CC32 Normal Heading 1 Heading 2 Heading 3 Heading 4 Heading 5 Heading 6 Default Paragraph Font Header Footnote Text List Table Footnote Reference Bibliography Example Quote Question Answer wfxRecipient wfxFaxNum Heading UVZc0 Telecom_Out Telecom_In Page_Heading wfxDate Title_Heading wfxTime wfxSubject tempà Charles V. Balch"H:\!DOCS\CLASSDOC\WINDOWS\HTML.DOCÿ@HP LaserJet 4 Plus/4M Plus LPT3: HPPCL5E HP LaserJet 4 Plus/4M Plus HP LaserJet 4 Plus/4M Plus Symbol Palatino Book Antiqua Courier Courier New HTML NOTES Charles V. Balch Charles V. Balch