andra's life notes: Quick List HTML code

Html code

!-- ••• -- : allows you to insert comments into an HTML document and have them completely ignored by the browser. This is useful for such things as revision histories and notes about how to improve the document.

!DOCTYPE ... : this declaration (technically it's not a "tag") should be the very first thing in your document... if you choose to use it at all. !DOCTYPE ... tells the browser what version of HTML you are writing in. More specifically, !DOCTYPE ... declares that this document conforms to a specific version of HTML, and specifies what version that is. The necessity of !DOCTYPE ... is a subject of much debate. The standards published by W3C require the use of !DOCTYPE ... .

A ... : Anchor

HREF: URL you are linking to

NAME: name a section of the page

TARGET = "_blank" | "_parent" | "_self" | "_top" | window name è which window the document should go in

TITLE: suggested title for the document to be opened

onClick: script to run when the user clicks on this anchor

onMouseOver: when the mouse is over the link

onMouseOut: when the mouse is no longer over the link

ACCESSKEY : sets a shortcut key that "clicks" on the link. Currently Netscape 6 recognizes this attribute and MSIE does not. The value of ACCESSKEY should be a single letter. The shortcut is implemented (in Netscape, other browsers may vary) by holding the ALT key and pressing the letter given in this attribute.

ADDRESS : denotes contact information for the author or organization of the web site.

APPLET ... : puts an applet in your page. In its simplest use, APPLET ... requires the use of CODE (to tell what applet file to load), WIDTH (to tell how wide the applet should be), and HEIGHT (to tell how tall the applet should be). This method of ignoring the contents allows you to put in text for browsers which don't understand.

CODE: the applet to run

CODEBASE: path to the applet class

WIDTH: width of the applet

HEIGHT: height of the applet

VSPACE: vertical space between applet and surrounding text

HSPACE: horizontal space between applet and surrounding text

BORDER: empty space surrounding the applet

NAME: name of applet for reference by other applets

ARCHIVE: a compressed collection of applet components

MAYSCRIPT: If Java can use JavaScript

AREA ... : use it if you use MAP ...

HREF: URL you are linking to

ALT: alternate text if the image isn't displayed

SHAPE = RECT | CIRCLE | POLY | DEFAULT è what shape is this area?

COORDS: coordinates for the link area shape

TITLE: Short description of the area

TARGET: what frame to go to

NOHREF: this area is not a link

onClick: script action when the user clicks this area

onMouseOver : onMouseOver = "script command(s)"

onMouseOut : onMouseOut = "script command(s)"

B : Bold

BASE ... : Base Address

HREF: default address for hypertext links

TARGET = "_blank" | "_parent" | "_self" | "_top" | frame name è default window for linked documents

BASEFONT ... : This effect is done better with styles.

SIZE

COLOR

FACE

BGSOUND ... : Use this tag conservatively if at all. It's very easy to annoy people with background sounds.

SRC: URL of the sound

LOOP = INFINITE | number of loops è how many times to play the sound

BIG : For a more pronounced BIG effect it's.

BLOCKQUOTE ... : Block Quote

BODY ... : one of the two major sections that goes insideHTML (the other is code HEAD code). code BODY ... code is the section that holds everything that is actually displayed. All the text, headers, tables, etc are in the code BODY ... code section

BGCOLOR: background color of the page

BACKGROUND: background picture for the page

TEXT: color of the text on the page

LINK: color of links that haven't been followed yet

VLINK: color of links that have been followed

ALINK: color of links while you are clicking on them

BGPROPERTIES = FIXED è if the background image should not scroll

TOPMARGIN: size of top and bottom margins

LEFTMARGIN: size of left and right margins

MARGINHEIGHT: size of top and bottom margins

MARGINWIDTH: size of left and right margins

onLoad: Script to run once the page is fully loaded

onUnload

onFocus

onBlur

STYLESRC: MS FrontPage extension

SCROLL = YES | NO è If the document should have a scroll bar

BR ... : Line Break

CLEAR = LEFT | RIGHT | ALL | BOTH è go past a picture or other object

BUTTON ... : container which allows you to put regular HTML contents in the button, including text and pictures.

TYPE = BUTTON | SUBMIT | RESET è what type of button is this

onClick: script to run when the user clicks here

NAME: name of this button element

VALUE: the value sent with the form

DISABLED: disable this button

ACCESSKEY: shortcut key for this button

TABINDEX: tab order

CAPTION ... : put caption for the table

ALIGN = TOP | BOTTOM | LEFT | RIGHT è alignment of caption to table

VALIGN = TOP | BOTTOM è if caption should be above or below table

CENTER ... : indicates a section that is centered.

CITE : Citation

CODE : indicates text that is the code for a program. CODE is rendered in a fixed width font.

COL ... : Column

SPAN: how many columns this affects

ALIGN = LEFT | CENTER | RIGHT | JUSTIFY è horizontal alignment

WIDTH: width of the column

BGCOLOR: background color of the column

COLGROUP ... : Column Group

SPAN: how many columns this affects

ALIGN: alignment of cell contents

WIDTH: Width of the column group

DD : Definition Description

DEL : Deleted

DFN : Definition

DIR ... : Directory List

DIV ... : a block-level element, simply defines a block of content in the page. Beyond defining a block, DIV ... itself doesn't do anything.

ALIGN = LEFT | CENTER | RIGHT | JUSTIFY è text alignment

DL ... : Definition List

COMPACT: take up less space

DT : Definition Term

EM : Emphasis

EMBED ... : puts a browser plugin in the page. A plugin is a special program located on the client computer (i.e. not on your web server) that handles its own special type of data file. The most common plugins are for sounds and movies.

SRC: URL of resource to be embedded

WIDTH: width of area in which to show resource

HEIGHT: height of area in which to show resource

how text should flow around the picture

NAME: name of the embedded object

PLUGINSPAGE: where to get the plugin software

PLUGINURL: where to get the JAR archive for automatic installation

HIDDEN = FALSE | TRUE è if the object is visible or not

HREF: make this object a link

TARGET: frame to link to

AUTOSTART = TRUE | FALSE è if the sound/movie should start automatically

LOOP = TRUE | FALSE | # of loops è how many times to play the sound/movie

PLAYCOUNT: how many times to play the sound/movie

VOLUME: how loud to play the sound

CONTROLLER = TRUE | FALSE è if controls should be displayed

MASTERSOUND: indicates the object in a sound group with the sound to use

STARTTIME: how far into the sound to start and stop

ENDTIME: when to finish playing

FIELDSET : defines a group of form elements as being logically related. The browser draws a box around the set of fields to indicate that they are related.For example, a form might contain a few fields about name and email, some fields asking for opinions, and a field for "other comments".

FONT ... : set the sizes, faces and colors of the fonts on your web page, all with understandable font tags.

SIZE: size of the font

COLOR: color of the text

FACE: set the typestyle for text

POINT-SIZE

WEIGHT

FORM ... : indicates the beginning of a form.

ACTION: URL of the CGI program

METHOD = GET | POST è how to transfer the data to the CGI

NAME: name of this form

ENCTYPE = "multipart/form-data" | "application/x-www-form-urlencoded" | "text/plain" è what type of form this is

TARGET = "_blank" | "_parent" | "_self" | "_top" | frame name è what frames to put the results in

onSubmit: script to run before the form is submitted

onReset: script to run before the form is reset

FRAME ... : sets a single frame in the framed page.

SRC: what file to put in the frame

NAME: the name of the frame

SCROLLING = YES | NO | AUTO è should the frame have a scrollbar?

NORESIZE: don't let the user make the frame bigger or smaller

FRAMEBORDER = YES | 1 | NO | 0 è should this frame have a border?

BORDERCOLOR: color of the surrounding border

MARGINWIDTH: the internal left and right margins for the frame

MARGINHEIGHT: the internal top and bottom margins for the frame

FRAMESET ... : defines the general layout of a web page that uses frames

COLS: how many cols in the frameset

ROWS: how many rows in the frameset

FRAMEBORDER = YES | 1 | NO | 0 è if the frames should have borders

FRAMESPACING: space between the frames

BORDER: space between frames

BORDERCOLOR: color of frame borders

H# ... : Headers

H1 ..., H2 ... , H3 ... ,

H4 ... ,

H5 ... ,

H6 ... : ALIGN = LEFT | RIGHT | CENTER | JUSTIFY

HEAD : cover page of the document. Just as the cover page of a book contains information about the book (such as the title), the HEAD section contains information about the document.

HR ... : Horizontal Rule

NOSHADE: don't use shadow effect

SIZE: height

WIDTH: horizontal width of the line

ALIGN = LEFT | RIGHT | CENTER è horizontal alignment of the line

COLOR: color of the line

HTML : Everything in the document goes inside (exept doc type)

I : Italics

IFRAME ... : Inline Frame

SRC: URL of the document to go in the frame

HEIGHT: height of the inline frame

WIDTH: width of the inline frame

NAME: name of this inline frame

LONGDESC: URL of a long description of the contents of the frame

FRAMEBORDER = 1 | 0 è if the frame should have a border around it

MARGINWIDTH: internal left/right margin for the frame

MARGINHEIGHT: internal top/bottom margin for the frame

SCROLLING = YES | NO | AUTO è if the frame should have scroll bars

VSPACE: space above and below the frame

HSPACE: space to the left and right of the frame

IMG ... : Image

SRC: where to get the picture

ALT: text to show if you don't show the picture

NAME

LONGDESC: URL of a long description of the image

WIDTH: how wide is the picture

HEIGHT: how tall is the picture

BORDER: border around the picture

HSPACE: horizontal distance between the picture and the text

VSPACE: vertical distance between the picture and the text

ISMAP: is this a clickable map?

USEMAP: name of the map definition

LOWSRC: a version of the picture that isn't such a big file

NATURALSIZEFLAG: meaningless

NOSAVE: meaningless

DYNSRC: play a movie file

CONTROLS: show the buttons which control the movie

LOOP = INFINITE | -1 | # of loops è how many times to loop the movie

START = FILEOPEN | MOUSEOVER è when to start playing the movie

onLoad: script to runs after the image is downloaded

SUPPRESS = TRUE | FALSE è Don't show icons of images that haven't downloaded yet

INPUT ... : creates the data entry fields on an HTML form.

NAME: name of this form field

VALUE: initial or only value of this field

SIZE: how wide the text field should be

MAXLENGTH: maximum number of characters

CHECKED: check this checkbox or radio button

BORDER: border around image

SRC: URL of image

ALT: text to show if you don't show the picture

LOWSRC: a version of the picture that isn't such a big file

WIDTH: width of image

HEIGHT: height of image

how text should flow around the picture

VSPACE: vertical distance between the picture and the text

HSPACE: horizontal distance between the picture and the text

READONLY: the value of this field cannot be changed

DISABLED: don't let the user do anything with this field

ACCESSKEY

TABINDEX: tab order

scripting language to use

onClick: when the user clicks here

onChange: when this field is changed

onFocus: when this field gets the focus

onBlur: when this field loses the focus

onKeyPress: script to run when a key is pressed

onKeyUp: script for when a key goes up while the field has the focus

onKeyDown: script for when a key goes down while the field has the focus

AUTOCOMPLETE = ON | OFF

If the browser should use autocompletion for the field

INS Inserted DEL

ISINDEX ... : the old way to make an online form

PROMPT: prompt string to show before the text entry area

ACTION: the CGI to call

KBD : Keyboard

LABEL ... : an HTML 4.0 element supported by MSIE and Netscape 6, defines a set of text that is associated with a particular form element.

FOR: form element for which this is a label

LEGEND ... : is used with FIELDSET to give a title to each set of fields.

ALIGN = RIGHT | CENTER | LEFT

LI ... : List Item

TYPE = DISC | CIRCLE | SQUARE | 1 | A | a | I | i è type of bullet or numeral

VALUE: where to continue counting

LINK ... : defines a relationship between the current page and another page or resource.

REL: relationship to this page

REV: reverse relationship to this page

HREF: URL of related document

TITLE: suggested title

TYPE: MIME type of linked resource

MAP ... :

NAME: name of this map

MARQUEE ... : creates a scrolling display

WIDTH: how wide the marquee is

HEIGHT: how tall the marquee is

DIRECTION = LEFT | RIGHT è which direction the marquee should scroll

BEHAVIOR = SCROLL | SLIDE | ALTERNATE è what type of scrolling

SCROLLDELAY: how long to delay between each jump

SCROLLAMOUNT: how far to jump

LOOP = INFINITE | number of loops è how many times to loop

BGCOLOR: background color

HSPACE: horizontal space around the marquee

VSPACE: vertical space around the marquee

MENU ... : indicates the start a series of choices. It is usually rendered like UL ....

META ... :

NAME = KEYWORDS | DESCRIPTION | REFRESH | many others è The pupose of this META tag

HTTP-EQUIV: Name of the pretend HTTP header

CONTENT: Metainformation content

MULTICOL ... :

COLS: how many columns

GUTTER: space between columns

WIDTH: width of a single column

NOBR : No Break

NOEMBED : provides content for browsers that do not support embedded objects. For example, if you wanted to allow your reader to hear a piece of music, you could embed a MIDI plugin in the page, and for readers whose browsers do not support EMBED ... you could link directly to the MIDI inside NOEMBED.

NOFRAMES : holds text that should be displayed for people who don't have frames. A large percentage of people on the web don't use browsers which can read frames.

NOSCRIPT : for content that should only be rendered (i.e. displayed) if the browser does not use JavaScript or other scripting languages.

OL ... : Ordered List

TYPE = 1 | A | a | I | i è type of numerals

START: where to start counting

OPTION ... :

VALUE: what's the value if this option is chosen

SELECTED: this option is selected by default

P ... : Paragraph

ALIGN = LEFT | CENTER | RIGHT | JUSTIFY è alignment of text within the paragraph

CLEAR = LEFT | RIGHT | ALL | BOTH è move past picture and other objects

PARAM ... : Parameter

NAME: name of the parameter

VALUE: value of the parameter

PRE ... : Preformatted Text

S : Strikeout

SAMP : Sample

SCRIPT ... :

TYPE = "text/javascript" | "text/vbscript" | other scripting language è Which scripting language to use

SRC: External source for script

DEFER: Continue loading page while downloading script

LANGUAGE = JAVASCRIPT | LIVESCRIPT | VBSCRIPT | other è Deprecated indicator of language

FOR: object for which this script is an event handler

EVENT: the event this script handles

SELECT ... :

NAME: name of this form element

MULTIPLE: allow more than one choice

SIZE: how many options to show

READONLY: don't let the user change the value of this field

DISABLED: don't let the user do anything with this field

LANGUAGE = "JavaScript" | "JavaScript1.1" | "VBScript" | other language è scripting language to use

onChange: what to do when a new option is selected

TABINDEX: tab order

onFocus: script to run when this field gets the focus

onBlur: script to run when this field loses the focus

SMALL : Makes text small.

SOUND ... : A rare example of a "Mosaic Only" tag. SOUND ... works just like BGSOUND .... Use BGSOUND ... instead.

SPACER ... :

TYPE = HORIZONTAL | VERTICAL | BLOCK è what type of space is this

ALIGN = LEFT | RIGHT è align left or right

SIZE: how tall or wide

WIDTH: how wide

HEIGHT: how tall

STRIKE : StrikeoutS :

STRONG : Indicates text which should be more forceful than surrounding text.

STYLE ... :

TYPE: style language

MEDIA: type of media this syle applies to

SUB : Subscript

SUP : Superscript

TABLE ... :

BORDER: size of border around the table

CELLPADDING: space between the edge of a cell and the contents

CELLSPACING: space between cells

WIDTH: width of the table as a whole

BGCOLOR: color of the background

BACKGROUND: picture to use as background

ALIGN = LEFT | RIGHT è alignment of table to surrounding text

HSPACE: horizontal space between table and surrounding text

VSPACE: vertical space between table and surrounding text

HEIGHT: height of the table as a whole

RULES = NONE | ALL | COLS | ROWS | GROUPS è if there should be internal borders

BORDERCOLOR: color of border around the table

BORDERCOLORLIGHT: color of "light" part of border around the table

BORDERCOLORDARK: color of "dark" part of border around the table

SUMMARY: Summary of the purpose of the table

TBODY ... : Table Body Section

TD ... : Table Data

ALIGN = LEFT | CENTER | MIDDLE | RIGHT è horizontal alignment of cell contents

VALIGN = TOP | MIDDLE | CENTER | BOTTOM | BASELINE è vertical alignment of cell contents

WIDTH: width of cell

HEIGHT: height of cell

COLSPAN: number of columns to cover

ROWSPAN: number of rows to cover

NOWRAP: don't word wrap

BGCOLOR: color of the background

BORDERCOLOR: color of border around the table

BORDERCOLORDARK: color of "dark" part of border around the table

BORDERCOLORLIGHT: color of "light" part of border around the table

BACKGROUND: picture to use as background

TEXTAREA ... :

NAME: name of this form field

COLS: how many characters wide

ROWS: how many rows

WRAP = SOFT | HARD | OFF è how to wrap the text

READONLY: don't let the user change the contents of the field

DISABLED: don't let the user do anything with this field

TABINDEX: tab order

LANGUAGE = "JavaScript" | "JavaScript1.1" | "VBScript" | other language è scripting language

onChange: Script to run when the user has changed the textarea

onKeyPress: script to run when a key is pressed

TFOOT ... : Table Footer Section

TH ... : Table Header

THEAD ... : Table Header

Section TBODY ..., TFOOT ... :

TITLE : states the title of the document.

TR ... : Table Row

ALIGN = LEFT | CENTER | RIGHT è horizontal alignment of cell contents

HALIGN = LEFT | CENTER | RIGHT

VALIGN = TOP | MIDDLE | BOTTOM | BASELINE è vertical alignment of cell contents

BGCOLOR: background color

BACKGROUND: background image

BORDERCOLOR: color of border around each cell

BORDERCOLORLIGHT: color of "light" part of border around each cell

BORDERCOLORDARK: color of "dark" part of border around each cell

TT : Teletype

U : Underline

UL ... : Unordered List

TYPE = DISC | CIRCLE | SQUARE è type of bullets

VAR : Variable

WBR : for the situation where you have used NOBR to prevent line breaks in a section of text, and then you want to say "but you can break HERE if you want”.

andra's life notes

Sunday, February 27, 2011

Quick List HTML code

No comments: