Wednesday, July 22, 2009

Basic HTML Elements List, Learn HTML Elements Examples

Posted by admin at 11:31 PM 0 comments
Basic HTML Elements List, Learn HTML Elements Examples

  • A - Anchor

Syntax<A>...</A>
Attribute Specifications
  • HREF=URI (hypertext reference)
  • NAME=CDATA (named link destination)
  • REL=LinkTypes (relationship to link)
  • REV=LinkTypes (relationship from link)
  • TYPE=ContentType (content-type of link)
  • TARGET=FrameTarget (frame to render link in)
  • HREFLANG=LanguageCode (language of link)
  • CHARSET=Charset (character encoding of link)
  • ACCESSKEY=Character (shortcut key)
  • TABINDEX=Number (position in tabbing order)
  • SHAPE=[ rect | circle | poly | default ] (client-side image map)
  • COORDS=Coords (client-side image map)
  • ONFOCUS=Script (element received focus)
  • ONBLUR=Script (element lost focus)

  • ABBR - Abbreviation

Syntax<ABBR>...</ABBR>
Attribute Specifications
  • common attributes

  • ACRONYM - Acronym

Syntax<ACRONYM>...</ACRONYM>
Attribute Specifications
  • common attributes

  • ADDRESS - Address

Syntax<ADDRESS>...</ADDRESS>
Attribute Specifications
  • common attributes

  • APPLET - Java applet

Syntax<APPLET>...</APPLET>
Attribute Specifications
  • CODE=CDATA (class file)
  • CODEBASE=URI (base URI for class files)
  • WIDTH=Length (applet width)
  • HEIGHT=Length (applet height)
  • ARCHIVE=CDATA (archive files)
  • OBJECT=CDATA (serialized applet)
  • NAME=CDATA (name for inter-applet communication)
  • ALT=Text (alternate text)
  • ALIGN=[ top | middle | bottom | left | right ] (applet alignment)
  • HSPACE=Pixels (horizontal gutter)
  • VSPACE=Pixels (vertical gutter)

  • AREA - Image map region

Syntax<AREA>
Attribute Specifications
  • SHAPE=[ rect | circle | poly | default ] (shape of region)
  • COORDS=Coords (coordinates of region)
  • HREF=URI (linked resource)
  • TARGET=FrameTarget (frame to render link in)
  • NOHREF (inactive region)
  • ALT=Text (alternate text)
  • ACCESSKEY=Character (shortcut key)
  • TABINDEX=Number (position in tabbing order)
  • ONFOCUS=Script (region received focus)
  • ONBLUR=Script (region lost focus)

  • B - Bold text

Syntax<B>...</B>
Attribute Specifications
  • common attributes

  • BASE - Document base URI

Syntax<BASE>
Attribute Specifications
  • HREF=URI (base URI reference)
  • TARGET=FrameTarget (frame to render links in)

  • BASEFONT - Base font change

Syntax<BASEFONT>
Attribute Specifications
  • SIZE=CDATA (font size adjustment)
  • COLOR=Color (font color adjustment)
  • FACE=CDATA (font face adjustment)
  • ID=ID (unique ID)

  • BIG - Large text

Syntax<BIG>...</BIG>
Attribute Specifications
  • common attributes

  • BLOCKQUOTE - Block quotation

Syntax<BLOCKQUOTE>...</BLOCKQUOTE>
Attribute Specifications
  • CITE=URI (source of quotation)
  • common attributes

  • BODY - Document body

Syntax<BODY>...</BODY>
Attribute Specifications
  • BACKGROUND=URI (background image for document)
  • BGCOLOR=Color (background color for document)
  • TEXT=Color (text color for document)
  • LINK=Color (link color for document)
  • VLINK=Color (visited link color for document)
  • ALINK=Color (active link color for document)
  • ONLOAD=Script (document has been loaded)
  • ONUNLOAD=Script (document has been exited)

  • BR - Line break

Syntax<BR>
Attribute Specifications
  • CLEAR=[ left | all | right | none ] (clear floating objects)

  • BUTTON - Button

Syntax<BUTTON>...</BUTTON>
Attribute Specifications
  • NAME=CDATA (key in submitted form)
  • VALUE=CDATA (value in submitted form)
  • TYPE=[ submit | reset | button ] (type of button)
  • DISABLED (disable button)
  • ACCESSKEY=Character (shortcut key)
  • TABINDEX=Number (position in tabbing order)
  • ONFOCUS=Script (element received focus)
  • ONBLUR=Script (element lost focus)

  • CAPTION - Table caption

Syntax<CAPTION>...</CAPTION>
Attribute Specifications
  • ALIGN=[ top | bottom | left | right ] (caption alignment)

  • COL - Table column

Syntax<COL>
Attribute Specifications
  • SPAN=Number (number of columns)
  • WIDTH=MultiLength (width of each column)
  • ALIGN=[ left | center | right | justify | char ] (horizontal alignment of cells)
  • CHAR=Character (alignment character for cells)
  • CHAROFF=Length (alignment character offset)
  • VALIGN=[ top | middle | bottom | baseline ] (vertical alignment of cells)

  • COLGROUP - Table column group

Syntax<COLGROUP>...</COLGROUP>
Attribute Specifications
  • SPAN=Number (number of columns in group)
  • WIDTH=MultiLength (width of each column)
  • ALIGN=[ left | center | right | justify | char ] (horizontal alignment of cells in group)
  • CHAR=Character (alignment character for cells)
  • CHAROFF=Length (alignment character offset)
  • VALIGN=[ top | middle | bottom | baseline ] (vertical alignment of cells in group)

  • DEL - Deleted text

Syntax<DEL>...</DEL>
Attribute Specifications
  • CITE=URI (reason for deletion)
  • DATETIME=v (date and time of deletion)

  • DIR - Directory list

Syntax<DIR>...</DIR>
Attribute Specifications
  • COMPACT (compact display)

  • DIV - Generic block-level container

Syntax<DIV>...</DIV>
Attribute Specifications
  • ALIGN=[ left | center | right | justify ] (horizontal alignment)

  • DL - Definition list

Syntax<DL>...</DL>
Attribute Specifications
  • COMPACT (compact display)

  • DT - Definition term

Syntax<DT>...</DT>
Attribute Specifications
  • common attributes

  • EM - Emphasis

Syntax<EM>...</EM>
Attribute Specifications
  • common attributes

  • FONT - Font change

Syntax<FONT>...</FONT>
Attribute Specifications
  • SIZE=CDATA (font size adjustment)
  • COLOR=Color (font color adjustment)
  • FACE=CDATA (font face adjustment)

  • FORM - Interactive form

Syntax<FORM>...</FORM>
Attribute Specifications
  • ACTION=URI (form handler)
  • METHOD=[ get | post ] (HTTP method for submitting form)
  • ENCTYPE=ContentType (content type to submit form as)
  • NAME=CDATA (name for client-side scripting)
  • ACCEPT-CHARSET=Charsets (supported character encodings)
  • ACCEPT=ContentTypes (media types for file upload)
  • TARGET=FrameTarget (frame to render form result in)
  • ONSUBMIT=Script (form was submitted)
  • ONRESET=Script (form was reset)

  • FRAME - Frame

Syntax<FRAME>
Attribute Specifications
  • NAME=CDATA (name of frame)
  • SRC=URI (content of frame)
  • LONGDESC=URI (long description of frame)
  • FRAMEBORDER=[ 1 | 0 ] (frame border)
  • MARGINWIDTH=Pixels (margin width)
  • MARGINHEIGHT=Pixels (margin height)
  • NORESIZE (disallow frame resizing)
  • SCROLLING=[ yes | no | auto ] (ability to scroll)

  • FRAMESET - Frameset

Syntax<FRAMESET>...</FRAMESET>
Attribute Specifications
  • ROWS=MultiLengths (row lengths)
  • COLS=MultiLengths (column lengths)
  • ONLOAD=Script (all frames have been loaded)
  • ONUNLOAD=Script (all frames have been removed)

  • H1 - Level-one heading

Syntax<H1>...</H1>
Attribute Specifications
  • ALIGN=[ left | center | right | justify ] (horizontal alignment)

  • H2 - Level-two heading

Syntax<H2>...</H2>
Attribute Specifications
  • ALIGN=[ left | center | right | justify ] (horizontal alignment)

  • H3 - Level-three heading

Syntax<H3>...</H3>
Attribute Specifications
  • ALIGN=[ left | center | right | justify ] (horizontal alignment)

  • H4 - Level-four heading

Syntax<H4>...</H4>
Attribute Specifications
  • ALIGN=[ left | center | right | justify ] (horizontal alignment)

  • H5 - Level-five heading

Syntax<H5>...</H5>
Attribute Specifications
  • ALIGN=[ left | center | right | justify ] (horizontal alignment)

  • H6 - Level-six heading

Syntax<H6>...</H6>
Attribute Specifications
  • ALIGN=[ left | center | right | justify ] (horizontal alignment)

  • HEAD - Document head

Syntax<HEAD>...</HEAD>
Attribute Specifications
  • PROFILE=URI (dictionary of meta info)
  • internationalization attributes

  • HR - Horizontal rule

Syntax<HR>
Attribute Specifications
  • ALIGN=[ left | center | right ] (horizontal alignment)
  • NOSHADE (solid line)
  • SIZE=Pixels (line height)
  • WIDTH=Length (line width)

  • HTML - HTML document

Syntax<HTML>...</HTML>
Attribute Specifications
  • VERSION=CDATA (HTML version)

  • I - Italic text

Syntax<I>...</I>
Attribute Specifications
  • common attributes

  • IFRAME - Inline frame

Syntax<IFRAME>...</IFRAME>
Attribute Specifications
  • SRC=URI (URI of frame content)
  • NAME=CDATA (name of frame)
  • LONGDESC=URI (link to long description)
  • WIDTH=Length (frame width)
  • HEIGHT=Length (frame height)
  • ALIGN=[ top | middle | bottom | left | right ] (frame alignment)
  • FRAMEBORDER=[ 1 | 0 ] (frame border)
  • MARGINWIDTH=Pixels (margin width)
  • MARGINHEIGHT=Pixels (margin height)
  • SCROLLING=[ yes | no | auto ] (ability to scroll)

  • IMG - Inline image

Syntax<IMG>
Attribute Specifications
  • SRC=URI (location of image)
  • ALT=Text (alternate text)
  • LONGDESC=URI (link to long description)
  • WIDTH=Length (image width)
  • HEIGHT=Length (image height)
  • USEMAP=URI (client-side image map)
  • ISMAP (server-side image map)
  • ALIGN=top|middle|bottom|left|right (image alignment)
  • BORDER=Pixels (link border width)
  • HSPACE=Pixels (horizontal gutter)
  • VSPACE=Pixels (vertical gutter)
  • NAME=CDATA (name for client-side scripting)

  • INPUT - Form input

Syntax<INPUT>
Attribute Specifications
  • TYPE=[ text | password | checkbox | radio | submit | reset | file | hidden | image | button ] (type of input)
  • NAME=CDATA (key in submitted form)
  • VALUE=CDATA (value of input)
  • CHECKED (check radio button or checkbox)
  • SIZE=CDATA (suggested number of characters for text input)
  • MAXLENGTH=Number (maximum number of characters for text input)
  • SRC=URI (source for image)
  • ALT=CDATA (alternate text for image input)
  • USEMAP=URI (client-side image map)
  • ISMAP (server-side image map)
  • ALIGN=[ top | middle | bottom | left | right ] (alignment of image input)
  • DISABLED (disable element)
  • READONLY (prevent changes)
  • ACCEPT=ContentTypes (media types for file upload)
  • ACCESSKEY=Character (shortcut key)
  • TABINDEX=Number (position in tabbing order)
  • ONFOCUS=Script (element received focus)
  • ONBLUR=Script (element lost focus)
  • ONSELECT=Script (element text selected)
  • ONCHANGE=Script (element value changed)

  • LABEL - Form field label

Syntax<LABEL>...</LABEL>
Attribute Specifications
  • FOR=IDREF (associated form field)
  • ACCESSKEY=Character (shortcut key)
  • ONFOCUS=Script (element received focus)
  • ONBLUR=Script (element lost focus)

  • LI - List item

Syntax<LI>...</LI>
Attribute Specifications
  • TYPE=[ disc | square | circle | 1 | a | A | i | I ] (style of list item marker)
  • VALUE=Number (number in sequence)

  • LINK - Document relationship

Syntax<LINK>
Attribute Specifications
  • REL=LinkTypes (relationship to link)
  • REV=LinkTypes (relationship from link)
  • HREF=URI (hypertext reference)
  • TYPE=ContentType (content-type of link)
  • TARGET=FrameTarget (frame to render link in)
  • MEDIA=MediaDesc (media appropriate for link)
  • HREFLANG=LanguageCode (language of link)
  • CHARSET=Charset (character encoding of link)

  • MAP - Image map

Syntax<MAP>...</MAP>
Attribute Specifications
  • NAME=CDATA (name of map)

  • MENU - Menu list

Syntax<MENU>...</MENU>
Attribute Specifications
  • COMPACT (compact display)
  • common attributes

  • META - Metadata

Syntax<META>
Attribute Specifications
  • NAME=Name (property name)
  • HTTP-EQUIV=Name (HTTP response header name)
  • CONTENT=CDATA (associated data)
  • SCHEME=CDATA (form of data)

  • OL - Ordered list

Syntax<OL>...</OL>
Attribute Specifications
  • TYPE=[ 1 | a | A | i | I ] (numbering style)
  • START=Number (starting number)
  • COMPACT (compact display)

  • P - Paragraph

Syntax<P>...</P>
Attribute Specifications
  • ALIGN=[ left | center | right | justify ] (horizontal alignment)
  • common attributes

  • SCRIPT - Client-side script

Syntax<SCRIPT>...</SCRIPT>
Attribute Specifications
  • TYPE=ContentType (content-type of scripting language)
  • LANGUAGE=CDATA (scripting language name)
  • SRC=URI (external script location)
  • CHARSET=Charset (character encoding of external script)
  • DEFER (script execution may wait)

  • SELECT - Option selector

Syntax<SELECT>...</SELECT>
Attribute Specifications
  • NAME=CDATA (key in submitted form)
  • MULTIPLE (allow multiple selections)
  • SIZE=Number (number of visible options)
  • DISABLED (disable element)
  • TABINDEX=Number (position in tabbing order)
  • ONFOCUS=Script (element received focus)
  • ONBLUR=Script (element lost focus)
  • ONCHANGE=Script (element value changed)

  • STYLE - Embedded style sheet

Syntax<STYLE>...</STYLE>
Attribute Specifications
  • TYPE=ContentType (content-type of style language)
  • MEDIA=MediaDesc (media to apply style to)
  • TITLE=Text (title of style sheet)
  • internationalization attributes (for the TITLE)

  • TABLE - Table

Syntax<TABLE>...</TABLE>
Attribute Specifications
  • SUMMARY=Text (purpose/structure of table)
  • WIDTH=Length (table width)
  • BORDER=Pixels (border width)
  • FRAME=[ void | above | below | hsides | lhs | rhs | vsides | box | border ] (outer border)
  • RULES=[ none | groups | rows | cols | all ] (inner borders)
  • CELLSPACING=Length (spacing between cells)
  • CELLPADDING=Length (spacing within cells)
  • ALIGN=[ left | center | right ] (table alignment)
  • BGCOLOR=Color (table background color)

  • TD - Table data cell

Syntax<TD>...</TD>
Attribute Specifications
  • ROWSPAN=Number (rows spanned by the cell)
  • COLSPAN=Number (columns spanned by the cell)
  • HEADERS=IDREFS (list of header cells for current cell)
  • ABBR=Text (abbreviation for header cell)
  • SCOPE=[ row | col | rowgroup | colgroup ] (cells covered by header cell)
  • AXIS=CDATA (category of header cell)
  • ALIGN=[ left | center | right | justify | char ] (horizontal alignment)
  • CHAR=Character (alignment character)
  • CHAROFF=Length (alignment character offset)
  • VALIGN=[ top | middle | bottom | baseline ] (vertical alignment)
  • WIDTH=Length (cell width)
  • HEIGHT=Length (cell height)
  • NOWRAP (suppress word wrap)
  • BGCOLOR=Color (cell background color)

  • TITLE - Document title

Syntax<TITLE>...</TITLE>
Attribute Specifications
  • internationalization attributes
ContentsPlain text (including entities)
Contained inHEAD

  • TR - Table row

Syntax<TR>...</TR>
Attribute Specifications
  • ALIGN=[ left | center | right | justify | char ] (horizontal alignment of cells in group)
  • CHAR=Character (alignment character for cells)
  • CHAROFF=Length (alignment character offset)
  • VALIGN=[ top | middle | bottom | baseline ] (vertical alignment of cells in group)
  • BGCOLOR=Color (row background color)

  • UL - Unordered list

Syntax<UL>...</UL>
Attribute Specifications
  • TYPE=[ disc | square | circle ] (bullet style)
  • COMPACT (compact display)

  • VAR - Variable

Syntax<VAR>...</VAR>
Attribute Specifications
  • common attributes
ContentsInline elements
Contained inInline elements, block-level elements

Leave a Reply

Subscribe to: Post Comments (Atom)
Related Posts Plugin for WordPress, Blogger...
 
Contact us if you have any question or anything else

Swebit SEO and Blogger Tricks|The Best Site Before Buying A Product © 2011