Want to learn some HTML?
click a link to get some HTML knowledge!
Changing the color/size/font of your text
linking to another site
getting images on your site
changing the background of your page
please link me if this helped you in anyway. If you need more help dont hesitate to email me
font basics
To change the color of your text is simple.
here is the code you'll be using
<font color="COLOR">TEXT HERE</font>
So say i wanted my text to be blue...
my code would look like..
<font color="BLUE"> hey i'm alicia </font>
=
hey i'm alicia
Say you dont like that font (times new Roman)
Change it with this code
<font color="COLOR HERE" face="FONT HERE"> TEXT </font>
that code makes your text colorful and a different font...
Say i wanted it blue and i wanted the font to be arial.
the code would look like:
<font color="BLUE" face="ARIAL"> hey i'm alicia </font>
=
hey i'm alicia
some good fonts are:
arial
verdana
comic sans ms
century gothic
calisto MT
What if that font size is too big?
font sizes can go from 1 to 7
examples:
size 1
size 2
size 3
size 4
size 5
size 6
size 7
to change the size of your font add this code:
<font size="SIZE HERE">TEXT</font>
Say i wanted my font to be blue, arial and size 2
The code would look like this
<font color="BLUE" face="ARIAL" size="2"> hey i'm alicia </font>
that would look like this:
hey i'm alicia
hyperlinks
(linking pages or linking another site)
Linking sites are very easy!
First get the address (URL) of the site you want to link...
this is the code you'll be using:
<a href="URL OF SITE"> TEXT </a>
Say you wanted to link icy illusions. Your code would look like this:
<a href="http://www.oocities.org/pixee_babe"> icy illusions </a>
why? Because the URL of my site is http://www.oocities.org/pixee_babe
it would look like this when finished
icy illusions
To get rid of the blue add your color code after the a href code
example) if i wanted my link to be red, size 2 and arial it would look like this:
<a href="http://www.oocities.org/pixee_babe"><font color="RED" size="2" face="ARIAL">icy illusions</a></font>
that code would end up looking like this:
icy illusions
images
getting images onto your site
First things first, you have to upload the image to Your own site. To do this, save the picture into my documents then go to your file manager and upload the image. (press browse and find your image)
Once you've uploaded your image, go to your file manager and click the name of your image for a preview of it. Once your page loads right click your image and go to properties. You should see something that looks like this:
http://www.oocities.org/icyillusions7860/div.gif
if your username for your free host is in your URL that means your doing it right. If you have someone elses image URL then try uploading again.
the code you'll be using is
<img src="URL OF IMAGE">
I've uploaded this image (
When i right click it and go to properties i see this= http://www.oocities.org/icyillusions7860/div.gif
that is the URL of my image.
When it is in my code it will look like this:
<img src="//www.oocities.org/icyillusions7860/div.gif"> because my image URL goes in between the " "
It will look like this
background
changing the color of the background is easy. Just take this code and replace COLOR HERE with a color.
<body bgcolor="COLOR HERE">
if i want my background to be black it would look like:
<body bgcolor="black">
click for a preview
tutorial made by alicia, (c) icy illusions*