h1: Intro to HTML
View the Source to see the HTML of this web page.
Download/Save this page as a single-page/web-only .html file. Then Open it with/in Notepad.
HTML element: <tag attribute="value" ...>optional content</tag>
p: Paragraphs
some emphasized or strongly emphasized 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 paragraph.
Lists
ul: Unordered list:
- first li item
- second li item
- let me think... third item. Each item can be as long as wanted or needed and be many lines
long and include other tags etc.
- fourth item
ol: Ordered list:
- first li item
- second li item
- third item
- 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 is in-line with the text:
and here's the text after the image.
table: Table
Simple basic 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
Let's go to UMUC AD
Or to another document at this web site in this same folder.
clickable image link:
Some HTML rules:
- most tags require an ending /tag.
- Tags should be lowercase.
- All attribute values should be in quotes.
- All text should be "inside" a tag: avoid "naked" text.
- Indent the source to indicate the nested structure.
- Use CSS style rules for presentation formatting.