h1: Intro to HTML

p: Paragraphs

some emphasized (em) and strongly emphasized (strong) text in a p paragraph tag. Notice that whitespace (blanks and newlines) is not preserved. Text flows. All the structuring of the document is specified by the tags.

Here's another short p paragraph.

View the source to see the HTML of this web page.
HTML element: <tag attribute="value" ...>optional content</tag>


Lists

ul: Unordered list:

ol: Ordered list:

  1. first li item
  2. second li item
  3. third item
  4. fourth item. by default it's numbered, but can be ABC or abc or I II III etc

dl: Definition list:

dt term
dd definition
aardvark
lovable furry critter. watch out for the claws
wombat
another obscure animal you'll find in the zoo
echidna
you're kiddin!

img: Images

An inline image's baseline is in-line with the text: image of trees and here's the text after the image.


table: Table

Simple optional caption
Quarter 1 Quarter 2 Quarter 3 Quarter 4
Income $14,000 $12,000 $19,000 $9,000
Expenses $4,000 $2,000 $900 $2,000

(HTML has no concept of numbers, everything is just formatted text.)


a: Links

Let's "go" to my home page
CMST 385 home page
Let's go to UMUC Asia
Or to another document at this web site in this same folder.


Some HTML rules: