Mudcat HTML Guide PermaThread

Subject: RE: Mudcat HTML Guide
From: MMario
Date: 15 Jun 00 - 04:09 PM

a hungarian font can be downloaded from here

url=http://www.sas.upenn.edu/~arubin/hungarian.html

and this page has some utilities that may help http://www.dtcc.edu/~berlin/font/utils.htm

click

Subject: RE: Mudcat HTML Guide
From: Roger in Sheffield
Date: 15 Jun 00 - 03:37 PM

Thanks
I have printed it off and will try to make sense of it

Roger

Subject: RE: Mudcat HTML Guide
From: GUEST,Mrr
Date: 15 Jun 00 - 10:01 AM

That's what I was afraid of. Boogers. Thanks, though, saved me more searching and frustration...(Assuming that Sirry is me)

Subject: RE: Mudcat HTML Guide
From: MudGuard
Date: 14 Jun 00 - 03:38 PM

Sirry, the accents you want are not possible with html entities. In Word you would need a font that has these characters - I do not know of any font that has these.
MudGuard

Subject: RE: Mudcat HTML Guide
From: GUEST,Accentless Mrr
Date: 14 Jun 00 - 03:23 PM

Hi, can anyone find anything in either HTML or Word that will allow for a LONG umlaut, not 2 dots but more like quotation marks that go over a letter, or 2 acute accents together on one letter? I have sought in vain so far and asked on a few random threads... but perhaps y'all might know... Also, is there any way to do a single accent that is perfectly vertical, e.g. neither acute nor grave?
The reason I ask is that Hungarian has both those diacritical marks (the neither-acute-nor-grave accent and the long umlaut or double accent) and nobody in my family so far has been able to figure out how to make them using regular software like Word or html.

Thanks, all!

Subject: RE: Mudcat HTML Guide
From: Frank McGrath
Date: 03 Jun 00 - 06:17 PM

Here is an excellent resource for those wishing to learn HTML.
HTML Trainingtools
It is comprehensive and covers everything you need to know and a lot more besides.

Frank

Subject: RE: Mudcat HTML Guide
From: John in Brisbane
Date: 03 Jun 00 - 02:07 AM

I find that AOLPress goves me the best of both worlds. For run of the mill layout stuff you simply type the text into a word processor format - WYSIWYG (What You See Is What You Get). You can toggle to the HTML code to see what's really happening and there are excellent tutorials to help you along the way for the more complex stuff, like tables or linking images. When you're in HTML mode you can copy the code direct to the Mudcat Forum or save the .htm file for later use.

IT'S FREE! I downloaded mine from ZD-Net, but any decent search engine should find it. A professional Web developer recommended it to me on the first instance.

Regards, John

Subject: RE: Mudcat HTML Guide
From: MudGuard
Date: 02 Jun 00 - 03:27 AM

For all who really want to know about HTML, here is the standard: http://www.w3.org/TR/REC-html40/.
And the standard for cascading style sheets CSS: http://www.w3.org/TR/PR-CSS2/.

Then there is a nice list which shows which html targets are supported by which version of Netscape and Internet Explorer (up to NS4.7 and IE5.0) and in which version of the standard they are defined: http://www.ncdesign.org/html/list.htm

And some tips how not to do it: HTML Hell

MudGuard

Subject: RE: Mudcat HTML Guide
From: Mark Clark
Date: 01 Jun 00 - 04:23 PM

Joe, great job on this thread. I hadn't looked in on it for a while. Of course no list of HTML references can be complete without a link to NCSA's Beginner's Guide to HTML. The cross linking on this site makes it a great reference and there is a downloadable version as well.

      - Mark

Subject: RE: Mudcat HTML Guide
From: Dale Rose
Date: 25 May 00 - 11:11 PM

Then there's the guide set up by our own George Seto. HTML Coding This is where I learned practically everything I know about HTML soon after getting on the internet about four years ago. (refined somewhat by a few tricks I learned from Joe after I got here)

Especially helpful is his page Enhancements for Web-Chatting My own take on that

I could not find a link back to his main page though, so here it is. Look there for all sorts of information about Gaelic, Cape Breton Music and other things of interest. His lyrics are filed under Cape Breton Music.

Subject: Links to Online HTML Guides
From: Joe Offer
Date: 25 May 00 - 08:00 PM

• HTML Goodies (from Tony Burns)
• Big Nose Bird's HTML Tricks (from katlaughing)
• Webmonkey HTML Cheatsheet (from katlaughing)
• Mudcatter George Seto's HTML Guide (from Dale Rose)
• Enhancing Your Chats (?) (from Dale Rose)
• Introduction to HTML (from AndyG)
• Sucky to Savvy - HTML Tricks (from AndyG)
• Javaboutique (from Mary in Kentucky)
• SELFHTML (in German)(from MudGuard)
• Fonts (from Bill D)
• More to come. Watch this space.... If you have other favorite HTML guides, post them below and I'll incorporate them into this list.

-Joe Offer-

Subject: Copy-and-Paste & Line Breaks
From: Joe Offer
Date: 25 May 00 - 07:58 PM

Posting Lyrics with Line Breaks

Here's how to put line breaks in lyrics you type up in Microsoft Word. The process should be much the same in other word processors.

• Type the lyrics up and edit and spell-check and save them.
  
• Then, go to the "edit" menu at the top of your page, and choose "replace."
  
• Under "replace" you'll find a "special" designation for special characters. Choose "paragraph mark" and put that in the "find" box.
  
• Then, in the "replace with" box, put "paragraph mark" and <br> (a line break tag)
  
• Then choose "replace all."

This varies from one version of Word to another, but it's more-or-less the same in the various versions.

You want to replace the paragraph mark with another one PLUS the line break. Otherwise, you lose all your paragraph marks and what you see on your screen is hard to read, and hard to work with.

Remember, when you are posting lyrics, you want to have <br> line breaks in each and every line, including the blank lines between stanzas and in the paragraphs for any comments you might want to make along with the lyrics. Please do NOT use <p> paragraph marks, because paragraph marks often don't work correctly when you copy-and-paste lyrics from the Forum into a word processor.

When all the line breaks are just how you want them, highlight the whole thing in your word processor and copy it ( [CTRL-C] is the keyboard shortcut for copying) then paste [CTRL-V] it into the message box at Mudcat, and then hit the grey "submit message" button.

---

Keyboard Shortcuts

Assuming you are using Windows 95 or 98 and Netscape or Microsoft Internet Explorer, here's what you do:

• highlight the section you want to copy - put your mouse cursor at the beginning of the section, and click and hold the left mouse button. Then, holding the button, move the cursor to the end of the section, and release your mouse button. All the text you've selected should have changed color, usually to blue.
• Next, copy the test - move your mouse cursor so it's ove the highlighted area, and click and hold your right mouse button. A menu will pop up, and you should select "copy" from the menu. The menu will disappear, and the information will be copied into your computer's memory (clipboard), and stay there until you copy something else.
• Finally, paste the information wherever you want to put it - into a Mudcat message box, a word processing document, or an e-mail message you're writing. To paste, move your mouse cursor to the place where you want to put the information. then, click on your right mouse button again and select "paste" from the menu. That should do the trick for you.

I often like to use keyboard shortcuts instead of using my mouse to find things from menus. Here are some handy shortcuts:

• CTRL-C - Copy
• CTRL-V - Paste
• CTRL-X - Cut
• CTRL-S - Save
• CTRL-N - Open New Browser Window
• CTRL-Z - Undo whatever you did last

---

By the way, note that this thread is primarily to be used as a reference and a place for people to post HTML questions and get answers. There are always several HTML Practice threads going, or feel free to start a new practice thread if you'd like to experiment. Practice all you want in the practice threads. We go through them occasionally and delete old messages.
Thanks.
-Joe Offer-

Subject: Posting Chords
From: Joe Offer
Date: 25 May 00 - 07:50 PM

The best way to post chords here is the use the preformat tag <pre> before and </pre> after the section with the chords, making sure to use automatic linebreaks or put <br> line breaks after every line (but not both).

The preformat tag sets a monospaced font, so every letter takes up the same amount of space on the screen (normal fonts take less space for the letter i than they do for m, so it's hard to keep things aligned from one line to the line below it. The best way to prepare chords for posting is to type them up as a text file and get them to look just the way you want them to look, and then add the line breaks and preformat tags, and then paste the whole thing into a Mudcat message box. Oh - be sure to use spaces to separate chords, because tabs don't aren't always consistent.

-Joe Offer-

---

Here's a great idea from Walter Corey:

This is a format I've been using to type up songs. Bold letters indicate where the chord changes. You could use underlines also. Here is an example:

NOBODY KNOWS YOU WHEN YOU'RE DOWN AND OUT - (Jimmy Cox)

Once I lived the life of a millionaire (C-E7-A7)
Spending my money, with never a care (Dm-A7-Dm-A7-Dm)
Takin' all my friends out for a mighty good time (F-B7-C-A7)
Drinkin' high-priced liquor, champagne and wine; (D7-G7)

This involves more HTML coding to set off the bold, but it's not too much more complicated than putting the line breaks in. I don't know whether people would find this less intrusive than embedding the chords right in the line.

---

When I'm using a lot of start/stop tags like Walter does in this situation, I type them out once and copy-paste them where I need them, filling in between them when I need to.
So, I'd type <b></b> only once, highlight and copy [CTRL-C] it, and then paste [CTRL-V] it wherever I need it.
-Joe Offer-

Subject: Mudcat HTML Guide
From: Joe Offer
Date: 25 May 00 - 07:49 PM

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>

NOTE: Mudcat now has automatic linebreaks and a link-making tool - but it's still helpful to know these things.
-Joe Offer, August, 2003-

---

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:[e-mail]/">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>.

• <B>bold</B>
• <I>italics</I>
• <STRONG>strong</STRONG>
• <BLINK>blink</BLINK>
• <CODE>code</CODE>
• <EM>emphasize</EM>
• <ADDRESS>
  address
  </ADDRESS>
• <CITE>citation</CITE>
• <SAMP>sample</SAMP>
• <KBD>keyboard entry</KBD>
• <TT>teletype</TT>
• <BIG>big print</BIG>
• <SMALL>small print</SMALL>
• <SUB>_subscript</SUB>
• <SUP>^superscript</SUP>
• <STRIKE>strikeout</STRIKE>
• <PRE>

  preformatted text

  </PRE>

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