List of HTML elements - QUICK GUIDE FOR HTML



  • LIST OF HTML ELEMENTS






    BASIC ELEMENTS


    Document Type

    <HTML> </ HTML>

    (The beginning and end of the file)

    Document name

    <TITLE> </ TITLE>

    (Should be in the header)

    Header

    <HEAD> </ HEAD>

    (A description of the document, for example its name)

    Body

    <BODY> </ BODY>

    (Page content)

    
    






    DEFINITION OF STRUCTURE


    Title

    <H?> </ H?>

    (The 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)

    Allocation

    <EM> </ EM>

    (Usually italicized)

    Additional selection

    <STRONG> </ STRONG>

    (Usually shown in bold)

    Sending, quotation

    <CITE> </ CITE>

    (Usually italics)

    Code

    <CODE> </ CODE>

    (For code listings)

    Example 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>

    (Shown as a font of fixed width)

    Formatted

    <PRE> </ PRE>

    (Save the text format as is)

    Width

    <PRE WIDTH =?> </ PRE>

    (In characters)

    Center

    <CENTER> </ CENTER >>

    (Both text and graphics)

    N1.0

    Flashing

    <BLINK> </ BLINK>

    (The 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 =?>

    (1 to 7, default 3)

    Font Color

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

    N3.0b

    Selecting a font

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

    N3.0b

    Multicolumn text

    <MULTICOL COLS =?> </ MULTICOL>

    N3.0b

    Space between columns

    <MULTICOL GUTTER =?> </ MULTICOL>

    (The default is 10 points)

    N3.0b

    Column Width

    <MULTICOL WIDTH =?> </ MULTICOL>

    N3.0b

    Empty block

    <SPACER>

    N3.0b.

    Blank Type

    <SPACER TYPE = horizontal | Vertical | block>

    N3.0b

    The value of the empty block

    <SPACER SIZE =?>

    N3.0b

    Empty block dimensions

    <SPACER WIDTH =? HEIGHT =?>

    N3.0b

    Alignment

    <SPACER ALIGN = Left | right | center>

    
    






    LINKS AND GRAPHICS


    Link

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

    Link to bookmark

    <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 Bookmark

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

    Attitude

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

    (Often not supported)

    The inverse relation

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

    (Often not supported)

    Graphic arts

    <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 displayed)

    Map

    <IMG SRC = "URL" ISMAP>

    (You also need a program)

    Local map

    <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)

    Indenting

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

    (In points)

    N1.0

    The substitute in low resolution

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

    N1.1

    Update

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

    N2.0

    Enable object

    <EMBED SRC = "URL">

    (Insert the object in the page)

    N2.0

    Object size

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






    SEPARATORS


    Paragraph

    <P> </ P>

    (Closing the item is often not necessary)

    Alignment

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

    New line

    <BR>

    (Single line feed)

    Clear alignment

    <BR CLEAR=LEFT|RIGHT|ALL>

    Horizontal separator

    <HR>

    Alignment

    <HR ALIGN = LEFT | RIGHT | CENTER>

    Thickness

    <HR SIZE =?>

    (In points)

    Width

    <HR WIDTH =?>

    (In points)

    N1.0

    Width in percent

    <HR WIDTH = "%">

    (As a percentage of the page width)

    solid line

    <HR NOSHADE>

    (Without 3D effects)

    N1.0

    No breakdown

    <NOBR> </ NOBR>

    (Prohibits line feed)

    N1.0

    Transferring

    <WBR>

    (Where to break a string for transfer if necessary)






    LISTS


    Disordered

    <UL> <LI> </ UL>

    ( <LI> before each element)

    Compact

    <UL COMPACT> </ UL>

    Label type

    <UL TYPE = DISC | CIRCLE | SQUARE>

    (For the entire list)

    <LI TYPE = DISC | CIRCLE | SQUARE>

    (This and the following)

    Numbered

    <OL> <LI> </ OL>

    ( <LI> before each element)

    Compact

    <OL COMPACT> </ OL>

    Numbering type

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

    (For the entire list)

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

    (This and the following)

    First number

    <OL START =?>

    (For the entire list)

    <LI VALUE =?>

    (This and the following)

    List of definitions

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

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

    Compact

    <DL COMPACT> </ DL>

    Menu

    <MENU> <LI> </ MENU>

    ( <LI> before each element)

    Compact

    <MENU COMPACT> </ MENU>

    Catalog

    <DIR> <LI> </ DIR>

    ( <LI> before each element)

    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 link

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

    Active link

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

    ( More information )

    
    






    SPECIAL SYMBOLS
    (Must be lowercase)


    Special character

    & # ?;

    (Where is the ISO 8859-1 code)

    <

    & Lt;

    >

    & Gt;

    &

    & Amp;

    "

    & Quot;

    Trademark TM

    & Gt;

    Copyright

    & Copy;

    Non-separating space

    & Nbsp;

    ( Full list )

    
    






    FORMS


    Determine the form

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

    N2.0

    Sending a 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 = "***">

    Was it noted?

    <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 choice

    <SELECT MULTIPLE>

    (You can select more than one)

    Option

    <OPTION>

    (An element that can be selected)

    Default option

    <OPTION SELECTED>

    Enter text, size

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

    Name of the text

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

    N2.0

    Stake on lines

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






    Tables


    Define the table

    <TABLE> </ TABLE>

    Edge of the table

    <Table border =?> </ TABLE>

    Distance between cells

    <TABLE CELLSPACING =?>

    Addition of cells

    <TABLE CELLPADDING =?>

    Desired width

    <TABLE WIDTH =?>

    (In points)

    Width in percent

    <TABLE WIDTH = "%">

    (Percent of the page width)

    Table row

    <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>

    No line feed

    <TD NOWRAP>

    Stretching on a column

    <TD COLSPAN =?>

    Stretching on a line

    <TD ROWSPAN =?>

    N1.1

    Desired width

    <TD WIDTH =?>

    (In points)

    N1.1

    Width in percent

    <TD WIDTH = "%">

    (Percent of the page width)

    N3.0b

    Cell color

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

    Table title

    <TH> </ TH>

    (Like data, but boldface and alignment)

    Alignment

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

    No line feed

    <TH NOWRAP>

    Stretching on a column

    <TH COLSPAN = ??>

    Stretching on a line

    <TH ROWSPAN =?>

    N1.1

    Desired width

    <TH WIDTH =?>

    (In points)

    N1.1

    Width in percent

    <TH WIDTH = "%">

    (Percent of the width of the table)

    N3.0b

    Cell color

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

    Table name

    <CAPTION> </ CAPTION>

    Alignment

    <CAPTION ALIGN = TOP | BOTTOM>

    (Top / bottom of the table)

    
    






    FRAMES


    N2.0

    Document with frames

    <FRAMESET> </ FRAMESET>

    (Instead of <BODY> )

    N2.0

    Row Height

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

    (Points or%)

    N2.0

    Row Height

    <FRAMESET ROWS = *> </ FRAMESET>

    (* = Relative size)

    N2.0

    Column Width

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

    (Points or%)

    N2.0

    Column Width

    <FRAMESET COLS = *> </ FRAMESET>

    (* = Relative size)

    N3.0b

    Width of fringing

    <FRAMESET BORDER =?>

    N3.0b

    Edging

    <FRAMESET FRAMEBORDER = "yes | no">

    N3.0b

    Bezel color

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

    N2.0

    Define the 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 borders)

    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

    Bezel color

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

    N2.0

    Content without frames

    <NOFRAMES> </ NOFRAMES>

    (For viewers that do not support frames)






    LANGUAGE JAVA


    Applet

    <APPLET> </ APPLET>

    Applet - the name of the file

    <APPLET CODE = "***">

    Options

    <APPLET PARAM NAME = "***">

    Applet - address

    <APPLET CODEBASE = "URL">

    Applet - name

    <APPLET NAME = "***">

    (For links from other parts of the page)

    Alternative text

    <APPLET ALT = "***">

    (For programs that do not support Java)

    Alignment

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

    Dimensions

    <APPLET WIDTH =? HEIGHT =?>

    (In points)

    Indenting

    <APPLET HSPACE =? VSPACE =?>

    (In points)






    OTHER


    A comment

    <! - *** ->

    (Ignored by the viewer)

    HTML Prolog 3.2

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

    Search

    <ISINDEX>

    (Means the starting point of the search)

    Invitation

    <ISINDEX PROMPT = "***">

    (The text of the prompt for the input field)

    Start the search

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

    (Use really a question mark)

    URL of this file

    <BASE HREF = "URL">

    (Should be in the header)

    N2.0

    Name of the base window

    <BASE TARGET = "***">

    (Should be in the header)

    Attitude

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

    (Should be in the header)

    Metainformation

    <META>

    (Should be in the header)

    Styles

    <STYLE> </ STYLE>

    (Often not supported)

    Program

    <SCRIPT> </ SCRIPT>

    (Often not supported)