HTML CODES
Text Tags
all tags have opening and closing tags
where shown
when not shown no closing tag is needed
| Font size
<font size=5>font size</font>
|
Color
<font color=red>font
color</font>
|
Changing the appearance of text
<font face=arial>arial
font face</font>
|
| Bold
<B>Bold Text</B> |
Italics
<I>italics</I> |
Centering
<center>centers text on the page</center> |
| Paragraph Formatting
is done by using this: <P ALIGN="right">Text
in here is pushed to the right</P>
|
Block style
<block>blockquote cleans up your edges,
makes your text move smoothly,
|
Dividing Lines
<hr> is to put in dividing lines
you can change the size of the line as well <hr size=10 width=200> you can use align left, right or center here as an attribute, size, width and noshade by default the line is centered with no shading and 100% across the page unless you change these |
| Line Break
<br> is a line break |
Paragraph Break
<p> is a paragragh break |
Blinking Text
<blink></blink> |
| Underline
<u>underline</u> |
Typetext
<tt>typetext</tt> |
Strikethrough
<strike> |
| Sinking Text
si<sub>nk<sub>in<sub>g </sub></sub></sub> |
Rising Text
st<sup>an<sup>di<sup>ng
|
Link and Image Tags
| Posting links
<a href=
|
Posting Images
<img src="http://address.here"> will post the image to the page |
| Image Aligning
align Top:
align bottom:
and align center:
<center><img src="http://address.here" ALIGN="center"></center> |
Using Images as links
<a href="http://link address.here">
by placing the tag to show an image in the middle of a link tag you
make that image an active link that can be clicked on
|
| Resizing Images
<img src=http://address.here height=115 width=81> by adjusting the height and width you can make it any size |
Posting Images with borders
<img src="http.address.here" border=X> X= the side of the border, the smaller the number the thinner the border |
| Aligning Text With Images
Here are the formats: <IMG ALIGN="top" SRC="http://image address"> text text text <IMG ALIGN="middle" SRC="http://image address"> text text text <IMG ALIGN="bottom" SRC="http://image address"> text text text
|
Lists
| Unordered List
means bullets will be used rather than numbers <UL>
The TYPE attribute can be used to set the bullet style on UL
and LI tags.
with <li type=disc> |
Ordered Lists
<OL>
<OL TYPE="I"> <LI>List Item 1 <LI>List Item 2 <LI>List Item 3 </OL>
1 - Arabic numbers - 1, 2, 3, ... a - lower alpha - a, b, c, ... A - upper alpha - A, B, C, ... i - lower roman - i, ii, iii, ... I - upper roman - I, II, III, ...
|
| Definition lists
<DL>
|
Forms
| Mail To: Form
<a href="mailto:email addy">email addy</a> when you click on this form link you can directly email this person |
Drop Down boxes forms
there is a large selection of things you can do with them This example is only one way of many
<form action ="http://addy" method="post">
|
| <table border=8><td>tables </td></table>
table cells automatically adjust to whatever
|
| tables can have multiple cells or rows also
<tr>= stands for table row <TABLE>
<TR>
<TR>
<TR>
</TABLE> will look like this below:
Other cell attributes:
CELLPADDING= gives the amount of space (or padding) between the
cell border and the
WIDTH= width of the entire table
|
Useful Links:
Html Guides
HTML Class 1- text
html
HTML Class 2 - images
and links
HTML Class 3 - frames,
tables and lists
HTML Class 4 - page
building
Stone Throw's qwic and easy html course
Colors
Lick Me's Color
Specifier for Netscape 3.0
Backgrounds
there are alot of background sights out there with free graphics, if
you want more just message this girl
Background tiles
Absolute Background textures - over 3100 textures here
Wallpaper
Smoking Dragon
Wall Paper links
Fantasty Artwork
ImageNETion
Graphics
Doctor Draac's animated
gif's
Music
Master AShton's Music
Page
Downloadable Programs to Help
ws_ftp - ftp program
cute ftp - ftp program
Thumbs Plus - useful for graphics file viewer
Paint Shop Pro - graphics program where you can manipulate or make graphics
Color Fazer - a neat little program to make colorful text with easily
Text Fade '99 - another neat font program
Other things you can learn
Great
java script page
Webreference - a wonderful page for learning
Free Webpage sights-
check them out see what's right for you each is different and there
are alot of others other there as well
Geocities - they have
pop up screens which i find distracting but offere 15 megabytes of free
webspace
FortuneCity - they also use a banner but offer 20 megabytes of free web space
Tripod - and here they use pop up screens also and offere 11 megabytes of free space to you
Other helpful links
Free Guestbooks
All kinds of free stuff - from counters, guest books, email accounts
Cool Text - online graphics generator