This page has been robot translated, sorry for typos if any. Original content here.

HTML Element List - A Quick HTML Guide



  • LIST OF ITEMS HTML






    BASIC ELEMENTS


    Document type

    <HTML> </ HTML>

    (beginning and end of file)

    Document name

    <TITLE> </ TITLE>

    (should be in the title)

    Headline

    <HEAD> </ HEAD>

    (description of the document, for example its name)

    Body

    <BODY> </ BODY>

    (page content)

    
    






    STRUCTURE DEFINITION


    Title

    <H?> </ H?>

    (standard defines 6 levels)

    with alignment

    <H? ALIGN = LEFT | CENTER | RIGHT> </ H?>

    Section

    <Div> </ div>

    with alignment

    <DIV ALIGN = LEFT | RIGHT | CENTER> </ DIV>

    Quote

    <BLOCKQUOTE> </ BLOCKQUOTE>

    (usually indented)

    Allotment

    <Em> </ em>

    (usually italicized)

    Extra Highlight

    <STRONG> </ STRONG>

    (usually in bold)

    Sending, quotation

    <CITE> </ CITE>

    (usually italics)

    Code

    <CODE> </ CODE>

    (for code listings)

    Sample output

    <SAMP> </ SAMP>

    Keyboard input

    <KBD> </ KBD>

    Variable

    <Var> </ var>

    Definition

    <DFN> </ DFN>

    (often not supported)

    Author's address

    <ADDRESS> </ ADDRESS>

    Large font

    <Big> </ big>

    Small font

    <SMALL> </ SMALL>






    APPEARANCE


    Fatty

    <B> </ b>

    Italics

    <I> </ i>

    N3.0b

    Underlined

    <U> </ u>

    (often not supported)

    Crossed out

    <STRIKE> </ STRIKE>

    (often not supported)

    N3.0b

    Crossed out

    <S> </ s>

    (often not supported)

    Superscript

    <Sub> </ sub>

    Subscript

    <Sup> </ sup>

    Typewriter

    <Tt> </ tt>

    (depicted as a fixed-width font)

    Formatted

    <PRE> </ PRE>

    (keep the text format as is)

    Width

    <PRE WIDTH =?> </ PRE>

    (in characters)

    Center

    <CENTER> </ CENTER >>

    (both text and graphics)

    N1.0

    Flashing

    <BLINK> </ BLINK>

    (most ridiculed element)

    Font size

    <FONT SIZE =?> </ FONT>

    (from 1 to 7)

    Change font size

    <FONT SIZE = "+ | -?"> </ FONT>

    N1.0

    Basic font size

    <BASEFONT SIZE =?>

    (from 1 to 7; default 3)

    Font color

    <FONT COLOR = "# $$$$$$"> </ FONT>

    N3.0b

    Font selection

    <FONT FACE = "***"> </ FONT>

    N3.0b

    Multicolumn text

    <MULTICOL COLS =?> </ MULTICOL>

    N3.0b

    Space between columns

    <MULTICOL GUTTER =?> </ MULTICOL>

    (10 points by default)

    N3.0b

    Column width

    <MULTICOL WIDTH =?> </ MULTICOL>

    N3.0b

    Empty block

    <SPACER>

    N3.0b

    Empty block type

    <SPACER TYPE = horizontal | vertical | block>

    N3.0b

    Empty block size

    <SPACER SIZE =?>

    N3.0b

    Sizes of empty block

    <SPACER WIDTH =? HEIGHT =?>

    N3.0b

    Alignment

    <SPACER ALIGN = left | right | center>

    
    






    LINKS AND GRAPHICS


    Link

    <A HREF="URL"> </A>

    Bookmark link

    <A HREF="URL#***"> </A>

    (in another document)

    <A HREF="#***"> </A>

    (in the same document)

    N2.0

    To another window

    <A HREF="URL" TARGET="***| |_blank|_self|_parent|_top"> </A>

    Define a bookmark

    <A NAME="***"> </A>

    Attitude

    <A REL="***"> </A>

    (often not supported)

    Inverse relationship

    <A REV="***"> </A>

    (often not supported)

    Graphics

    <Img src = "url">

    Alignment

    <IMG SRC = "URL" ALIGN = TOP | BOTTOM | MIDDLE | LEFT | RIGHT>

    N1.0

    Alignment

    <IMG SRC = "URL" ALIGN = TEXTTOP | ABSMIDDLE | BASELINE | ABSBOTTOM>

    Alternative

    <IMG SRC = "URL" ALT = "***">

    (displayed if the picture is not depicted)

    Map

    <IMG SRC = "URL" ISMAP>

    (also need a program)

    Local card

    <IMG SRC = "URL" USEMAP = "URL">

    Map definition

    <MAP NAME = "***"> </ MAP>

    Map areas

    <AREA SHAPE = "RECT" COORDS = ",,," HREF = "URL" | NOHREF>

    Dimensions

    <Img src = "URL" WIDTH =? HEIGHT =?>

    (in points)

    Edging

    <IMG SRC = "URL" BORDER =?>

    (in points)

    Indent

    <IMG SRC = "URL" HSPACE =? VSPACE =?>

    (in points)

    N1.0

    Low Resolution Substitute

    <IMG SRC = "URL" LOWSRC = "URL">

    N1.1

    Refresh

    <META HTTP-EQUIV = "Refresh" CONTENT = "?; URL = URL">

    N2.0

    Enable object

    <EMBED SRC = "URL">

    (insert object into the page)

    N2.0

    Object size

    <EMBED SRC = "URL" WIDTH =? HEIGHT =?>






    DIVIDERS


    Paragraph

    <P> </ P>

    (close the element is often optional)

    Alignment

    <P ALIGN = LEFT | CENTER | RIGHT> </ P>

    New line

    <BR>

    (single line feed)

    Remove alignment

    <BR CLEAR=LEFT|RIGHT|ALL>

    Horizontal splitter

    <HR>

    Alignment

    <HR ALIGN = LEFT | RIGHT | CENTER>

    Thickness

    <HR SIZE =?>

    (in points)

    Width

    <HR WIDTH =?>

    (in points)

    N1.0

    Width in percent

    <HR WIDTH = "%">

    (percentage of page width)

    solid line

    <HR NOSHADE>

    (without 3D effects)

    N1.0

    No breakdown

    <Nobr> </ nobr>

    (forbids line feed)

    N1.0

    Transfer

    <WBR>

    (where to break the line for transfer if necessary)






    LISTS


    Disordered

    <Ul> <li> </ ul>

    ( <LI> before each item)

    Compact

    <UL COMPACT> </ UL>

    Label Type

    <UL TYPE = DISC | CIRCLE | SQUARE>

    (for the whole list)

    <LI TYPE = DISC | CIRCLE | SQUARE>

    (this and subsequent)

    Numbered

    <OL> <LI> </ OL>

    ( <LI> before each item)

    Compact

    <OL COMPACT> </ OL>

    Numbering Type

    <OL TYPE = A | a | I | i | 1>

    (for the whole list)

    <LI TYPE = A | a | I | i | 1>

    (this and the next)

    First number

    <OL START =?>

    (for the whole list)

    <LI VALUE =?>

    (this and the next)

    Definition list

    <DL> <DT> <DD> </ DL>

    ( <DT> = term, <DD> = definition)

    Compact

    <DL COMPACT> </ DL>

    Menu

    <MENU> <LI> </ MENU>

    ( <LI> before each item)

    Compact

    <MENU COMPACT> </ MENU>

    Catalog

    <DIR> <LI> </ DIR>

    ( <LI> before each item)

    Compact

    <DIR COMPACT> </ DIR>






    BACKGROUND AND COLORS


    Background picture

    <BODY BACKGROUND = "URL">

    Background color

    <BODY BGCOLOR = "# $$$$$$$>>

    (order: red / green / blue)

    Text color

    <BODY TEXT = "# $$$$$$">

    Link color

    <BODY LINK = "# $$$$$$">

    Passed reference

    <BODY VLINK = "# $$$$$$$>>

    Active link

    <BODY ALINK = "# $$$$$$">

    ( Additional Information )

    
    






    SPECIAL SYMBOLS
    (must be in lower case)


    Special character

    & # ?;

    (where? is ISO 8859-1 code)

    <

    & lt;

    >

    & gt;

    &

    & amp;

    "

    & quot;

    TM trademark

    & reg;

    Copyright

    & copy;

    Non-separating space

    & nbsp;

    ( Full list )

    
    






    FORMS


    Determine the shape

    <FORM ACTION = "URL" METHOD = GET | POST> </ FORM>

    N2.0

    Send file

    <FORM ENCTYPE = "multipart / form-data"> </ FORM>

    Entry field

    <INPUT TYPE = "TEXT | PASSWORD | CHECKBOX | RADIO | IMAGE | HIDDEN | SUBMIT | RESET">

    Field name

    <INPUT NAME = "***">

    Field value

    <INPUT VALUE = "***">

    Checked?

    <INPUT CHECKED>

    (checkboxes and radio boxes)

    Field size

    <INPUT SIZE =?>

    (in characters)

    Maximum length

    <INPUT MAXLENGTH =?>

    (in characters)

    List of options

    <SELECT> </ SELECT>

    List name

    <SELECT NAME = "***"> </ SELECT>

    Number of options

    <SELECT SIZE =?> </ SELECT>

    Multiple choices

    <SELECT MULTIPLE>

    (you can choose more than one)

    Option

    <OPTION>

    (an item that can be selected)

    Default option

    <OPTION SELECTED>

    Enter text size

    <TEXTAREA ROWS =? COLS =?> </ TEXTAREA>

    Text name

    <TEXTAREA NAME = "***"> </ TEXTAREA>

    N2.0

    Line break

    <TEXTAREA WRAP = OFF | VIRTUAL | PHYSICAL> </ TEXTAREA>






    Tables


    Define table

    <TABLE> </ TABLE>

    Edging table

    <table border =?> </ TABLE>

    Cell spacing

    <TABLE CELLSPACING =?>

    Cell Supplement

    <TABLE CELLPADDING =?>

    Desired width

    <TABLE WIDTH =?>

    (in points)

    Width in percent

    <TABLE WIDTH = "%">

    (percent of page width)

    Row table

    <Tr> </ tr>

    Alignment

    <TR ALIGN = LEFT | RIGHT | CENTER | MIDDLE | BOTTOM>

    Table cell

    <Td> </ td>

    (must be inside the string)

    Alignment

    <TD ALIGN = LEFT | RIGHT | CENTER | MIDDLE | BOTTOM>

    Without line break

    <TD NOWRAP>

    Column stretching

    <TD COLSPAN =?>

    Line stretching

    <TD ROWSPAN =?>

    N1.1

    Desired width

    <TD WIDTH =?>

    (in points)

    N1.1

    Width in percent

    <TD WIDTH = "%">

    (percent of page width)

    N3.0b

    Cell color

    <TD BGCOLOR = "# $$$$$$">

    Table header

    <Th> </ th>

    (like data, but bold and centered)

    Alignment

    <TH ALIGN = LEFT | RIGHT | CENTER | MIDDLE | BOTTOM>

    Without line break

    <TH NOWRAP>

    Column stretching

    <TH COLSPAN =?>

    Line stretching

    <TH ROWSPAN =?>

    N1.1

    Desired width

    <TH WIDTH =?>

    (in points)

    N1.1

    Width in percent

    <TH WIDTH = "%">

    (percent of table width)

    N3.0b

    Cell color

    <TH BGCOLOR = "# $$$$$$">

    Table title

    <CAPTION> </ CAPTION>

    Alignment

    <CAPTION ALIGN = TOP | BOTTOM>

    (top / bottom of the table)

    
    






    FRAMES


    N2.0

    Frame Document

    <FRAMESET> </ FRAMESET>

    (instead of <BODY> )

    N2.0

    Row height

    <FRAMESET ROWS = ,,,> </ FRAMESET>

    (points or%)

    N2.0

    Row height

    <FRAMESET ROWS = *> </ framesset>

    (* = relative size)

    N2.0

    Column width

    <FRAMESET COLS = ,,,> </ FRAMESET>

    (points or%)

    N2.0

    Column width

    <FRAMESET COLS = *> </ framesset>

    (* = relative size)

    N3.0b

    Edging width

    <FRAMESET BORDER =?>

    N3.0b

    Edging

    <FRAMESET FRAMEBORDER = "yes | no">

    N3.0b

    Border color

    <FRAMESET BORDERCOLOR = "# $$$$$$$>>

    N2.0

    Define frame

    <FRAME>

    (content of a separate frame)

    N2.0

    Document

    <FRAME SRC = "URL">

    N2.0

    Frame name

    <FRAME NAME = "***" | _blank | _self | _parent | _top>

    N2.0

    Border width

    <FRAME MARGINWIDTH =?>

    (right and left border)

    N2.0

    Border height

    <FRAME MARGINHEIGHT =?>

    (upper and lower bounds)

    N2.0

    Scrolling?

    <FRAME SCROLLING = "YES | NO | AUTO">

    N2.0

    Constant size

    <FRAME NORESIZE>

    N3.0b

    Edging

    <FRAME FRAMEBORDER = "yes | no">

    N3.0b

    Border color

    <FRAME BORDERCOLOR = "# $$$$$$$>>

    N2.0

    Frameless content

    <NOFRAMES> </ NOFRAMES>

    (for browsers that do not support frames)






    LANGUAGE JAVA


    Applet

    <APPLET> </ APPLET>

    Applet - file name

    <APPLET CODE = "***">

    Options

    <APPLET PARAM NAME = "***">

    Applet - address

    <APPLET CODEBASE = "URL">

    Applet - name

    <APPLET NAME = "***">

    (for links from other parts of the page)

    Alternate text

    <APPLET ALT = "***">

    (for non-java programs)

    Alignment

    <APPLET ALIGN = "LEFT | RIGHT | CENTER">

    Dimensions

    <APPLET WIDTH =? HEIGHT =?>

    (in points)

    Indent

    <APPLET HSPACE =? VSPACE =?>

    (in points)






    DIFFERENT


    Comment

    <! - *** ->

    (ignored by viewer)

    Prologue HTML 3.2

    <! DOCTYPE HTML PUBLIC "- // W3C // DTD HTML 3.2 // EN">

    Search

    <ISINDEX>

    (indicates the starting point of the search)

    Invitation

    <ISINDEX PROMPT = "***">

    (invitation text for the input field)

    Start search

    <A HREF="URL?***"> </a>

    (use a valid question mark)

    URL of this file

    <BASE HREF = "URL">

    (should be in the title)

    N2.0

    Base Window Name

    <BASE TARGET = "***">

    (should be in the title)

    Attitude

    <LINK REV = "***" REL = "***" HREF = "URL">

    (should be in the title)

    Meta-information

    <META>

    (should be in the title)

    Styles

    <STYLE> </ STYLE>

    (often not supported)

    Program

    <SCRIPT> </ SCRIPT>

    (often not supported)