HTML

List of commands

    HTML – creates the HTML container
    HEAD – creates the HEAD container
    TITLE – title for the titlebar
    BODY – creates the BODY container
    BR – line break
    P – paragraph container
    HR – horizontal rule break
    B – bold container
    I – italics container
    CENTER (deprecated) – center container
    U (deprecated) – underline container
    SUP – superscript container
    SUB – subscript container
    PRE – container where text obeys all spaces and line breaks. In a fixed width font.
    H1 – heading 1 container (the largest)
    H2
    H3
    H4
    H5
    H6
    BLOCKQUOTE – indented from left and right
    FONT (deprecated) – to set font color, face, and size
    ! - comment

    HR attributes: WIDTH, ALIGN, SIZE, NOSHADE
    P attributes: ALIGN
    BODY attributes: BGCOLOR, TEXT, LINK, VLINK, ALINK
    FONT attributes: SIZE, COLOR, FACE

Color attribute values can be in hex (start with a #; for example #FF0000; first two digits are red, then green, then blue). Color attributes can also be names. Link for hex values: http://www.webmonkey.com/webmonkey/reference/color_codes/. And another link: http://www.w3schools.com/html/html_colors.asp Link for color names: http://www.w3schools.com/html/html_colornames.asp

You can get special characters by either doing something like this:   Or by doing something like this:   A link for the special character codes: http://www.webmonkey.com/webmonkey/reference/special_characters/

A
        A attributes: HREF
                                          absolute links - to other websites: "http://url/filename"
                                                                 filename unnecessary for index.htm or index.html

                                          relative links - to other files: "filename"
                                                                  - to files in other directories: "directory/filename"
                                                                        use of .. (to go up a directory level

                               NAME
                                        named anchors
                                        can then set HREF property to "#anchorname"
                                        can also link to named anchors on other pages

        Creating a mailto: link - set HREF attribute to "mailto:email address"

Searching for images on-line: www.google.com
Clipart websites: www.barrysclipart.com     www.clipart.com
Downloading images.

IMG
     Attributes:
        SRC - set it to the URL (absolute or relative) of the filename
        WIDTH - in pixels
        HEIGHT - in pixels
        ALIGN - bottom, middle, top
                        left, right
        HSPACE - padding, in pixels
        VSPACE - padding, in pixels
        ALT - text, pop-ups
        BORDER - in pixels

Using an image as a link.

BODY
    BACKGROUND attribute - the URL of the image

Image Maps
    Coordinate system for graphics
    MAP container
        Attributes:
            NAME
    AREA command
        Attributes
            SHAPE (rect, poly, circle)
            COORDS
            HREF
            ALT
    IMG command
        Attribute
            USEMAP

Creating links to other files - sound, graphics, video

Lists and Tables

Unordered Lists (UL container)
    Attribute: TYPE (disk, circle, square)

List items (LI container)

Ordered lists (OL container)
    Attribute:
        TYPE (1, A, a, I, i)
        START

Nested lists

TABLE container (define entire table)
TR container (define row)
TD container (define data cell)
TH container (define headers - boldface)

TABLE attributes:
    CELLPADDING (in pixels)
    CELLSPACING (in pixels)
    BGCOLOR
    WIDTH (pixels or percentage)
    HEIGHT (pixels or percentage)
    ALIGN (left, center, right)

TD and TH attributes
    ALIGN (left, center, right)
    VALIGN (top, bottom, middle)
    BGCOLOR
    BACKGROUND (tiled images)
    HEIGHT
    WIDTH
    ROWSPAN
    COLSPAN

Using tables to organize the HTML page...

FRAMESET command (instead of BODY)
Attributes:
    COLS - assign set of pixels of percentages
    ROWS - assign set of pixels of percentages
    BORDER - pixels
    BORDERCOLOR - color value

FRAME command - inside FRAMESET container
Attributes:
    SRC - the file that goes inside the frame
    NAME - the name of the frame
    MARGINWIDTH - pixels
    MARGINHEIGHT - pixels
    SCROLLING - yes, no, auto

A command -
    another attribute TARGET (valid for links in frames)
    values of target could be:
        _self (default behavior - loads page inside frame that contains link)
        name of frame (loads page inside frame with that name)
        _parent (parent window)

Nested frames

HTML forms

FORM container
    NAME
    ACTION (mailto:avitabij@mail.strose.edu)
    METHOD (POST)
    ENCTYPE (text/plain for mailto forms)

INPUT command
Attributes:
    TYPE - text, button, reset, checkbox, radio, submit
    VALUE
    SIZE
    NAME
    CHECKED

SELECT container
Attributes:
       NAME
       MULTIPLE
       SIZE

OPTION command (inside SELECT container)
Attributes:
        VALUE
        SELECTED

TEXTAREA container
Attributes:
        ROWS
        COLS