Italic or Emphasize*
<i> or <em> --begin italicized text
*preferred in the HTML specification.
should show up as
Bold or Strong*
<b> or <strong> --begin bold text
Why? <strong>Because I said so, dammit!</strong>
should show up as
Why? Because I said so, dammit!
<u>--begin underlined text
I just read <u>The Age of Federalism</u>
should show up as
I just read The Age of Federalism
Did you just click on that title? Don't use the underline tag unless you really, really need to. People will think you are trying to make a link. Use em or strong instead.
Font faces, sizes and colors
The font tag has several attributes. Color, size, and font face are three of them. You can mix and match them in any combination. The format is the same for each:
<font attribute1="attribute1 value" attribute2="attribute2 value" attribute3="attribute3 value">text</font>
<font size="5" color="purple" face="Comic Sans MS">This will be big, purple, and in Comic Font</font>
should show up as
This will be big, purple, and in Comic Font
<font size="1">this will be very small</font>
should show up as
this will be very small
A note about font face:
The font face will only be seen by those who have the font installed on their system. This takes a lot of the fun out of the funky fonts! We're looking for volunteers to maintain a download site of commonly used fonts. Until then, Arial, Verdana, Times New Roman, Comic Sans MS, Trebuchet MS, and Courier are usually found on all systems.
WARNING: If you miss the closing quote, it does ugly things to the thread page!!!! It will look as if you have physically moved the posting window into your post. Very confusing--much different from the usual "toy" problem.
But only for a post or two, so don't panic. A grovel is appropriate.
Using White Font
The main reason to use white font is so that you can post movie "spoilers"--discussing plot elements without ruining the movie for others.
<font color="white">Verbal Quint is Keyser Soze!</font>
<ul>--starts bullet list (or unordered list, which is what the
u stands for)
You have to end a row or a cell with a / tag or your table may not display correctly or at all.
The <table> tag has many attributes. A few of interest:
Font tags work as described above but must be used in each cell individually if you want to effect a font change.
Unless you know a great deal about tables, it's best not to get too adventurous. Here is a sample:
<table border="1" bgcolor="white">
looks like this:
White Space in Tables and Lists
The system automatically substitute breaks for each carriage return. Normally, this is exactly what you want--but it's a drag in tables and lists. Remove all carriage returns from your table and list tags. In short, the above examples should actually look like this:
<ul><li>Here is my first bullet</li><li>Second bullet</li></ul>
<table><tr><td>Here is row 1, column 1</td><td>Here is row 1, column 2</td></tr><tr><td>Here is row 2, column 1</td><td>Here is row 2, column 2</td></tr></table>
<a href="http://18.104.22.168/listthreads.asp" target="_blank">The Mote</a>
The target="_blank" part makes the link appear in a new browser window.
You can just copy the above text from <a href=, etc. and put it in the posting window. Change the URL and the linking text.
Linking to another Post:
Use the following format to link to a post in the same thread, where #### is the post number. For example, to link to post #1234, enter:
To link to a post in a different thread, you must know the thread number. Look in the address window of your browser, and use the number after "thread=". To link to post #1234 in Movies, enter:
<msg thread=35 num=1234>
Note that there are no spaces before or after the = sign and no quotes.
<img src="http://www.pictureplace.com/images/picture.jpg" width="300px">
Make sure you have a .gif or .jpg URL address. Any other URL address means the image is linked into the HTML.
If you need to find the .gif or .jpg URL on a page, just right click on the image. Select Properties (in IE) or View Info (in Netscape). A small window will appear in either case with the fully qualified URL.
Sizing the image:
If the image is huge, just resize it using the width= tag. 150px is a good starting point; 470px is the maximum width that won't mess up the margins. You don't need to use the height= tag, the browser will set the proportions accordingly.
<img src="http://img3.photobucket.com/albums/v13/demouser/1287.jpg" width="150px">
If you need a place to host your images, you can sign up for a free account at Shutterfly or Photobucket. Both are free. Instructions for Shutterfly are here. Be advised that images displayed from Shutterfly seem to disappear after a few days.
Combine Links and Images
Just substitute the image tag for text in the linking procedure.
<a href="url you want to link to here" target="_blank"><img src="image url here" width="200px"></a>
Images in Tables
This is especially neat if you want to wrap text around an image.
Looks like this:
Pick Up Your Toys!
The Mote's interface is pretty neat, but it is powerful. Any HTML tags you put in are included as part of the page that displays. Your mistakes are included in the code for the page. The most common mistake is to neglect to close off your HTML tags (/tag).
If you don't use the closer tag on an italicized phrase, the rest of the page will appear in italics. Or bold. Or a very large font. Or the entire page will be indented because you forgot to close off a list.
But if you forget, don't panic. Make another post with just the closing tag in it.
Better yet, preview!
Also, you can close off anyone else's tags if you are sure you know what the problem is. (In general, don't end a table for another user. Better to suffer. )
We call this "picking up your toys". If you forget to close a tag, someone might close it after you and say "Toy check" or "Toys".
If you are the sort who always likes to see how far you can push the envelope, you might notice that you can use HTML to create an exact duplicate of a real Mote post.
Please note: It is impossible to forge a post, even though we often refer to the mockups as "forgeries" as shorthand. The system does not treat the HTML as a real post, the time display will not be consistent, and it is only the use of white font that hides the individual who actually made the post. This is not a security hole. It is easily detected as a mockup with a visual scan.
Still, it is very disconcerting for anyone to see a "post" in their name that they know they didn't make. Even if the shock only lasts for a moment or two. Please do not "mockup" posts unless you clearly identify it as such, and do not post a mockup under the name of an actual Mote Member.
Verboten HTML tags
Seriously, the worst thing that would ever happen is that the post would get deleted. Nothing dreadful. But please try to avoid the following tags, and make sure you vet any copied HTML.
There are probably others. When in doubt, err on the side of caution.
|© 1999-2014 Me & My Mates|
All rights reserved