Fun with HTML (tutoral)

Louie · September 12, 1999, 1:03am

I apologize in advance if some of this stuff doesn’t work.
I did this only in Notepad.

Here’s a reference to do all the neat things you can do with HTML.
Just copy how the code is done and that’s all.

Part I - The Basics

Bolding:

words in bold

words in bold

Italics:

words in italics

words in italics

Underline:

words underlined

words underlined

Strikeout:

<strike>words crossed off</strike>

Centering text:

centered text

Marquee (only works in Internet Explorer):

<marquee>scrolling words</marquee>

Bouncing Marquee (only works in Internet Explorer):

<marquee behavior=“alternate”>bouncing words</marquee>

Part II - Images and Hyperlinks

To display an image:

So to display my “thumbs up” picture with the tag “cool”, I would type down-

To make a hyperlink:

<a href=“web address goes here”>words to click on</a>

So if you wanted to link to The Onion, you would type down-

<a href=“http://www.theonion.com”>click here to read The Onion</a>

Part III - Fun with Fonts

To change font type:

a bunch of words

Replace © with the name of the font you want to use.
So if you wanted to change the font to a typewriter style (Courier New),
you would type down-

a bunch of words

To change font size:

words to make bigger or smaller

Replace © with size numbers 1 2 3 4 5 6 or 7.

size 1
size 2
size 3
size 4
size 5
size 6
size 7

To change font color:

words in color

Replace © with Red, Orange, Yellow, Green, Blue, or Purple

Red
Orange
Yellow
Green
Blue
Purple

Part IV - Symbols!

These symbols can be found under the font names “Wingdings” and “Webdings”.
To use them, use the “To change font type” trick shown above.

Key:
`1234567890-=
~!@#$%^&*()_+
ABCDEFGHIJKLM
NOPQRSTUVWXYZ
;’,./
{}:"<>?|

Wingdings Symbols:

`1234567890-=
~!@#$%^&*()_+
ABCDEFGHIJKLM
NOPQRSTUVWXYZ
;’,./
{}:"<>?|

Webdings Symbols:

`1234567890-=
~!@#$%^&*()_+
ABCDEFGHIJKLM
NOPQRSTUVWXYZ
;’,./
{}:"<>?|

Hope this helps out.

Louie · September 12, 1999, 1:07am

Yes! It all worked, except for the

http://members.aol.com/lou826/thumb.gif

picture. Oh well. Hope I helped you all.

Louie

Ringo · September 12, 1999, 1:44am

Ringo · September 12, 1999, 1:47am

Hey Louie! Thanks!

Kamino_Neko · September 12, 1999, 1:54am

<marquee behavior=“alternate”>This could be fun!</marquee>

‘They couldn’t hit an Elephant from this dist…!’

Last words of General John Sedgwick

rowrrbazzle · September 13, 1999, 1:17am

Sassy · September 13, 1999, 9:41pm

I have to try this

Strainger · September 13, 1999, 10:33pm

underline?

Strainger · September 13, 1999, 10:35pm

Greek Symbols?

abgdezhq

Strainger · September 13, 1999, 10:37pm

manhattan · September 13, 1999, 10:40pm

<marquee behavior=“alternate”> Louie Rocks!
</marquee>

Livin’ on Tums, Vitamin E and Rogaine

manhattan · September 13, 1999, 10:42pm

Does it work in a sig?

<marquee behavior=“alternate”> J E T S JetsJetsJets!
</marquee>

manhattan · September 13, 1999, 10:44pm

What about just the color?

J E T S JetsJetsJets!

Strainger · September 13, 1999, 11:09pm

Manhattan, try removing the spaces between codes. Also remember to put “quotes” around the name of your font color.

manhattan · September 13, 1999, 11:12pm

Like this?

<marquee behavior=“alternate”>J E T S JetsJetsJets!</marquee>

Livin’ on Tums, Vitamin E and Rogaine

manhattan · September 13, 1999, 11:13pm

And now lets try the sig.

<marquee behavior=“alternate”>J E T S JetsJetsJets!</marquee>

manhattan · September 13, 1999, 11:16pm

OK, no scrolling for me. How 'bout the color?

BTW, TubaDiva: Louie created a remarkable tutorial here. Can it be moved to the FAQ. In the alternative, can you delete all the “I’m gonna try this” posts (including mine)?

J E T S JetsJetsJets!

moriah · September 14, 1999, 1:41am

I think the create-your-sig-screen specifically states that html and images are turned off for sigs.

Peace.

Strainger · September 14, 1999, 4:52am

What I’m wondering is why UBB created its own code for bold and italics when it’s not a whole lot different from the HTML code. To relieve us from having to use the shift key so much, maybe?

I’m also wondering how Louie was able to list the syntax for the HTML commands without the code being executed. Additional HTML code?

BTW, thanks very much for the tutorial, Louie!!

TubaDiva · September 14, 1999, 5:45am

I think this is a keeper.

Thank you very much, Louie.

Some boards have html coding turned off; we allow both html and UBB.

your humble TubaDiva/SDStaffDiv
for the Straight Dope

Topic		Replies	Views
Fun with HTML (tutoral): The Fixed Sequel About This Message Board	6	1627	November 3, 1999
Fun with HTML (tutorial) : All Ye Need Know	1	37	November 3, 1999
Fun with HTML (tutorial) : All Ye Need Know	1	74	November 3, 1999
Fun with HTML (tutorial) : All Ye Need Know	1	465	November 3, 1999
Fun with HTML (tutorial) : All Ye Need Know About This Message Board	1	2654	November 3, 1999

Fun with HTML (tutoral)

<marquee behavior=“alternate”> <font color=Red>Louie Rocks!</font> </marquee>

Related topics

<marquee behavior=“alternate”> <font color=Red>Louie Rocks!</font>
</marquee>