The Mudcat Café TM
Thread #21858   Message #233959
Posted By: Joe Offer
25-May-00 - 07:49 PM
Thread Name: Mudcat HTML Guide PermaThread
Subject: Mudcat HTML Guide

Line Breaks

There is only one HTML tag you need to know to post messages at the Mudcat Cafe - it's the <br> line break. Put one at the end of every line of songs you post, and at the end of paragraphs. If you want to double-space between paragraphs, make sure you put a line break in the blank line. Once again, line breaks look like this:

<br>


One other note: Try to make avoid using the HTML Paragraph <p> tag at Mudcat, especially when you are posting lyrics. Instead, put a <br> line break in every line, even the empty lines that form the spaces between stanzas. the paragraph tag will make lyrics look right in most browsers, but the blank spaces between stanzas get lost if you copy-and-paste lyrics into a word processor.

Clickable Links (Blue Clicky Things)

If you want to direct somebody to an interesting site on the Web (or to information that's at another location at the Mudcat Cafe), the best way to do it is by posting a clickable link. Here's how:

<a href="https://www.mudcat.org/">Click here</a>

<a href="mailto:joe@mudcat.org/">Click to e-mail</a>

I find it's best to open a new browser window [CTRL-N] and navigate your way to the site you want to link to. Highlight and copy [CTRL-C] the URL (address) of the site, and then go back to your Mudcat message and paste [CTRL-V] the URL into your link. Be sure to include the http:// in that URL. The quotation marks are standard procedure, but most links and HTML tags work just fine without quotation marks.

-Joe Offer-

Dan Mulligan's Famous HTML Guide

Now, take a look at an HTML Guide submitted by Mudcatter Dan Mulligan and find out about some of the fun stuff.
-Joe Offer-

From Dan Mulligan, April 6, 1998 (edited by Joe Offer):

There seem to be a lot of HTML questions being asked these days, so I thought I would try to help out.
Here is a list of html tags. The word in the center is an example of what the tag does.
Each tag begins with < (left angle bracket) and ends with > (right angle bracket).
Style Tags modify the way your text looks. NOTE: In general, all HTML commands will take the form:
<COMMAND> text </COMMAND>.

Heading Tags are very similar to style tags. Headings come in six sizes, 1-6. 1 is the largest. 6 is smallest. The heading tag also includes an implicit <BR> at the beginning and end. The format for the heading tags is <H#> with # being a number 1-6, and they look like this:

<H1>

This is a size 1 heading

</H1>

<H2>

This is a size 2 heading

</H2>

<H5>

This is a size 5 heading

LINKS

Links come in three basic varieties: links to other files, links to the same file and links to pictures.
To link to another file on another server, use
<A HREF="http://server/path/filename.html"> anchor text </A>. This is called absolute linking. The tag is called an anchor.

Example: <A HREF="http://www.disney.com"> The Walt Disney Home Page </A>

To link to another file on the same server, use <A HREF="path/filename.html"> anchor text </A>. That is called relative linking.

Example: <A HREF="../auction/Auction.html"> The Auction Block</A>


Click here for more HTML stuff


Note: I copied most of this from a message Dan Mulligan posted in another thread. It's a great piece of work, and deserves its own thread.
Thanks, Dan. Because of the value of this information as a permanent reference, I will maintain this thread. Feel free to post messages to this thread, but note that we reserve the right to keep this thread as a reference by editing or deleting messages.
Thanks, Dan.
-Joe Offer