Essays

This section of the site is about tutorials, articles, and other long posty things that people want to keep visible for quite some time.

Each essay will be reviewed periodically to make corrections, additions, revisions, or in the case that an essay is really unneeded, deletions.

HTML for Forums and Essays

date created: 2002-04-11

Welcome!

Okay, so you like to post in the forums and such, but plain text is very limited. You want to be able to express yourself a bit better. Well, I am here to help you out. I will start out with a few basics for changing the appearance of your text. This is done using some very simple HTML tags. HTML tags are specific things you can put into your text that do not show up after the text is posted. Instead, they are used as instructions to make things happen. For instance, they can make your text Bold, or they can make a link to another page. They can also be used to add images and such. I will show you how to do all of these things and more, in this essay. If you are already familiar with html, or just want to refresh your memory, I will include a quick guide to useable tags at the end of this essay.

Text Modification

First off, I will show you how to make something show up in Bold Print, Italics, or Underlined. To make something bold you put a bold tag in at the beginning, and an end bold tag at the end. Everything between those tags will show up as bold print.
The bold tag looks like this:
<B>
the end bold tag looks like this:
</B>
So, if you want bold text, you would type something like this:
I want <B>this text</B> to be bold.
If you typed that into your forum entry, it would look like this when you viewed it:
I want this text to be bold.
Italics and underlined work the same, but with slight changes. For italics, you use <I> and </I> as your beginning and end tags. For underlined, you would use <U> and </U> as the beginning and end tags. If you feel like getting really tricky, you can use more than one tag for a combined effect.For instance, you could use the bold and underline tags at the same time like this:
here is some <B><U>bold, underlined</U></B> text.
The output of the above would be:
here is some bold, underlined text.

Another thing you can add to your text is a <CENTER> and </CENTER> tag. Everything appearing between those two tags will be centered on the page. So if you typed this:
<CENTER>This text is centered on the page!
Isn't this exciting!?</CENTER>

It would look like this:

This text is centered on the page!
Isn't this exciting!?

Always be careful to include your end tags or you will end up with some messy looking posts. If you don't include an end tag, everything from the start tag on will be affected.

Linking

Okay, now that you have some info on ways to change the way your text looks, what if you want to reference another web site, or a particular move on this site? This is done with an anchor tag. This works in a similar fashion to the tags I already showed you, but is a little more complex. The beginning tag will look something like this:
<A HREF="http://www.contactjuggling.org">
The end tag for a link always looks like this:
</A>
Any text that appears between the beginning and end tags will be "clickable" and will open up the web page that it points to. For example, if you type:
Take a look at the <A HREF="http://www.juggling.org">Juggling Information Service</A> Web page!
You would get this (if you follow the link, just click your "back" button to come back here):
Take a look at the Juggling Information Service Web page!
You can point to more specific pages as well. For instance, you could point your link to a specific move on the site. All you have to do is type in the address for the specific page as it appears in the "Address" window on your browser. An example would be to point to a specific move on this page:
Here is the <A HREF="http://www.contactjuggling.org/moves.php?action=read&id;=67">Butterfly</A> move!
The above will produce this as a result:
Here is the Butterfly move!
Again, don't forget to include the end tags or your entire message will be one big giant link!

Pictures

A picture is worth a thousand words. Especially when you are trying to describe a move! ^_^ In order to include a picture with your post or essay, it needs to be on a web server somewhere so that you can point to it. This works very much the same way as a link because you will be creating a pointer that tells where the picture is. For instance, I have a picture at http://www.ookyspooky.com/Lodi/images/51_jpg.jpg. Now, if I want that picture to appear in a message, I have to make a tag to point to it. This would be an Image tag which looks something like this:
Here is an image <IMG SRC="http://www.ookyspooky.com/Lodi/images/51_jpg.jpg"> for you to see!
If you typed that into a message it would look like this:
Here is an image for you to see!
You may notice that I did not include any end tag. That's becuase, just to make things tricky, there isn't one!

Conclusion

Well, I think that just about covers the basics. I hope that this will help everybody out when they want to include links and images in their forum posts. Also, I will include some extra tags in the quick guide, which I did not explain, for those who are more familiar with html. Good luck everybody!


Quick Guide

<B>Bold</B>
<I>Italics</I>
<U>Underlined</U>
<TT>Type Text</TT>
<CENTER>Centered</CENTER>
<A HREF="http://www.contactjuggling.org">Hypertext links</A>
Images <IMG SRC="http://www.ookyspooky.com/Lodi/images/51_jpg.jpg">
<HR>

<H1>Headers</H1>

<H2>Headers</H2>

<H3>Headers</H3>

<H4>Headers</H4>

<H5>Headers</H5>
<H6>Headers</H6>
A note about line breaks: If you are familiar with html, you will know that usually, if you have a line break in your text, it treats it like a space. Usually, in order to get a line break, you must use a <BR> tag. The forum and essay sections do not behave that way. If you have a line break in your text, it will show up in the results. For instance, if you have a series of images and you enter them like this:
<IMG SRC="imagesource.gif">
<IMG SRC="imagesource.gif">
<IMG SRC="imagesource.gif">
You will get the images shown vertically. If you want them in a row you MUST enter them on the same line.

If any part of this is confusing or unclear, please let me know so that I can fix it! Thanks!


Comments

Contact Juggling

dot org

sponsored by
Infinite Illusions
LOG IN. register new user ?>
Got a pool? Go swimming!