List of HTML Elements

As promised, the list of the commonly-used HTML elements are as follows...

Head Section

  • TITLE - Document title
  • ISINDEX - Primitive search
  • META - Meta-information
  • LINK - Site structure
  • BASE - Document location
  • SCRIPT - Inline script
  • STYLE - Style information
Body Section


  • H1 - Level 1 header
  • H2 - Level 2 header
  • H3 - Level 3 header
  • H4 - Level 4 header
  • H5 - Level 5 header
  • H6 - Level 6 header
  • UL - Unordered list
  • OL - Ordered list
  • DIR - Directory list
  • MENU - Menu item list
  • LI - List item
  • DL - Definition list
  • DT - Definition term
  • DD- Definition
  • P - Paragraph
  • PRE - Preformatted text
  • BLOCKQUOTE - Large quotation
  • CENTER - Centered division
  • FORM - Input form
  • HR - Horizontal rule
  • TABLE - Tables
  • EM - Emphasized text
  • STRONG - Strongly emphasized
  • CITE - Short citation
  • I - Italics
  • B - Bold
  • U - Underline
  • STRIKE - Strikeout
  • BIG - Larger text
  • SMALL - Smaller text
  • SUB - Subscript
  • SUP - Superscript
  • INPUT - Input field, button, etc.
  • SELECT - Selection list
  • OPTION - Selection list option
  • TEXTAREA - Input area
  • CAPTION - Table caption
  • TR - Table row
  • TH - Header cell
  • TD - Table cell
  • A - Anchor
  • IMG - Image
  • FONT - Font modification
  • BR - Line break


PS
  • NOT all tags above have a closing tag.
  • Remember that each element are enclosed of brackets (<>), example, <em>Emphasize</em>

HTML Formatting Tags

In order to display a bold or italic text in HTML, we use the formatting tags.

There are two types of tags:

  1. PHYSICAL tags
  2. LOGICAL tags
As Scripting Master describes the difference as follows...
physical character tag controls how the characters are formatted. For instance, you might display some characters as bold or italic. Listing 1 displays some common physical character tags. 
HTML codeOutput
This is <b>bold</b>This is bold
This is <big>big font</big>This is big font
This is <i>italic</i>This is italic
Was <s>$50</s>; now $40Was $50; now $40
This is <small>small</small>This is small
H<sub>2</sub>OH2O
May 5<sup>th</sup> 2005May 5th 2005
<tt>fixed-width font</tt>fixed-width font
This is <u>underlined</u>This is underlined
logical character tag describes how the text is being used, not necessarily how it is formatted. Listing 3 displays common examples logical character tags. 
HTML codeOutput
This is used for a short <cite>quote</cite>.This is used for a short quote.
<code>y = m * x + b</code>y = m * x + b
<del>Deleted</del> textDeleted text
<dfn>definition</dfn> textdefinition text
This is <em> emphasized </em>.This is emphasized .
<ins>inserted</ins> textinserted text
<kbd>code</kbd> samplecode sample
<samp>code</samp> samplecode sample
This is <strong>strong</strong>.This is strong.
<var>program</var> variableprogram variable

 
 
 

Extended Search

Custom Search