# sum-html -- summary of html # $Id$ # Carlos Duarte , 990305/990310 Overall structure ----------------- my title ... body elements ... Header elements --------------- my title set document title reserved for scripting laguanges reserved for style sheets user agent should provide a single line text for entering a query string all relative paths are appended to the specified URL defines name/value pairs with useful information HTTP-EQUIV may be used to set HTTP headers: http-equiv="Expires" content="Date..." http-equiv="Location" content="Url..." conventional REL values, are: rel=top rel=contents rel=index rel=glossary rel=copyright rel=next rel=previous rel=help rel=search Body elements ------------- specify body start and some properties

heading level 1

...
heading level 6
defines an heading level 1 makes bigger text level 6 makes smaller text align is optional, defaults to left
name
street
zip code
tel
provides information on document's author Paragraphs ----------

paragraph

defines a paragraph align is optional

may be ommited Lists -----
  • item 1
  • item 2
  • ...
generates an unordered list
  • list item specifies a list item type is optional, but if defined, overrides list type
    1. item 1
    2. ...
    generates and ordered list type=1 --> 1, 2, 3, ... type=a --> a, b, c, ... type=A --> A, B, C, ... type=i --> i, ii, iii, ... type=I --> I, II, III, ...
  • list item specifies a list item type is optional, but if defined, overrides list type
    term
    def ...
    generates, kind of, dictionary entries: term -> def, ... Blocks of text --------------
      text
    
    ouput text as is
    text
    place a division of text, aligned as specified by ALIGN
    ...
    works like
    ...
    quotations ...
    facility for display quotations
    draw an horizontal rule (line) there is not HR end tag Forms -----
    ...
    INPUT, SELECT or TEXTAREA, may appear within the FORM no end tag allowed! type=text single line of text type=password like text, but characters are echoed as "*" type=checkbox for boolean attributes type=radio select a single value, from a fixed list type=submit a button, that sends form data to the server type=image same as submit, but use a image instead a button type=reset reset form to its initial state values type=file permits the user to attach a file type=hidden just used to store information (name/value) name=xxx identification of the field value=yyy its value (server gets: xxx=yyy) checked only on checkbox, and radio: -- initializes name to the value where it appears size=N set visible width to N maxlength=M only on text,password fields value can not exceed M chars src=url only on image: specify URL of the image to display align=pos only on image: positions image according pos accept=mime only on file: limits the type of file user can select -- ex: accept="text/*", only accepts text files the server side (usually a cgi), will be intereste on name/value pairs those pairs are sent by pressing type=submit, or type=image fields type=checkbox, can be used for boolean values or to select several possible values, from a fixed if user selected sports and cinema, server would receive: hobbies=sports hobbies=cinema type=radio, is used to select _one_ value, from a fixed list: (portugal would be the default one) on type=image, the (x,y) position, is also sent as name.x,name.y selects one value (or more, is multiple is used) from a list selects a multiline text Tables ------ caption for the table ...
    caption text
    first header cell second header cell ...
    first cell second cell ...
    attributes for HALIGN=left|center|right VALIGN=top|middle|bottom attributes for , NOWRAP -- no word wrapping within the cell ROWSPAN=n -- this cell extends horz for N cells COLSPAN=n -- this cell extends vert for N cells ALIGN=left|center|right VALIGN=top|middle|bottom WIDTH=n_pix -- horz size for this cell HEIGHT=n_pix -- vert size for this cell Text elements ------------- (do not cause breaks) physical fonts: teletype, monospaced italic bold underlined strike-through use a larger font use a smaller font subscript superscript logical fonts: place emphasis on something something with a strong conviction definitions scripts, code output from programs suggests data entered on keyboard on variables and arguments quotations, citations, references ... defines a link: when "..." is pressed, it jumps to URL text ... set default font, except for headings
    generates a break Applets ------- usually, applets are java classes, that are loaded and executed by client. ... html client sees, if does not support this applet Usually, url in CODE=url, is a file on current directory, like CODE=xx.class Table of std colors ------------------- aqua black blue fuchsia gray green lime maroon navy olive purple red silver teal white yellow Table of character entities --------------------------- First three are needed to write any of "&<>" Name Dec code Description .... ........ ........... & & ampersand > > greater than < < less than " " double quote     no-break space ¡ ¡ inverted exclamation mark ¢ ¢ cent sign £ £ pound sterling sign ¤ ¤ general currency sign ¥ ¥ yen sign ¦ ¦ broken (vertical) bar § § section sign ¨ ¨ umlaut (dieresis) © © copyright sign ª ª ordinal indicator, feminine « « angle quotation mark, left ¬ ¬ not sign ­ ­ soft hyphen ® ® registered sign ¯ ¯ macron ° ° degree sign ± ± plus-or-minus sign ² ² superscript two ³ ³ superscript three ´ ´ acute accent µ µ micro sign ¶ ¶ pilcrow (paragraph sign) · · middle dot ¸ ¸ cedilla ¹ ¹ superscript one º º ordinal indicator, masculine » » angle quotation mark, right ¼ ¼ fraction one-quarter ½ ½ fraction one-half ¾ ¾ fraction three-quarters ¿ ¿ inverted question mark À À capital A, grave accent Á Á capital A, acute accent   capital A, circumflex accent à à capital A, tilde Ä Ä capital A, dieresis or umlaut mark Å Å capital A, ring Æ Æ capital AE diphthong (ligature) Ç Ç capital C, cedilla È È capital E, grave accent É É capital E, acute accent Ê Ê capital E, circumflex accent Ë Ë capital E, dieresis or umlaut mark Ì Ì capital I, grave accent Í Í capital I, acute accent Î Î capital I, circumflex accent Ï Ï capital I, dieresis or umlaut mark Ð Ð capital Eth, Icelandic Ñ Ñ capital N, tilde Ò Ò capital O, grave accent Ó Ó capital O, acute accent Ô Ô capital O, circumflex accent Õ Õ capital O, tilde Ö Ö capital O, dieresis or umlaut mark × × multiply sign Ø Ø capital O, slash Ù Ù capital U, grave accent Ú Ú capital U, acute accent Û Û capital U, circumflex accent Ü Ü capital U, dieresis or umlaut mark Ý Ý capital Y, acute accent Þ Þ capital THORN, Icelandic ß ß small sharp s, German (sz ligature) à à small a, grave accent á á small a, acute accent â â small a, circumflex accent ã ã small a, tilde ä ä small a, dieresis or umlaut mark å å small a, ring æ æ small ae diphthong (ligature) ç ç small c, cedilla è è small e, grave accent é é small e, acute accent ê ê small e, circumflex accent ë ë small e, dieresis or umlaut mark ì ì small i, grave accent í í small i, acute accent î î small i, circumflex accent ï ï small i, dieresis or umlaut mark ð ð small eth, Icelandic ñ ñ small n, tilde ò ò small o, grave accent ó ó small o, acute accent ô ô small o, circumflex accent õ õ small o, tilde ö ö small o, dieresis or umlaut mark ÷ ÷ divide sign ø ø small o, slash ù ù small u, grave accent ú ú small u, acute accent û û small u, circumflex accent ü ü small u, dieresis or umlaut mark ý ý small y, acute accent þ þ small thorn, Icelandic ÿ ÿ small y, dieresis or umlaut mark