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=
TITLE= title name attribute, pointer hover over link displays text pop-up
</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= title name attribute, pointer hover over Image Map area displays text pop-up
</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 outset 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:
•  &#149;
·  &#183; or &middot;
•  &#8226; or &bull;
·  &#8901; or &sdot;
button
button image
form button
button image
Related Links:
FreeButtons.com freebuttons.com

 

C

cascading style sheet
Acronym: CSS
Related Links:
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"
COORDS=
<AREA attribute
Values:
where SHAPE="circle", COORDS= values are "lc,tc,r"
where SHAPE="poly", COORDS= values are "l1,t1, l2,t2, l3,t3, ... , ln,tn"
where SHAPE="rect", COORDS= values are "left,top,right,bottom"
Related Links:
HTML Code Tutorial htmlcodetutorial.com/images/_AREA_SHAPE.html
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 in .html file where cropped image is to appear:
<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"
="left"
="right"
="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: &mdash; or &#151; or &#8212;
"em space" ( ) is a space character of width equal to the font size. Code: &emsp; or &#8195;
"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: &ndash; or &#150; or &#8211;
"en space" ( ) is a space character of width equal to ½ em. Code: &ensp; or &#8194;
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
E E E E E E E E E E E E E

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:
<P STYLE="text-indent: -indent; margin-left: indent">
where indent is integer number (1,2,3,4,...) of pixels
Page-wide code:
<STYLE TYPE="text/css">
<!--
P {text-indent: -indent; margin-left: indent}
-->
</STYLE>
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:
="get" ="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:
&nbsp;   &#160;
&ensp;   &#8194;
&emsp;   &#8195;
&thinsp; &#8201;

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:
<STYLE TYPE="text/css">
<!--
P {text-indent: indent}
-->
</STYLE>
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 "lc,tc,r"
="default"
="poly" where COORDS= values are "l1,t1, l2,t2, l3,t3, ... , ln,tn"
="rect" where COORDS= values are "left,top,right,bottom"
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=
<A title name attribute, pointer hover over link displays text pop-up
<AREA title name attribute, pointer hover over Image Map area displays text pop-up
<LINK title name attribute
Values:
="titlename" where titlename is an ASCII character text title name, recognizes text line breaks in pop-ups
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 horizontal 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