Hello World: August 2012

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

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

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

There are two types of tags:

PHYSICAL tags
LOGICAL tags

As Scripting Master describes the difference as follows...

a 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 code Output

This is bold This is bold

This is <big>big font</big> This is big font

This is italic This is italic

Was <s>$50</s>; now $40 Was ~~$50~~; now $40

This is small This is small

H2O H₂O

May 5th 2005 May 5^th 2005

<tt>fixed-width font</tt> fixed-width font

This is underlined This is underlined

HTML code	Output
`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 $40`	Was ~~$50~~; now $40
`This is <small>small</small>`	This is small
`H<sub>2</sub>O`	H₂O
`May 5<sup>th</sup> 2005`	May 5^th 2005
`<tt>fixed-width font</tt>`	`fixed-width font`
`This is <u>underlined</u>`	This is underlined

A 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 code Output

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> text ~~Deleted~~ text

<dfn>definition</dfn> text definition text

This is emphasized . This is emphasized .

<ins>inserted</ins> text inserted text

<kbd>code</kbd> sample code sample

<samp>code</samp> sample code sample

This is strong. This is strong.

<var>program</var> variable program variable

Pages

List of HTML Elements

HTML Formatting Tags

Extended Search

HTML code	Output
`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> text`	~~Deleted~~ text
`<dfn>definition</dfn> text`	definition text
`This is <em> emphasized </em>.`	This is emphasized .
`<ins>inserted</ins> text`	inserted text
`<kbd>code</kbd> sample`	`code` sample
`<samp>code</samp> sample`	`code` sample
`This is <strong>strong</strong>.`	This is strong.
`<var>program</var> variable`	`program` variable