Mariapia's HTML Tags


Last update 5/30/99
Image map - click these words

Menu bar

.

.

TAGS

NOTE: Parentheses are used instead of < and > brackets to keep the statement from turning into code. Change them into brackets when you use them.

* The starred tags are the absolute minimum needed to make a respectable page. Click here for a sample using just those tags alone.

A HREF *
(a href="http://welcome.to/mariapia")
ALIGN
(img src="ajaguar.gif" align="right")
ALINK
(body bgcolor="black" link="blue" alink="yellow")
ALT
(img src="ajaguar.gif" alt="Jaguar")
AREA
(area shape="rect" coords="100,140,140,160" href="Page1poems.html")
BACKGROUND *
(body background="bkgdsilver.gif")
BGCOLOR *
(body bgcolor="black")
BORDER *
(img src="ajaguar.gif" border=0)
BODY *
(body bgcolor="white")
BR *
Mariapia's Pages (br)
CELLPADDING
(table cellpadding=3)
CELLSPACING
(table cellspacing=5)
CENTER *
(center) Mariapia's Pages (/center)
COLSPAN
(table) (tr) (td colspan=2)
FONT FACE
(font face="Arial, Comic Sans MS")Hello(/font)
FONT COLOR *
(font color="blue") (/font)
FONT SIZE *
(font size=7) (/font)
H1
(h1) Mariapia's Pages (/h1)
HEAD
(head) Mariapia's Website (/head)
HEIGHT *
(img src="ajaguar.gif" height=100)
HR *
(hr width="50%")
LINK
(body link="gray")
MAILTO *
(a href="mailto:mariapia@oocities.com")
n&bsp
Used in tables to give normal cell appearance when borders or cellspacing are turned on, and in empty paragraphs for vertical spacing
P
(img src="ajaguar.gif") (p)
TABLE *
(table) (tr) (td) Hello (/td) (/tr) (/table)
TD *
(table) (tr) (td) Hello (/td) (/tr) (/table)
TEXT
(body text="black")
TH
(table) (th) TAGS (/th) (/table)
TITLE
(title) Mariapia's Site (/title)
TR *
(table) (tr) (td) Hello (/td) (/tr) (/table)
VALIGN
(table) (tr) (td valign="top") Hello (/td) (/tr) (/table)
VLINK
(body link="red" vlink="gray")
WIDTH *
(img src="ajaguar.gif" height=100 width=100)

FIRST CODE

The starred (*) tags to the left are the absolute minimum needed to start a respectable page. Click here for a sample using just those tags alone. Copy the following code to make your first page (substituting the names of real pictures in your directory). Then look at the next item for the use of Tables to manage your webpage space.

First code

.

FIRST TABLE

Everything I do is in tables. They organize a page neatly and allow interesting placement of objects and text on the page. Here is simple code for a table for you to copy:

First table

This code allows you to place the two graphics side-by-side, instead of one under the other. Click here and see second section of code. There are many combinations of ways to program your tables. I hope you enjoy them!


.

COPY & PASTE

Swipe your mouse across text, holding the left button down. After it is highlighted, press Ctrl+C to copy, then move your mouse to the new document and press Ctrl+V. Try again if it doesn't work the first time.

Another method is to highlight the code, then Right Click on the screen and select "Copy", then move to new document, Right Click in it and select "Paste".


Check back soon for more. Updated weekly.


Return to top

.

.

.

.