|
|
|
| |
Home
: HTML : HTML tags |
|
| |
HTML
tags... or the bits in the pointy brackets.... |
|
| |
So - you
don't want to learn HTML inside out, but you still want to know what some
of the most common tags mean... well... here's a handy list... Don't blame
me if they make you feel ill looking at them!! I would say that for T171
purposes, understanding the HTML for images and links is the most important...
|
|
| |
HTML
tags
|
What
does it do?
|
|
| |
To
start with... |
|
| |
<html></html> |
Creates
an HTML document |
|
| |
<head></head> |
The
bit of the web page where you put the title and author details etc... this
is not visible |
|
| |
<title></title> |
What
are you calling your page? |
|
| Top |
Setting
up the main part of your page... |
|
| |
<body></body> |
This
marks out where you are going to put the visible part of your web page |
|
| |
<body
bgcolor=?> |
What
background colour do you want for your page? Either use the name or the
"hex" value i.e. FFFFFF = white |
|
| |
<body
text=?> |
What
colour do you want your text to appear? Set colours as before... |
|
| |
<body
link=?> |
What
colour do you want your links to be? Set colours as before... |
|
| |
<body
vlink=?> |
What
colour should visited links be? Set colours as before... |
|
| |
<body
alink=?> |
What
colour should the link go when it gets clicked? Set colours as before... |
|
| Top |
Formatting
the text... |
|
| |
<h1></h1>
<h6></h6> |
Heading
1 style - this one is the largest
Heading 6 style - this one is the smallest |
|
| |
<b></b> |
Makes
the text bold |
|
| |
<i></i> |
Makes
the text italic |
|
| |
<font
size=?></font> |
What
size font do you want - range is from 1 to 7
[1 is the smallest and 7 is the largest] |
|
| |
<font
color=?></font> |
What
colour font do you want? Set colors as before... |
|
| |
Getting
the links working... |
|
| |
<a
href="URL"></a> |
This
sets up a hyperlink... |
|
| |
<a
href="mailto:EMAIL"></a> |
Set
up an e-mail link... |
|
| |
<a
href="NAME"></a> |
Sets
up a bookmark within your page... |
|
| |
<a
href="#NAME"></a> |
Link
to a bookmark within your page... |
|
| |
Working
with paragraphs... |
|
| |
<p></p> |
Start
a new paragraph - remember... just pressing the return key isn't enough
to start a new paragraph!! |
|
| |
<p
align=?> |
Align
the paragraph to the left, right or centre - remember to use "center"
- the American version... tsk! |
|
| |
<br> |
Inserts
a line break - looks like you've just pressed the return key once - rather
than a whole new paragraph |
|
| |
<ol></ol> |
Creates
a numbered list |
|
| |
<ul></ul> |
Creates
a bulleted list |
|
| |
Inserting
images and graphics... |
|
| |
<img
src="name"> |
Inserts
an image - use relative NOT absolute names... for example, not "C:\website\image1.gif"
but "image1.gif" |
|
| Top |
<img
src="name" align=?> |
Aligns
the image left, right, center, middle, bottom or top |
|
| |
<img
src="name" border=?> |
Sets
the size of the border round an image |
|
| |
<hr> |
Inserts
a horizontal line |
|
| |
<hr
size=?> |
Sets
the depth of the horizontal line |
|
| |
<hr
width=?> |
Sets
the width of the horizontal line |
|
| |
<hr
noshade> |
Creates
a horizontal line with no shadow effect |
|
| |
Creating
and working with tables... |
|
| |
<table></table> |
Creates
a table |
|
| |
<tr></tr> |
Defines a new row in your table |
|
| |
<td></td> |
Defines
each cell in each row |
|
| Top |
<table
border=?> |
Sets
how thick the border is around the table |
|
| |
<table
cellspacing=?> |
How
much space do you want between cells? |
|
| |
<table
cellpadding=?> |
How
much space between the edge of a cell and the contents do you want? |
|
| |
<table
width=? or ?%> |
How
wide should the table be? Either use pixels or percentage - percentage means
it resizes depending on the size of window the person browsing has got... |
|
| |
<tr
align=?> or <td align=?> |
Align
the cells contents left, right or center |
|
| |
<tr
valign=?> or
<td valign=?> |
Set
the vertical alignment of your cell... top, middle or bottom... Sounds like
that game show... :o) |
|
| |
<td
colspan=?> |
How
many columns should the cell go across? |
|
| |
<td
rowspan=?> |
How
many rows should the cell go across? |
|
| Top |
<td
nowrap> |
Stops
the contents of the cell breaking across lines... |
|
| |
Creating
and tweaking frames... can be tricky... BE WARNED!!! |
|
| |
<frameset></frameset. |
Set
up frameset in your web page... be warned... frames can get yicky... |
|
| |
<frame> |
Set
up a frame within a frameset |
|
| |
<noframes></noframes> |
What
will show up if the browser does not support frames |
|
| |
<frame
src="URL"> |
What
HTML document should be shown? |
|
| |
<frame
name="name"> |
Gives
the frame a name so it's easier to work with... |
|
| |
<frame
marginwidth=?> |
Left
and right margins for the frame... must be equal to or greater than one... |
|
| |
<frame
marginheight=?> |
Top
and bottom margins for the frame... must be equal to or greater than one... |
|
| |
<frame
scrolling=VALUE> |
Yes,
no or auto... will there be a scroll bar shown? |
|
| |
<frame
noresize> |
Stops
the user from resizing your frame... |
|
| |
The
HTML tags above are the most commonly used... and it's worth mentioning,
that knowing about the ones at the top of the list is far more important
than worrying about the frames ones at the bottom... they can get very
complicated very quickly!!!
|
|
| Site
Map |
If
any of the above are incorrect, please let me know on the comments
form
|
|
Last
update
11 January, 2004
|
|
|
