Freedom Activist Network's Guide To
Web Development

WEB DEVELOPMENT
A · B · C · D · E · F · G · H · I · J · K · L · M · N · O · P · Q · R · S · T · U · V · W · X · Y · Z

Warning:
1. Under construction
2. Some listings may not be complete
3. Some code may be untested or unverified
4. Some code may not be supported by some browsers
5. Different browsers may interpret same code differently

A

<A: anchor tag
link tag
Attributes:
CLASS=
HREF=
NAME=
ONCLICK=
ONMOUSEOUT=
ONMOUSEOVER=
TARGET=
</A> end tag required
Related Links:
HTML Code Tutorial htmlcodetutorial.com/linking/_A.html

<ABBR: abbreviation tag
Attributes:
CLASS=
ID=
STYLE=
TITLE=
</ABBR> end tag required

ACTION=: <FORM action attribute
Values:
="URLpath/filename"
Related Links:
HTML Code Tutorial htmlcodetutorial.com/forms/_FORM_ACTION.html

ALIGN=: <DIV horizontal division text align attribute
<H1 horizontal header text align attribute
<H2 horizontal header text align attribute
<H3 horizontal header text align attribute
<H4 horizontal header text align attribute
<H5 horizontal header text align attribute
<H6 horizontal header text align attribute
<P horizontal paragraph text align attribute
Values:
="center"
="justify"
="left"
="right"
Related Links:
HTML Code Tutorial htmlcodetutorial.com/_DIV_ALIGN.html, htmlcodetutorial.com/_H35n_ALIGN.html, htmlcodetutorial.com/linepar/_P_ALIGN.html

ALIGN=: <HR horizontal rule align attribute, use with WIDTH=
Values:
="center"
="left"
="right"
Related Links:
HTML Code Tutorial htmlcodetutorial.com/linepar/_HR_ALIGN.html

ALIGN=: <IFRAME align attribute
<IMG align attribute
Values:
="absbottom"
="absmiddle"
="baseline"
="bottom" same as ="baseline", except older browsers same as ="absbottom", not recommended
="center"
="left"
="middle"
="right"
="texttop"
="top"
Related Links:
HTML Code Tutorial htmlcodetutorial.com/frames/_IFRAME_ALIGN.html, htmlcodetutorial.com/images/_IMG_ALIGN.html

ALIGN=: <TABLE horizontal align attribute
Values:
="left"
="right"
Related Links:
HTML Code Tutorial htmlcodetutorial.com/tables/_TABLE_ALIGN.html

ALIGN=: <TD horizontal text align attribute
<TR horizontal text align attribute, same as HALIGN=
Values:
="center"
="left"
="middle"
="right"
Related Links:
HTML Code Tutorial htmlcodetutorial.com/tables/_TD_ALIGN.html, htmlcodetutorial.com/tables/_TR_ALIGN.html

ALINK=: <BODY above or active link color attribute, while pointer over link, use with LINK=, VLINK=
Values:
="#colorcode"
="colorname"
Related Links:
HTML Code Tutorial htmlcodetutorial.com/document/_BODY_TEXT.html

ALLOWTRANSPARENCY=: <IFRAME transparent background attribute, acquires parent element's background
use with <BODY BACKGROUND="transparent" in inline frame's HTML
Values:
="true"
Related Links:
HTML Code Tutorial htmlcodetutorial.com/help/archive.php/o_t__t_1981__iframes-transparency.html

ALT=: <IMG alternate name attribute
Values:
="altname" where altname is ASCII text

anchor: navigation destination within a webpage
Code:
<A NAME=

<AREA: Image Map area tag, use within <MAP, use with <IMG
Attributes:
ALT=
COORDS=
HREF=
SHAPE=
TITLE=
</AREA> end tag not required, not recommended

attribute: Code:
<tag attribute>
<tag attribute="value">
<tag attribute1="value1" attribute2="value2" ... >

B

<B>: bold tag
Attributes: none
</B> end tag required

BACKGROUND=: <BODY background image attribute
<TABLE background image attribute
<TD background image attribute
<TR background image attribute
Values:
="transparent" use in inline frame HTML, use with <IFRAME ALLOWTRANSPARENCY="true"
="URLpath/imagefilename", image tiles background, if imagefilename has same URL path as HTML document URLpath/ not required
Related Links:
HTML Goodies htmlgoodies.com/tutorials/colors/article.php/3478931

BACKGROUND-COLOR=: <IFRAME background color attribute
Values:
="transparent"
="#colorcode"
="colorname"

background grids: grid100px.jpg grid100pxblk.jpg
100 pixel x 100 pixel grids with 10 pixel subdivisions

Display Wallpaper Background Grid:
Windows: right click in a grid above, select Set as Background, with MSIE8 left click Start button, select Control Panel, select Desktop Background, select in Picture position: menu select Tile option, with older browsers right click display background, select Properties, in Picture Display menu select Tile option

Temporary Background Grid for Webpages:
use white grid for black and dark colored text and objects, use black grid for white and light colored text and objects
Windows: right click in a grid above, select Save Picture As ..., save grid file to your hard drive, create or edit HTML document, set <BODY BACKGROUND= attribute to grid's filename, after design and editing is complete remove or replace temporary grid

BGCOLOR=: <BODY background color attribute
<TABLE background color attribute
<TD background color attribute
<TR background color attribute
Values:
="#colorcode"
="colorname"
Related Links:
HTML Goodies htmlgoodies.com/tutorials/colors/article.php/3478931

BGPROPERTIES=: <BODY attribute
="fixed" page body background image does not scroll with rest of page creating a "watermark"
Related Links:
HTML Code Tutorial htmlcodetutorial.com/document/_BODY_BGPROPERTIES.html

<BIG>: Big Text Size tag
Attributes: none
</BIG> end tag required
View <BIG> Samples

<BLOCKQUOTE: Related Links:
HTML Code Tutorial htmlcodetutorial.com/linepar/_BLOCKQUOTE.html

<BODY: Body tag, use within <HTML required, follows </HEAD> required
Attributes:
ALINK= above link color, while pointer over link
BACKGROUND= page body background image
BGCOLOR= page body background color
BGPROPERTIES= page body background image scrolling
BOTTOMMARGIN=
LEFTMARGIN=
LINK= unvisited link color
MARGINHEIGHT=
MARGINWIDTH=
ONBLUR=
ONFOCUS=
ONLOAD=
ONUNLOAD=
RIGHTMARGIN=
SCROLL=
STYLESRC=
TEXT= text color
TOPMARGIN=
VLINK= visited link color
</BODY> end tag required

border: 1. outer edges of an object including image, frame, table
2. decoration extending from outer edges of an object, including rules, dashes, dots
3. spacing between objects including frames

BORDER=: <FRAMESET spacing between frames attribute
Values:
="spacing" where spacing is a positive integer number (1,2,3,4,5,...) of pixels of spacing between frames

BORDER=: <IMG border thickness attribute, default (no BORDER= attribute) ="0" unlinked image, ="2" linked image
<TABLE border thickness attribute, default (no BORDER= attribute) ="0"
Values:
="thickness" where thickness is a positive integer number (1,2,3,4,5,...) pixels of border thickness

BORDER-STYLE=: <TABLE border style attribute
Values:
default (no BORDER-STYLE= attribute) = "?" (with BORDERCOLOR= attribute) ="solid"
="dash" dashed border
="dotted" dotted border
="double" double solid border
="groove" 3D groove border
="hidden" no border, equivalent to ="none"
="inherit" inherit border style from parent
="inset" 3D inset border
="none" no border
="outset" 3D onset border
="ridge" 3D ridge border
="solid" solid border
="style1" where all 4 borders are style1
="style1 style2" where top and bottom borders are style1, left and right borders are style2
="style1 style2 style3" where top border is style1, left and right borders are style2, bottom border is style3
="style1 style2 style3 style4" where top border is style1, right border is style2, bottom border is style3, left border is style4
Related Links:
W3Schools w3schools.com/css/pr_border-style.asp

BORDERCOLOR=: <FRAMESET frame border color attribute
<TABLE border color attribute, use sets BORDER-STYLE= default to ="solid"
3D <TABLE border styles use BORDERCOLORDARK= and BORDERCOLORLIGHT= recommended but not required
Values:
="#colorcode"
="colorname"

BORDERCOLORDARK=: <TABLE 3D border color attribute
Values:
="#colorcode"
="colorname"

BORDERCOLORLIGHT=: <TABLE 3D border color attribute
Values:
="#colorcode"
="colorname"

BOTTOMMARGIN=: <BODY
Values:
="spacing" where spacing is a positive integer number (1,2,3,4,5,...) of pixels of bottom margin

<BR: break tag
Attributes:
CLEAR=
</BR> end tag not required, not supported

break: forced text line break
Code: <BR

bullet: bullet characters
bulleted list aka unordered list

bullet characters: Code:
•  
·  · or ·
•  • or •
·  ⋅ or ⋅

button: button image
form button

button image: Related Links:
FreeButtons.com freebuttons.com

C

cascading style sheet: Acronym: CSS
Related Links:
CSS Tinderbox csstinderbox.raykonline.com
W3Schools w3schools.com/CSS/default.asp

case: case insensitive
case sensitive
lowercase
uppercase

case insensitive: lowercase and uppercase characters interchangeable in code, including tags, attributes and values

case sensitive: lowercase and uppercase characters not interchangeable in code, including character codes

CELLPADDING=: <TD cell padding attribute
Values:
="padding" where padding is a positive integer number (1,2,3,4,5,...) of pixels of cell padding

CELLSPACING=: <TD cell spacing attribute
Values:
="spacing" where spacing is a positive integer number (1,2,3,4,5,...) of pixels of cell spacing

<CENTER>: Center tag
Attributes: none
</CENTER> end tag required

character codes: Code:
<&name>; where name is 2-6 case sensitive alpha-numeric characters
<&#num>; where num is a positive integer number
View List of Character Codes
Related Links:
BIGBAER bigbaer.com/sidebars/entities, bigbaer.com/reference/character_entity_reference.htm
Character entity references in HTML 4 w3.org/TR/REC-html40/sgml/entities.html#h-24.2.1
HTML Code Tutorial htmlcodetutorial.com/characterentities_famsupp_69.html
Wikipedia en.wikipedia.org/wiki/List_of_XML_and_HTML_character_entity_references

characters: bullet characters
character codes
non-breaking space
View List of Character Codes

CLASS=: <A
<DIV use with ID= attribute optional, not required
<INPUT
<SPAN
<TD
Values:
="classname"
use with .classname{attribute:value;...} in <STYLE content and/or .css cascading style sheet file
Related Links:
HTML Code Tutorial htmlcodetutorial.com/css/_CLASS.html

CLEAR=: <BR attribute
<P attribute, not recommended, poorly supported
Values:
="all"
="both", not recommended, poorly supported, use ="all"
="left"
="right"
Related Links:
HTML Code Tutorial htmlcodetutorial.com/linepar/_BR_CLEAR.html, htmlcodetutorial.com/linepar/_P_CLEAR.html

clip: see crop

<COL: table column tag, unsupported by some browsers, supported by MSIE and Netscape browsers; use within <COLGROUP required
Attributes:
ALIGN=
BGCOLOR=
SPAN=
STYLE=
WIDTH=
</COL> not recommended, not required
Related Links:
HTML Code Tutorial htmlcodetutorial.com/tables/_COL.html

<COLGROUP>: table column group tag, use with <COL tags
Attributes: none
</COLGROUP> end tag required
Related Links:
HTML Code Tutorial htmlcodetutorial.com/tables/_COL_SPAN.html

color: background color
border color
color codes
color names
font color
horizontal rule color
link color
text color
Related Links:
HTML Goodies htmlgoodies.com/tutorials/colors

COLOR=: <FONT text color attribute
<HR horizontal rule color attribute
Values:
="#colorcode"
="colorname"
Related Links:
HTML Code Tutorial htmlcodetutorial.com/document/_BODY_TEXT.html, htmlcodetutorial.com/linepar/_HR_COLOR.html

color code: hexadecimal color value
="#colorcode" where colorcode is 6 ASCII characters
characters are either 0-9 or a-f, with a=10, b=11, c=12, d=13, e=14, f=15
first 2 characters are Red, next 2 are Green and last 2 are Blue, each 2 represent 256 gradations
View Hexadecimal to Decimal Conversion Chart
Related Links:
HTML Color Codes html-color-codes.info
W3Schools w3schools.com/tags/ref_colorpicker.asp

color name: ="colorname" where colorname is a predefined color name
Related Links:
"Netscape Color Names" almonte.com/color3.html
W3Schools http://www.w3schools.com/tags/ref_colornames.asp
Wikipedia en.wikipedia.org/wiki/HTML_color_names

="#colorcode": hexadecimal color value
color code value of BACKGROUND-COLOR=, BGCOLOR=, BORDERCOLOR=, BORDERCOLORDARK=, BORDERCOLORLIGHT=, COLOR=, TEXT= attributes
Related Links:
HTML Color Codes html-color-codes.info
W3Schools w3schools.com/tags/ref_colorpicker.asp

="colorname"

predefined color name value of BACKGROUND-COLOR=, BGCOLOR=, BORDERCOLOR=, BORDERCOLORDARK=, BORDERCOLORLIGHT=, COLOR=, TEXT= attributes

colorcode
00ffff 000000 0000ff ff00ff 808080 008000 00ff00 ff00ff 800000 000080 808000 ff8000 800080 ff0000 c0c0c0 008080 ffffff ffff00

colorname
aqua black blue fuchsia gray green lime magenta maroon navy olive orange purple red silver teal white yellow

Related Links:
"Netscape Color Names" almonte.com/color3.html
W3Schools w3schools.com/tags/ref_colornames.asp, w3schools.com/html/html_colorvalues.asp
Wikipedia en.wikipedia.org/wiki/HTML_color_names

COLS=: <TEXTAREA form text area width attribute
Values:
="num" where num is a positive integer number (1,2,3,4,5,...) of form text area width
width in pixels

COLS=: <FRAMESET column widths attribute
Values:
="col#1,col#2,...,col#n" where col#... is either pixels, pagewidth%, or * where * is remaining page width
Related Links:
HTML Code Tutorial htmlcodetutorial.com/frames/_FRAMESET_COLS.html

COLSPAN=: <TD attribute to span adjacent table cells of columns to the right
Values:
="num" where num is a positive integer number (1,2,3,4,5,...) of columns spanning to the right

comment: Code: <! comment text>

COMPACT: <DL attribute, reduces space by

content

Code:

<tag>content</tag>

where text and other content is between a tag and its end tag
–or–

<tag>content<impliedendttag>

where text and other content is between 2 tags
and where tag does not require </tag> end tag
and where <impliedendtag> is an implied end tag of <tag>
and where <tag is <DT and <impliedendtag is <DD, </DL>
and where <tag is <LI and <impliedendtag is <LI, </OL>, </UL>
and where <tag is <P and <impliedendtag is <DL, <H, <OL, <P, <TABLE, <TD, <TR, <UL, </BODY>, </TABLE>, </TD>, </TR>
and where <tag is <TD and <impliedendtag is <TD, <TR, </TABLE>, </TR>
and where <tag is <TR and <impliedendtag is <TR, </TABLE>
–or–
<META CONTENT=
–or–
<TABLE TABLECONTENT=

CONTENT=: <META content attribute
Values:
="blendTrans(Duration=num)"
="text"

crop

image size reduction by clipping, masking or deleting outer areas of image
contrasted with image resize by stretching and/or shrinking the height and/or width of image
images may be both cropped and resized
if image has copyright restrictions, use 1., referencing external images directly avoids unauthorized copying of images
1. use inline frame
Code:
create imagefilename.html:

<HTML> <BODY TOPMARGIN="0" LEFTMARGIN="0"> <P STYLE="text-indent:-leftcropamount;margin-top:-topcropamount"> <IMG SRC="imagepath/imagefilename"> </BODY> </HTML>

insert:

<IFRAME SRC="imagefilename.html" HEIGHT="newheight" WIDTH="newwidth" SCROLLING="no" FRAMEBORDER="no"></IFRAME>

where leftcropamount, topcropamount, newheight, and newwidth are integer numbers (1,2,3,4,5,...) of pixels
where -leftcropamount, -topcropamount are negative integer numbers (-1,-2,-3,...) of pixels
–or–
2. use an image editor
MS Paint: Start > All Programs > Accessories > Paint, File > Open... original image file, use dashed rectangular select tool to select the cropped image, click on Crop button, File > Save, or, File > Save as... new cropped image file name

cursor: flashing vertical rule, for inserting and highlighting text and other objects
contrasted with pointer, mouse controlled selector for selecting links, highlighting text, pointer over effects

CSS: cascading style sheet acronym

D

<DD>: definition list description tag, use within <DL, use after <DT recommended but not required
Attributes: none
</DD> end tag optional and not required
Related Links:
HTML Code Tutorial htmlcodetutorial.com/_DD.html

definition list: list without numbering (ordered list) nor bullets (unordered list)
Code:
<DL><DT>definition term text<DD>definition description text</DL>
Related Links:
HTML Code Tutorial htmlcodetutorial.com/_DL.html

dimension: measurement

DIRECTION=: <MARQUEE scroll direction attribute
Values:
="down"
="up"

<DIV: division tag
Attributes:
ALIGN= content align
CLASS=
ID=
STYLE=
</DIV> end tag required
Alternative:
<SPAN
Related Links:
HTML Code Tutorial htmlcodetutorial.com/_DIV.html

<DL: definition list tag, use with <DD, <DT, nested lists supported and optional
Attributes:
COMPACT first line of definition list description <DD same horizontal baseline as definition list term <DT
</DL> end tag required
Related Links:
HTML Code Tutorial htmlcodetutorial.com/_DL.html

<DT>: definition list term tag, use within <DL, use with <DD
Attributes: none
</DT> end tag optional and not required
Related Links:
HTML Code Tutorial htmlcodetutorial.com/_DT.html

E

element: character
column
form
frame
inline frame
list
paragraph
row
rule
table
Code:
<elementtag>
where element has no content and no end tag,
and where <elementtag is <AREA, <BR, <charactercode, <HR, <IMG, <INPUT, <META
–or–
<elementtag>content
where </elementtag> end tag is optional but not required
and where <elementtag is <DD, <DT, <LI, <OPTION, <P, <TD, <TR
–or–
<elementtag>content</elementtag>
where </elementtag> end tag is required

em: "em" is a width or size, equal to the font size.
"em dash" (—) is a dash character of width equal to the font size. Code: — or  or —
"em space" ( ) is a space character of width equal to the font size. Code: &emsp; or  
"rationalnum em" is a STYLE=font-size: value, equal to a multiple of the default font size, usually 16 pixels. Examples: .54em, 1.5em, 12em
"en" is a width equal to ½ em.

<EMPHASIS>: emphasis tag
Attributes: none
</EMPHASIS> end tag required
Alternative:
italic tag <I

en: "en" is a width equal to ½ em, or ½ of the font size.
"en dash" (–) is a dash character of width equal to ½ em. Code: – or  or –
"en space" ( ) is a space character of width equal to ½ em. Code: &ensp; or

end tag: end element tag, disable and/or discontinue start tag effects

F

FACE=: <FONT face attribute
Values:
="facename[,facename2[,...,facenameN]]]", where facename... is ASCII text

float: 1. flow
2. inline
3. runaround

flow: 1. float
2. inline

font: font color
font face
font family
font size
font weight
generic font
Related Link:
"Fonts for the Web" angelfire.com/al4/rcollins/style/fonts.html
W3Schools http://www.w3schools.com/css/css_font.asp

<FONT: font tag
Attributes:
CLASS=
COLOR=
FACE=
SIZE=
</FONT> end tag required

font face

Code:

<FONT FACE="facename,facename2,...,lastfacename"

where facename... is ascii text font face name
where facename2, facename3, ... optional not required
where facename2 is displayed when facename is unavailable or not found
where facename3 is displayed when facename2 is unavailable or not found, ...
where a generic font lastfacename recommended, optional not required
Alternative:
font family
Related Link:
"Fonts for the Web" angelfire.com/al4/rcollins/style/fonts.html

font family

Code:

STYLE="font-family:name,name2,...,lastname" font family value of <P, <DIV, <SPAN tags

where name... is ascii text font family name
where name2, name3, ... optional, not required
where name2 is displayed when name is unavailable or not found
where name3 is displayed when name2 is unavailable or not found, ...
where a generic font lastname recommended, optional not required
Alternative:
font face
Related Link:
"Fonts for the Web" angelfire.com/al4/rcollins/style/fonts.html
W3Schools w3schools.com/Css/css_websafe_fonts.asp

font size: <BIG> bigger font size tag
SIZE="num" font size attribute of <FONT tag
<SMALL> smaller font size tag
View SIZE=, <BIG>, <SMALL> Samples
STYLE="font-size:value" font size attribute of <P, <DIV, <SPAN tags
View STYLE=font-size Samples

font weight

<B> bold font weight tag
STYLE="font-weight:value" font weight value of <P, <DIV, <SPAN tags
All current "web safe fonts" have no more than 2 weights: "normal" and "bold".
STYLE="font-weight:" intended for future implementation of Web Open Font Format

Samples of STYLE="font-weight:value" where value is

normal

lighter

bold

bolder

100

200

300

400

500

600

700

800

900

Related Links:
Wikipedia en.wikipedia.org/wiki/Web_Open_Font_Format
W3Schools w3schools.com/Css/pr_font_weight.asp

form: form button
Code:
<FORM, <INPUT, <OPTION, <SELECT, <TEXTAREA
Related Links:
EchoEcho.Com echoecho.com/htmlforms.htm
HTML Code Tutorial
HTML Goodies htmlgoodies.com/tutorials/forms

<FORM: form tag, use with <INPUT, <OPTION, <SELECT, <TEXTAREA
Attributes:
ACTION=
METHOD=
</FORM> end tag required
Related Links:
EchoEcho.Com echoecho.com/htmlforms03.htm

form button: Related Links:
EchoEcho.Com echoecho.com/htmlforms04.htm

frame: frameset
inline frame
Code:
<FRAME
<FRAMESET
<IFRAME
<NOFRAMES
Related Links:
HTML Code Tutorial htmlcodetutorial.com/frames/frames.html

<FRAME: frame tag, use within <FRAMESET required
Attributes:
ALIGN=
ALLOWTRANSPARENCY= enable frame background transparency
BACKGROUND-COLOR= frame background color
BORDERCOLOR= frame border color
FRAMEBORDER= disable frame border
HEIGHT= frame height
LONGDESC=
MARGINHEIGHT= frame contents top and bottom margin height
MARGINWIDTH= frame contents left and right margin width
NAME= frame name
NORESIZE frame resize disabled
SCROLLING= frame scroll bar
SRC= frame contents URLpath/filename
STYLE= frame style
WIDTH= frame width
</FRAME> end tag required
Related Links:
HTML Code Tutorial htmlcodetutorial.com/frames/_FRAME.html

FRAME=: <TABLE outer border attribute
Values:
="above" border on top side
="below" border on bottom side
="border" borders on all 4 sides, equivalent to ="box"
="box" borders on all 4 sides, equivalent to ="border", use with RULES="none"
="hsides" border on top and bottom sides
="lhs" border on left side
="rhs" border on right side
="void"
="vsides" border on left and right sides
Related Links:
HTML Code Tutorial htmlcodetutorial.com/tables/_TABLE_FRAME.html

FRAMEBORDER=: <FRAME "3D" frame border enabled attribute
<FRAMESET all frames borders enabled attribute
<IFRAME "3D" inline frame border enabled attribute
Values:
default (no FRAMEBORDER= attribute) enabled
="no", disabled
="yes", enabled
="0", disabled
="1", enabled
Related Links:
HTML Code Tutorial htmlcodetutorial.com/frames/_FRAME_FRAMEBORDER.html

<FRAMESET: frameset tag, use with <FRAME, <NOFRAMES, nested multiple framesets supported and optional
Attributes:
BORDER= space between frames
BORDERCOLOR= frame border color
COLS= frameset columns widths
FRAMEBORDER= frame borders enabled
ROWS= frameset rows heights
STYLE=
</FRAMESET> end tag required
Related Links:
HTML Code Tutorial htmlcodetutorial.com/frames/_FRAMESET.html

G

generic font

"serif", "san-serif", "cursive", "fantasy", "monospace" values of font face and font family
Aka: generic font face, generic font family
Samples of your browser's default generic fonts:

serif
sans-serif
cursive
fantasy
monospace

Related Links:
Wikipedia en.wikipedia.org/wiki/Font_family_(HTML)#Generic_font_families

grids: grid100px.jpg grid100pxblk.jpg
100 pixel x 100 pixel grids with 10 pixel subdivisions

Grid for Desktop, Wallpaper, or Display Background:
Windows: right click in a grid above, select Set as Background, with MSIE8 left click Start button, select Control Panel, select Desktop Background, select in Picture position: menu select Tile option, with older browsers right click display background, select Properties, in Picture Display menu select Tile option

Temporary Background Grid for Webpages:
use white grid for black and dark colored text and objects, use black grid for white and light colored text and objects
Windows: right click in a grid above, select Save Picture As ..., save grid file to your hard drive, create or edit HTML document, set <BODY BACKGROUND= attribute to grid's filename, after design and editing is complete remove or replace temporary grid

H

<H1: header 1 tag
Attributes:
ALIGN=
</H1> end tag required

<H2: header 2 tag
Attributes:
ALIGN=
</H2> end tag required

<H3: header 3 tag
Attributes:
ALIGN=
</H3> end tag required

<H4: header 4 tag
Attributes:
ALIGN=
</H4> end tag required

<H5: header 5 tag
Attributes:
ALIGN=
</H5> end tag required

<H6: header 6 tag
Attributes:
ALIGN=
</H6> end tag required

HALIGN=: <TR horizontal text align attribute, poorly supported, not recommended, same as ALIGN=
Values:
="center"
="left"
="middle"
="right"
Related Links:
HTML Code Tutorial htmlcodetutorial.com/tables/_TR_ALIGN.html

hanging indent

second and subsequent paragraph lines indented
Aka: negative paragraph indent
One-time code:

where indent is integer number (1,2,3,4,...) of pixels
Page-wide code:

Alternative:
definition list: <DL, <DT, <DD
Related Links:
HTML Code Tutorial htmlcodetutorial.com/linepar/index_famsupp_109.html

head: Code: <HEAD

<HEAD: head tag, use within <HTML required, precedes <BODY required
</HEAD> end tag required, precedes <BODY required

header: Code: <H1, <H2, <H3, <H4, <H5, <H6
View <H Samples

HEIGHT=: vertical height attribute
<IFRAME attribute
<IMG attribute
<MARQUEE attribute
<TD attribute
Values:
="height" where height is a positive integer number (1,2,3,4,5,...) pixels of vertical height
="availableheight%" where availableheight is a positive integer number less or equal to 100 (1,2,3,...,99,100)

horizontal rule: Code:
<HR

<HR: horizontal rule tag
Attributes:
ALIGN= horizontal rule horizontal align
COLOR= horizontal rule color
NOSHADE no 3D effect
SIZE= horizontal rule thickness or height
WIDTH= horizontal rule width or length
</HR> end tag not required and not recommended
Related Links:
HTML Code Tutorial htmlcodetutorial.com/linepar/_HR.html

HREF=: <A link navigation destination attribute
<AREA image map link navigation destination attribute
Values:
="mailto:emailaddress" where emailaddress is an ASCII email address
="#anchorname" where anchorname is the navigation destination on the current page
="URLpath/filename"
="URLpath/filename/#anchorname", where anchorname is the navigation destination in URLpath/filename page

HREF=: <LINK source file name attribute
Values:
="URLpath/filename"

HSPACE=: <IMG attribute
Values:
="spacing" where spacing is an integer number (1,2,3,4,5,...) of pixels of horizontal spacing
Related Links:
HTML Code Tutorial htmlcodetutorial.com/images/_IMG_HSPACE.html

HTML: hyper text markup language acronym

<HTML>: HTML document tag, usually first tag of file, contains <HEAD and <BODY required, may be preceded by <! comment
Attributes: none
</HTML> end tag required., usually last tag of file, may be followed by <! comment

HTTP: hyper text transfer protocol acronym

HTTP-EQUIV=: <META attribute
Values:
="Page-Enter"

hyper text markup language: Acronym: HTML

hyper text transfer protocol: Acronym: HTTP

I

<I>: italic tag
Attributes: none
</I> end tag required

ID=: <ABBR
<DIV use with CLASS= attribute optional, not required
<NOFRAMES
Values:
="idname"
use with #idname{attribute:value;...} in <STYLE content and/or .css cascading style sheet file
Related Links:
HTML Code Tutorial htmlcodetutorial.com/css/_CLASS.html

<IFRAME: inline frame tag
Attributes:
ALIGN=
FRAMEBORDER=
HEIGHT=
HSPACE=
LONGDESC=
MARGINHEIGHT=
MARGINWIDTH=
NAME=
SCROLLING=
SRC=
VSPACE=
WIDTH=
</IFRAME> end tag required
Related Links:
HTML Code Tutorial htmlcodetutorial.com/frames/_IFRAME.html

image: Code:
<IMG
Also see:
background image
button image
crop
image converter
image format
image map
image resize
pointer over image aka mouse over image, rollover image

image converter: Related Links:
Convert Hub converthub.com
Qweas' "JPG to Icon Converter" Download http://www.qweas.com/freeware/jpg_to_icon_converter.htm

image format: .bmp  Bitmap
.eps  Encapsulated Post Script
.gif  Graphics Interchange Format
.ico  Icon
.jpg  Joint Photographic Experts Group
.png  Portable Network Graphics
.ps  Post Script
.tiff  Tagged Image File Format
.tga  Truevision Graphics Adapter
Related Links: Wikipedia "Comparison of graphics file formats" en.wikipedia.org/wiki/Comparison_of_graphics_file_formats

image map: link areas inside image
Code:
<MAP
<AREA
<IMG
Related Links:
HTML Code Tutorial htmlcodetutorial.com/images/images_famsupp_220.html

image resize

image size change by stretching and/or shrinking the height and/or width of image
contrasted with crop by clipping, masking or deleting outer portions of image
images may be both cropped and resized
Code:

<IMG HEIGHT="newheight" WIDTH="newwidth"

where newheight and newwidth are positive integer numbers (1,2,3,4,5,...) in pixels of image height and width

<IMG: image tag
Attributes:
ALIGN=
ALT= text description of image, displayed if image missing or not found
BORDER= border thickness, default (no BORDER= attribute) ="0" unlinked image, ="2" linked image
HEIGHT= image resize height, default (no HEIGHT= attribute) height not resized
HSPACE= left and right space between image and text, default (no HSPACE= attribute) ="0"
ISMAP not recommended, use USEMAP=
LONGDESC=
LOWSRC= low resolution image displayed while larger SRC= image loads, use optional
NAME= pointer over image name
SRC= image filename and path
USEMAP= image map name and path, use with <MAP, <AREA
VSPACE= top and bottom space between image and text, default (no VSPACE= attribute) ="0"
WIDTH= image resize width, default (no WIDTH= attribute) width not resized
</IMG> end tag not required, not supported, not recommended

indent: hanging indent
paragraph indent

inline frame: Code:
<IFRAME
also see crop

<INPUT: form input tag, use within <FORM required
Attributes:
CLASS=
CHECKED=
MAXLENGTH=
NAME=
SIZE=
TYPE=
VALUE=
</INPUT> end tag not required and not recommended

inset box: Related Links:
HTML Code Tutorial htmlcodetutorial.com/frames/frames_tagsupp_20.html

internet protocol: Acronym: IP

IP: internet protocol acronym

ISMAP=: <IMG attribute
Values:
="no"
="yes"
Alternative:
USEMAP=
Related Links:
HTML Code Tutorial htmlcodetutorial.com/images/_IMG_ISMAP.html

J

K

L

LANGUAGE=: Form <INPUT attribute
Form <SELECT attribute
Form <TEXTAREA attribute
<SCRIPT attribute
Values:
="javascript"
="javascript1.1"
="jscript"
="vbs"
="vbscript"
Related Links:
HTML Code Tutorial htmlcodetutorial.com/forms/_INPUT_LANGUAGE.html, htmlcodetutorial.com/scripts/_SCRIPT_LANGUAGE.html, htmlcodetutorial.com/forms/_SELECT_LANGUAGE.html, htmlcodetutorial.com/forms/_TEXTAREA_LANGUAGE.html

LEFTMARGIN=: <BODY page left margin attribute
Values:
="width" where width is a positive integer number (1,2,3,4,5,...) of pixels of left margin
="pagewidth%" where pagewidth is a positive integer number less or equal to 100 (1,2,...,99,100)

<LI: List Item tag, use within <OL or <UL lists
Attributes:
TYPE= list item's bullet or numeral type
VALUE= set numeral count value, use with <OL
</LI> end tag optional, not required
Related Links:
HTML Code Tutorial htmlcodetutorial.com/_LI.html

link: link color

<LINK: link source file tag
Attributes:
HREF=
REL=
TITLE=
TYPE=

LINK=: <BODY link color attribute, use with ALINK=, VLINK=
Values:
="#colorcode"
="colorname"

link color: <BODY attributes:
ALINK= above or active link color attribute, while pointer over link
LINK= unvisited link color
VLINK= visited link color
also see text color
Related Links:
HTML Code Tutorial htmlcodetutorial.com/document/_BODY_TEXT.html

list: definition list aka unnumbered, unbulleted list
directory list
menu list similar to bulleted unordered list, line spacing may be less
ordered list aka numbered list
unordered list aka bulleted list
Related Links:
HTML Code Tutorial htmlcodetutorial.com/lists.html

LONGDESC=: <IFRAME attribute
<IMG attribute
Values:
="URLpath/filename"

lowercase: unshifted alphabetic characters: a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y,z
contrasted with uppercase or shifted characters: A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R,S,T,U,V,W,X,Y,Z

M

<MAP: image map tag, use with <IMG, <AREA
Attributes:
NAME=
</MAP> end tag required

margin: BOTTOMMARGIN=
LEFTMARGIN=
RIGHTMARGIN=
MARGINHEIGHT=
="margin-left: num"
="margin-right: num"
="margin-top: num"
MARGINWIDTH=
RIGHTMARGIN=
TOPMARGIN=

MARGINHEIGHT=: <BODY top and bottom margin attribute, equivalent to TOPMARGIN=, BOTTOMMARGIN=
<IFRAME top and bottom margin between <IFRAME and its contents
Values:
="height" where height is a positive integer number (1,2,3,4,5,...) of pixels of margin height
Related Links:
HTML Code Tutorial htmlcodetutorial.com/document/_BODY_TOPMARGIN.html, htmlcodetutorial.com/frames/_IFRAME_MARGINWIDTH.html

MARGINWIDTH=: <BODY left and right margin attribute, equivalent to LEFTMARGIN=, RIGHTMARGIN=
<IFRAME left and right margin between <IFRAME and its contents
Values:
="width" where width is a positive integer number (1,2,3,4,5,...) of pixels of margin width
Related Links:
HTML Code Tutorial htmlcodetutorial.com/document/_BODY_TOPMARGIN.html, htmlcodetutorial.com/frames/_IFRAME_MARGINWIDTH.html

<MARQUEE: marquee tag
Attributes:
BEHAVIOR=
BGCOLOR=
DIRECTION=
HEIGHT=
HSPACE=
ONMOUSEOUT=
ONMOUSEOVER=
SCROLLAMOUNT=
SCROLLDELAY=
VSPACE=
WIDTH=
</MARQUEE> end tag required
Related Links:
HTML Code Tutorial htmlcodetutorial.com/_MARQUEE.html

mask: see crop

MAXLENGTH=: <INPUT form input maximum number of characters attribute
Values:
="num" where num is a positive integer number (1,2,3,...) of characters

measurement: linear dimension in pixels
="height"
="padding"
="spacing"
="width"
where height, spacing, padding, width are positive integer numbers (1,2,3,4,5,...) of pixels
non-numeric characters ignored, including "px" and "pt", except %

<MENU: menu list tag, use with list item <LI
Attributes: ?
</MENU> end tag required
Related Links:
HTML Code Tutorial htmlcodetutorial.com/_MENU.html

<META: meta tag, use within <HEAD required
Attributes:
CONTENT=
HTTP-EQUIV=
NAME=
Content: none
</META> end tag not required and not recommended

METHOD=: <FORM attribute
Values:
="post"

mouse: Aka: see pointer

mouse out: Aka: see pointer

mouse over: Aka: rollover, see pointer over

N

NAME=: <A Anchor attribute, use with <A HREF="path/filename#anchorname"
Value:
="anchorname" where anchorname is ASCII text

NAME=: <IFRAME attribute, use with <A TARGET="framename"
Value:
="framename" where framename is ASCII text

NAME=: <IMG attribute

NAME=: <MAP attribute, use with <IMG USEMAP=
Values:
="mapname" where mapname is mapname value of <IMG USEMAP=

NAME=: <META attribute, use optional; use within <HEAD required
Values:
="description"
="generator"
="keywords"

NAME=: <SELECT attribute

nesting: tags within tags or same tag type
tags nesting supported:
<DL
<FRAMESET
<MENU
<OL?
<SPAN
<TABLE
<UL

<NOBR: no break tag
Attributes: none
Content: text and other content
</NOBR> end tag required

<NOFRAMES: alternate content displayed by older browsers that do not support frames, similar to <NOSCRIPT
alternate content not displayed by browsers that support frames
use within <FRAMESET, use after <FRAME tags
use after <IFRAME tags
Attributes:
CLASS=
ID=
LANG=
STYLE=
TITLE=
</NOFRAMES> end tag required
Related Links:
HTML Code Tutorial htmlcodetutorial.com/frames/_NOFRAMES.html

non-breaking space: Code:
    &ensp;   &emsp;      
Aka: no break space
Alternate:
<NOBR no break tag
Related Links:
(none listed yet)

NORESIZE: <FRAME disable resize attribute, default (no NORIZE attribute) enabled
Related Links:
HTML Code Tutorial htmlcodetutorial.com/frames/_FRAME_NORESIZE.html

<NOSCRIPT>: alternate content for older browsers that do not support scripts, similar to <NOFRAMES
alternate content not displayed by browsers that support scripts
Attributes: none
</NOSCRIPT> end tag required
Related Links:
HTML Code Tutorial htmlcodetutorial.com/scripts/_NOSCRIPT.html

NOSHADE: <HR attribute
Values: none
Related Links:
HTML Code Tutorial htmlcodetutorial.com/linepar/_HR_NOSHADE.html

NOWRAP: <TD attribute

O

<OL: ordered list tag, use with <LI, nested lists supported? and optional
Attributes:
START= default (no START attribute) 1., default with other TYPE values A., a., I., i.
TYPE= default (no TYPE attribute) 1.
</OL> end tag required
Related Links:
HTML Code Tutorial htmlcodetutorial.com/_OL.html

ONBLUR=: <BODY attribute
Values:

ONCLICK=: <A attribute
Values:
="newWindow('URLpath/filename'); return false;" (requires <STYLE or <SCRIPT)
="popUp('URLpath/filename','width=pixels,height=pixels,scrollbars=no,toolbars=no, status=no,location=no,top=pixels,left=pixels')" (requires? <STYLE or? <SCRIPT)
="self.close()"

ONFOCUS=: <BODY attribute
Values:

ONLOAD=: <BODY attribute
Values:

ONMOUSEOUT=: <A attribute
Values:

ONMOUSEOUT=: <MARQUEE
Values:
="this.start"

ONMOUSEOVER=: <A attribute
Values:
="return true"
="self.status=document.referrer"
="...;..."

ONMOUSEOVER=: <MARQUEE attribute
Values:
="this.stop"

ONUNLOAD=: <BODY attribute

<OPTION: form option tag; use within <FORM, <SELECT
SELECTED default option displayed
VALUE=
</OPTION> end tag optional, not required

ordered list: Aka: numbered list
Code:
<OL>list heading text<LI>list item text</OL>

P

<P: paragraph tag
Attributes:
ALIGN=
CLEAR=
STYLE=
</P> end tag optional, not required
implied end tags include <DL, <H, <OL, <P, <TABLE, <TD, <TR, <UL, </BODY>, </TABLE>, </TD>, </TR>
Related Links:
HTML Code Tutorial htmlcodetutorial.com/linepar/_P.html

paragraph: Code: <P

paragraph indent

first paragraph line indented
One-time code:
<P STYLE="text-indent: indent">
where indent is a positive integer number (1,2,3,4,5,...) of pixels of paragraph indent
-or-
Page-wide code:

hanging indent is paragraph indent with negative indent, where second and subsequent lines indented
Related Links:
HTML Code Tutorial htmlcodetutorial.com/linepar/index_famsupp_109.html

PDF converter: Related Links:
Convert Hub converthub.com/htmltopdf.php

pixel: 100 pixel x 100 pixel grids with 10 pixel subdivisions
Also see:
background grids, grids or ruler
Related Links:
(none listed yet)

pointer: mouse controlled selector for selecting links, highlighting, and pointer over effects
contrasted with cursor, flashing vertical rule for inserting text and starting point for highlighting text and other objects
Aka: mouse

pointer over: Aka: mouse over, rollover

<PRE>: preformatted text tag, displays text in fixed width font
Attributes: ?
</PRE> end tag required
Related Links:
HTML Code Tutorial htmlcodetutorial.com/linepar/_PRE.html

Q

R

really simple syndication: Acronym: RSS
Related Links:
HTML Goodies htmlgoodies.com/beyond/webmaster/article.php/3845761

REL=: <LINK attribute
Values:
="shortcut icon"
="stylesheet"

resize: image resize
window resize

RIGHTMARGIN=: <BODY attribute
Values:
="spacing" where spacing is a positive integer number (1,2,3,4,5,...) of pixels of right margin spacing

rollover: Aka: mouse over, see pointer over

rollover images: Related Links:
HTML Code Tutorial htmlcodetutorial.com/images/images_famsupp_59.html

ROWS=: <FRAMESET frame heights attribute
Values:
="row#1,row#2,...,row#n" where row#... is either pixels, pageheight%, or * where * is remaining page height
Related Links:
HTML Code Tutorial htmlcodetutorial.com/frames/_FRAMESET_COLS.html

ROWSPAN=: <TD attribute to span adjacent table cells of rows below
Values:
="num" where num is a positive integer number (1,2,3,4,5,...) of rows spanning below

RSS: really simple syndication acronym

ruler: 100px/10px Ruler or Black 100px/10px Ruler, resize by dragging lower-right corner

RULES=: <TABLE inner rules attribute, horizontal rules between rows and/or vertical rules between columns
Values:
="all" horizontal rules between rows and vertical rules between columns
="cols" vertical rules between columns
="groups" horizontal rules between groups: head, body, foot
="none"
="rows" horizontal rules between rows
Also see:
FRAME= outer border attribute
Related Links:
HTML Code Tutorial htmlcodetutorial.com/tables/_TABLE_RULES.html

S

<SCRIPT: script tag
Values:
LANGUAGE=
SRC=
TYPE=

SCROLL=: <BODY attribute
Values:

SCROLLAMOUNT=: <MARQUEE scroll speed attribute
Values:
="num" where num is a positive integer (1,2,3,4,5,...)

SCROLLDELAY=: <MARQUEE scroll delay attribute
Values:
="num" where num is a positive integer (1,2,3,4,5,...)

SCROLLING=: <IFRAME scroll bars attribute, not supported by older browsers
Values:
default (no SCROLLING= attribute) ="auto"
="auto" scroll bars included if scroll bars are needed
="no" no scroll bars even if scroll bars are needed, not supported by older browsers
="yes" scroll bars included even if no scroll bars are needed
Related Links:
HTML Code Tutorial htmlcodetutorial.com/frames/_IFRAME_SCROLLING.html

search engine optimization: Recommended:
Misconceptions & Inconsequentials:
<META keywords
Recommendations Not Yet Evaluated:

<SELECT: form select tag, use within <FORM optional, use with <OPTION
Attributes:
DISABLED
LANGUAGE= script language
MULTIPLE
NAME=
ONBLUR
ONCHANGE
ONFOCUS
READONLY
SIZE=, number of select options displayed, default (no SIZE attribute) ="1"
TABINDEX
</SELECT> end tag required
Related Links:
HTML Code Tutorial htmlcodetutorial.com/forms/_SELECT.html

SELECTED attribute: Form <OPTION selected attribute, use optional, not required
No Values

SHAPE=: <AREA attribute
Values:
="circle" where COORDS= values are "
="default"
="poly" where COORDS= values are "
="rect" where COORDS= values are "
Related Links:
HTML Code Tutorial htmlcodetutorial.com/images/_AREA_SHAPE.html

SIZE=: <FONT size attribute
Values:
="num" where num is a positive integer number (1,2,3,4,5,6, or 7) font size
="+num" where +num is a positive integer number (+1,+2,+3,+4,+5,+6, or +7) larger relative font size
="-num" where -num is a negative integer number (-1,-2,-3,-4,-5,-6, or -7) smaller relative font size
Default font size (no <FONT SIZE= attribute) within paragraph <P> is "3", usually 16 pixels
Default font size within headers <H1> is "6", <H2> is "5", <H3> is "4", <H4> is "3" <H5> is "2", and <H6> is "1"
View <FONT SIZE= Samples

SIZE=: <HR horizontal rule thickness or height attribute
Values:
="thickness" where thickness is a positive integer number (1,2,3,4,5,...) of pixels of thickness or height
some browsers display maximum 100 pixels where thickness is greater than 100
Related Links:
HTML Code Tutorial htmlcodetutorial.com/linepar/_HR_SIZE.html

SIZE=: form <INPUT width attribute
Values:
="width" where width is a positive integer number (1,2,3,4,5,...) form input width
width in pixels = width x 7 (MSIE 6.0 browser, other browsers unverified)

SIZE=: form <SELECT number of options displayed attribute
Values:
default (no SIZE= attribute) ="1" option displayed
="num" where num is a positive integer number (1,2,3,4,5,...) of options displayed
Related Links:
HTML Code Tutorial htmlcodetutorial.com/forms/_SELECT_SIZE.html

<SMALL>: small font size tag
Attributes: none
</SMALL> end tag required
View <SMALL> Samples

<SPAN: span tag, use with <STYLE optional but not required, nested spans supported
Attributes:
CLASS= class name
STYLE=
</SPAN> end tag required
Alternative:
<DIV
Related Links:
HTML Code Tutorial htmlcodetutorial.com/_SPAN.html

SPAN=: <COL attribute
<COLGROUP attribute
="num" where num is a positive integer number (1,2,3,4,5,...) of columns spanned to right
Related Links:
HTML Code Tutorial htmlcodetutorial.com/tables/_COL_SPAN.html, htmlcodetutorial.com/tables/_COLGROUP_SPAN.html

special characters: View List of Character Codes

SRC=: <IFRAME source file attribute
<IMG source file attribute
<SCRIPT source file attribute
Values:
="URLpath/filename"

<STRIKE>: strike through text tag
Attributes: none
</STRIKE> end tag required
~~example of strike through text~~

<STRONG>: strong text tag
Attributes: none
</STRONG> end tag required
Alternative:
<B>

style: cascading style sheet
embedded style sheet
external style sheet
inline style
style sheet

<STYLE

style tag
Attributes:
TYPE=
Contents:

<!--
tag{attribute:values;...;attribute:values}

and/or

.classname{attribute:values;...;attribute:values}

and/or

#idname{attribute:values;...;attribute:values}

and/or

/ comment /

and

-->
</STYLE>

where tag excludes < character, where classname is an alphanumeric character class name, where idname is an alphanumeric character id name
</STYLE> end tag required
Related Links:
HTML Code Tutorial

STYLE=: style attribute
<COL style attribute
<DIV style attribute
<P style attribute
<SPAN style attribute
<TABLE style attribute
<TD style attribute
<TR style attribute
Values:
="background-color: ..."
="border-bottom: ..."
="border-left: ..."
="border-right: ..."
="border-style: ..."
="border-top: ..."
="clear:both"
="clear:left"
="clear:right"
="color: ..."
="filter: alpha(opacity=num)" where num is integer number (0,1,2,...,98,99,100) percent of opacity
="float: left"
="float: right"
="font-family: ..."
="font-size:value" where value is (1,2,3,...) pixels, (1%,...,100%,...) percent of default, or (rationalnum em) multiple of default. View STYLE=font-size Samples
="font-style: ..."
="font-weight:value" where value is (normal, lighter, bold, bolder, 100, 200, 300, 400, 500, 600, 700, 800, 900). View STYLE=font-weight Samples
="height: ..."
="margin-bottom: ..."
="margin-left: ..."
="margin-right: ..."
="margin-top: ..."
="padding-bottom: ..."
="padding-left: ..."
="padding-right: ..."
="padding-top: ..."
="position:absolute:[ top:spacing;][ left:spacing;][ height:height;][ width:width;]"
="text-align: center"
="text-align: justify"
="text-align: left"
="text-align: right"
="text-decoration: ..."
="text-underline-style: ..."
="vertical-align: ..."
="white-space: ..."

style sheet: cascading style sheet
embedded style sheet
external style sheet

STYLESRC=: <BODY attribute
Values:

T

<TABLE: table tag, use with <COL, <COLGROUP, <TBODY, <TD, <THEAD, <TFOOT, <TR
Attributes:
ALIGN=
BACKGROUND=
BGCOLOR=
BORDER=
BORDER-STYLE=
BORDERCOLOR=
BORDERCOLORDARK=
BORDERCOLORLIGHT=
CELLPADDING=
CELLSPACING=
FRAME=
HEIGHT=
HSPACE=
RULES=
STYLE=
TABLECONTENT=
VSPACE=
WIDTH=
</TABLE> end tag required
Related Links:
HTML Code Tutorial htmlcodetutorial.com/tables/_TABLE.html

TABLECONTENT=: <TABLE content attribute
Values:
="text"

tableless layout: use of <DIV and <SPAN to position layout elements, instead of tables
Related Links:
Digital Point forums.digitalpoint.com/showthread.php?t=1540481
Wikipedia en.wikipedia.org/wiki/Tableless_web_design

tag: Code: <tag>

TARGET=: <A attribute
Values:
="framename"
="_blank" new browser window
="_self" current frame current window
="_parent" parent frameset of nested frameset
="_top" topmost frame
="view_window" current browser window

<TBODY: table body tag, use within <TABLE, use after </THEAD, use with <TD, <TR
</TBODY> end tag required, use before <TFOOT

<TD: table cell tag, use within <TR required, aka table data tag
Attributes:
ALIGN=
BACKGROUND=
BGCOLOR=
BORDERCOLOR=
BORDERCOLORDARK=
BORDERCOLORLIGHT=
CLASS=
COLSPAN=
HEIGHT=
NOWRAP
ROWSPAN=
VALIGN=
WIDTH=
</TD> end tag optional and recommended, not required

TEXT=: <BODY text color attribute
Values:
="#colorcode"
="colorname"
Related Links:
HTML Code Tutorial htmlcodetutorial.com/document/_BODY_TEXT.html

text color: <BODY TEXT= body text color tag
<FONT COLOR= inline text color tag
<STYLE
STYLE=
also see link color
Related Links:
HTML Goodies htmlgoodies.com/tutorials/colors/article.php/3479011, htmlcodetutorial.com/document/_BODY_TEXT.html

<TEXTAREA: form text area tag, optional, use within <FORM required
Attributes:
COLS= text area width
NAME=
ROWS= text area height in rows
TYPE=
</TEXTAREA> end tag required

tile: if image is smaller than background, image is replicated and repeated horizontally and vertically to fill out remaining background
webpage background images tile by default
To tile display wallpaper background image:
Windows: right click display background, select Properties, in Picture Display menu select Tile option

<TITLE>: webpage title tag, optional, use within <HEAD required
Attributes: none
</TITLE> end tag required
Related Links:
HTML Code Tutorial htmlcodetutorial.com/document/_TITLE.html

TITLE=: <LINK title name attribute
Values:
="titlename" where titlename is an ASCII character text title name
Related Links:
HTML Code Tutorial htmlcodetutorial.com/document/_LINK_TITLE.html

TOPMARGIN=: <BODY attribute
Values:
="spacing" where spacing is a positive integer number (1,2,3,4,5,...) of pixels of top margin
Related Links:
HTML Code Tutorial htmlcodetutorial.com/document/_BODY_TOPMARGIN.html

<TR: table row tag, use within <TABLE required, use with <TD
Attributes:
ALIGN=
BACKGROUND=
BGCOLOR=
BORDERCOLOR=
BORDERCOLORDARK=
BORDERCOLORLIGHT=
HALIGN= poorly supported, not recommended, same as ALIGN=
HEIGHT=
STYLE=
VALIGN=
</TR> end tag recommended and optional, not required

<TT>: monospace font tag, aka fixed character width font tag
Example: your current or default monospace font
Attributes: none
</TT> end tag required

TYPE=: form <INPUT type attribute
Values:
="checkbox"
="hidden"
="radio"
="reset"
="submit"
="text"

TYPE=: <LI list item attribute, use optional and not recommended, use with <DIR, <OL, <UL lists, subsequent <LI list items also changed
Values:
="A", use with <OL, list item order A., B.,C., D., E., ...
="a", use with <OL, list item order a., b., c., d., e., ...
="circle", open circular bullet, use with <DIR, <UL, unsupported by older browsers
="disc", solid circular bullet, use with <DIR, <UL
="I", use with <OL, list item order I., II., III., IV., V.,...
="i", use with <OL, list item order i., ii., iii., iv., v., ...
="square", solid square bullet, use with <DIR, <UL, unsupported by older browsers
="1", use with <OL, list item order 1., 2., 3., 4., 5., ...
Related Links:
HTML Code Tutorial htmlcodetutorial.com/_LI_TYPE.html

TYPE=: <LINK type attribute
<STYLE type attribute
Values:
="text/css"

TYPE=: <OL attribute, use optional
Values:
default (no TYPE attribute) ="1"
="1" list item order 1., 2., 3., 4., 5., ...
="A" list item order A., B.,C., D., E., ...
="a" list item order a., b., c., d., e., ...
="I" list item order I., II., III., IV., V.,...
="i" list item order i., ii., iii., iv., v., ...

TYPE=: <UL bullet attribute, not supported by older browsers
Values:
default (no TYPE= attribute) ="disc"
="disc", solid circular bullet
="circle", open circular bullet
="square", solid square bullet

typography: Related Links:
Typographic Design: Form and Communication Glossary typographicdesign4e.com/resources_glossary.html

U

<U: underline text tag
Attributes:
</U> end tag required
Related Links:
EchoEcho.Com

<UL: unordered list tag, use with <LI list item, nested lists supported and optional
Attributes:
TYPE= default (no TYPE attribute) solid circular bullet
</UL> end tag required
Related Links:
HTML Code Tutorial htmlcodetutorial.com/_UL.html

uniform resource locator: Acronym: URL
http://www.domainname/[subdirectory/][filename][#anchorname]
Example: http://www.freedomactivist.net/webdevelopment.html#anchorname
http://IP/[subdirectory/][filename][#anchorname]

unordered list: Aka: bulleted list
Code:
<UL>list heading<LI>first list item text...<LI>last list item text</UL>

uppercase: shifted alphabetic characters: A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R,S,T,U,V,W,X,Y,Z
contrasted with lowercase or unshifted characters: a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y,z

URL: uniform resource locator acronym

USEMAP=: <IMG attribute, use with <MAP, <AREA
Values:
="#mapname" where mapname is mapname value of <MAP NAME=
Related Links:
HTML Code Tutorial htmlcodetutorial.com/images/_IMG_USEMAP.html, htmlcodetutorial.com/images/images_famsupp_220.html

V

VALIGN=: <TD vertical align attribute
<TR vertical align attribute
Values:
="baseline"
="bottom"
="middle"
="top"

VALUE=: Form <INPUT value attribute
Values:
="text" where text is ASCII text displayed in Form Input box

VALUE=: <LI list item numeral count value attribute, use optional, use with <OL Ordered List
="num" where num is a positive integer number (1,2,3,4,5,...) changing ordered list item number, subsequent <LI list item numbers increment from num
Related Links:
HTML Code Tutorial htmlcodetutorial.com/_LI_VALUE.html

VLINK=: <BODY visited link color attribute, use with ALINK=, LINK=
Values:
="#colorcode"
="colorname"

VSPACE=: <IMG attribute
Values:
="spacing" where spacing is an integer number (1,2,3,4,5,...) of pixels of vertical spacing
Related Links:
HTML Code Tutorial htmlcodetutorial.com/images/_IMG_HSPACE.html

W

<WBR>: allow line break tag, use within <NOBR
Attributes: none
Related Links:
HTML Code Tutorial htmlcodetutorial.com/linepar/_WBR.html

WIDTH=: horizontal width attribute
<HR attribute
<IFRAME attribute
<IMG attribute
<MARQUEE attribute
<TABLE attribute
<TD attribute
Values:
="width" where width is a positive integer number (1,2,3,4,5,...) of pixels of horitzontal width
="availablewidth%" where availablewidth is a positive integer number less or equal to 100 (1,2,3,...,99,100)
also see HEIGHT=, HSPACE=, SIZE=
Related Links:
HTML Code Tutorial htmlcodetutorial.com/images/_IMG_WIDTH.html

X

Y

Z

Other

<

<&: character code tag

<!: comment tag

</: end tag

Freedom Activist Network's Guide To Web Development

A

Freedom Activist Network's Guide To
Web Development