go back to the page you came fromgo home buy stuff and help me pay for my websitesthe table of contentssend me email




This is a rudimentary course in HTML (Hyper Text Markup Language). Just to make your websurfing a little bit more fun.

Have something to say and don't want it to run on and on and on? Into one big paragraph? So, you have no idea where your new idea starts? You need the break or the paragraph codes. They are very simple to use and they don't need a closing code.

You use <br> to start a new line. lisaviolet lisaviolet@catlover.com lisaviolet<br>lisaviolet@catlover.com lisaviolet
lisaviolet@catlover.com

You use <p> to start a new paragraph. Dear lisa, <p> It's been so long since Dear lisa,

It's been so long since


<B> BOLD </B> BOLD

<I> ITALIC </I> ITALIC

Please note that the "blink" function only works in Netscape

<BLINK> BLINK </BLINK> BLINK

<FONT SIZE=+2> FONT SIZE </FONT> FONT SIZE
changing the number changes the size of the font

<FONT COLOR="#810541"> FONT COLOR </FONT> FONT COLOR
the Color Picker will give you the html number equivalent for colors.

<font size=+3 color="ff00ff"><b><i>is this <blink>fun</blink>?</i></b></font> is this fun?

<font size=+3><b><i><font color="41a317">is</font> <font color="ff0000">this</font> <font color="0000ff"><blink>funner</blink></font> <font color="000000">?</font></i></b></font> is this funner?

<CENTER> CENTER </CENTER>
CENTER

making a hyperlink:
First, you need to anchor and reference the link

<a href=
Then, add the URL of the link you want to make. The URL must be in quotation marks.
<a href="http://www.lisaviolet.com"
Close the referenced link
<a href="http://www.lisaviolet.com">
name the link
<a href="http://www.lisaviolet.com">visit lisaviolet's cathouse
close the anchor
<a href="http://www.lisaviolet.com">visit lisaviolet's cathouse</a>
Now, if you have done everything right, you will have a working hot link.
visit lisaviolet's cathouse

To post an image, you do pretty much the same thing. Except:
You use img src (image source) instead of a href and you don't need to name the link. And since you didn't anchor it, you won't need to close the anchor.

<img src="http://www.lisaviolet.com/cathouse/images/BENSBLY.JPG">
will give you this image and I used the center function around it so it looks like this: <center><img src="http://www.lisaviolet.com/cathouse/images/BENSBLY.JPG"></center>

Something I like to do is to make the picture the link. It's very easy to do. Instead of naming the link, you use the img source. And by adding border=0 to the code, you won't get a border around the image. Here would be the code to link benny's picture to his webpage.

<center> <a href="http://www.lisaviolet.com/cathouse/ben.html"> <img src="http://www.lisaviolet.com/cathouse/images/BENSBLY.JPG" border=0></a></center>

Now, by clicking on Benny's photo, you will get to his webpage. By using the break symbol and a smaller font size, you can add a caption to the bottom of the picture. One that I use is -1 and say click on the picture. If you put your caption before the close anchor, that, too, will be part of the link. To post multiple pictures, just use the same code above and then use the breakline code as described above.


Remember to always close your code, if it needs to be. And most need to be. The best way to catch on is to practice. And with file names for URLs, they have to be perfect. BENSBLY.JPG is not the same file as Bensbly.jpg. On the file names, the letter case has to be a perfect match, otherwise it won't work.
If you have any questions about how something was done on a page, look at the page source. With Netscape Communicator, all you need to do is to right click on the page and choose "view source" from the menu. Check your browser's help file for more information about how to do this. This will show you pretty much all of the code that is on the page. If your question isn't answered, email the webmaster of the page. I have found that most of them are pretty nice and helpful.

Many guestbooks allow html code. Before you use html in a guestbook, view what has already been entered. That way, you know it's allowed and can go ahead and make your entry fancy with html.

If you're starting your own webpage, please, don't take graphics or other things from established sites without permission, unless it's a site that offers such free items. Many people work hard on their pages and graphics and own the copyright on what they've published. Taking graphics (I've seen entire pages copied) is not cool, it's considered copyright theft, so please, respect the work of others.

If you have any questions, you can post them at
Benny da kat's html help forum.





website design by