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

List of HTML elements - QUICK GUIDE FOR HTML



  • LIST OF HTML ELEMENTS






    BASIC ELEMENTS


    Document Type

    <HTML> </ HTML>

    (beginning and end of the file)

    Document name

    <TITLE> </ TITLE>

    (should be in the title)

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

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

    <NOBR> </ NOBR>

    (prohibits line feed)

    N1.0

    Transferring

    <WBR>

    (where to break a line 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)

    Size of the field

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

    Edging 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 = "%">

    (percentages 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 = "%">

    (percentages 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 browsers 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 title)

    N2.0

    Name of the base window

    <BASE TARGET = "***">

    (should be in the title)

    Attitude

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

    (should be in the title)

    Metainformation

    <META>

    (should be in the title)

    Styles

    <STYLE> </ STYLE>

    (often not supported)

    Program

    <SCRIPT> </ SCRIPT>

    (often not supported)