Fun with HTML (tutoral)

Imthecowgodmoo · October 14, 1999, 5:22am

mmmm, beer

“I’m not dumb. I just have a command of thoroughly useless information.”-- Calvin and Hobbes
(__)
\/-------\ | |-----| |
…c.c…c.c…

Atrael · October 14, 1999, 3:21pm

sig line test

[marquee]I haven’t lost my mind, I have a tape backup around somewhere.[/marquee]

Atrael · October 14, 1999, 3:27pm

hmmmmmm

<marquee>I haven’t lost my mind, I have a tape backup around somewhere.</marquee>

Imthecowgodmoo · October 14, 1999, 6:19pm

<HTML>I’m going* to* test this and see if it works.</HTML>

“I’m not dumb. I just have a command of thoroughly useless information.”-- Calvin and Hobbes
(__)
\/-------\ | |-----| |
…c.c…c.c…

Imthecowgodmoo · October 14, 1999, 6:20pm

eek! that got ugly

“I’m not dumb. I just have a command of thoroughly useless information.”-- Calvin and Hobbes
(__)
\/-------\ | |-----| |
…c.c…c.c…

Louie · October 15, 1999, 12:33am

Hey, that cow looks better in that font. Too bad you can’t use HTML in sigs.

Smile, it makes people wonder what you are thinking.
Fun with HTML (tutoral)
Give someone an F.U.

SterlingNorth · October 15, 1999, 12:47am

This is just a test!

SterlingNorth

http://www.straightdope.com/ubb/posticon.gif

10-14-1999 05:10 PM

Had this been an actual post, you may have seen a life-affirming statement!

Or maybe not!

SterlingNorth · October 15, 1999, 12:48am

This is just a test!

SterlingNorth

http://www.straightdope.com/ubb/posticon.gif

10-14-1999 05:10 PM
[/quote]

Had this been an actual post, you may have seen a life-affirming statement!

Or maybe not!

Louie · October 20, 1999, 5:56am

Another “keeping this afloat” post.

One more thing. Please don’t be attempt to be annoying with all the tricks.

Scarred · October 20, 1999, 7:35pm

just playing around

Earl_Snake-Hips_Tucker · October 25, 1999, 6:34pm

bold
italics
underline
<strike>strike<strike>

Earl_Snake-Hips_Tucker · October 25, 1999, 6:38pm

bold test
italics test
underline test
<strike>strike<strike> test

Earl_Snake-Hips_Tucker · October 25, 1999, 6:42pm

bold test
italics test
underline test
<strike>strike</strike> test

Earl_Snake-Hips_Tucker · October 26, 1999, 8:35am

<quote>test</quote>
test
<q>test</q>
test

TubaDiva · October 28, 1999, 4:06pm

Back to the top!

your humble TubaDiva/SDStaffDiv
for the Straight Dope

PS Hey Louie, wanna add Phobia’s comments re pictures to this file? Since you started this, I’m asking you first.

Louie · October 29, 1999, 6:05am

I’m going to make an update to the tutoral pretty soon.

TubaDiva, are you talking about this? If so, I’ll gladly put it in the update.

Louie

Louie · November 2, 1999, 4:27am

Before you read the tutoral, make sure to read the UBB codes page below for more tricks.

<A HREF=“http://www.straightdope.com/ubb/ubbcode.html” target=_new>Click here to see all the UBB codes.</A>

UBB emoticons:

: + ) =
: + ( =
: + D =
; + ) =
: + o = :o

<hr>

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.

<hr>
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

Dividing line:

<hr>

Marquee (only works in Internet Explorer):

<marquee>scrolling words</marquee>

Bouncing Marquee (only works in Internet Explorer):

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

Blinking Text (only works in Netscape Navigator):

<blink>blinking text</blink>

<hr>
Part II - Images and Hyperlinks

To display an image:

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

Some warnings about posting pictures (Thanks to Phobia and tansaaftl):
<blockquote>
<hr>
Please don’t steal bandwidth from other people when you post pictures.
To put a picture in you posts or home pages please have the pictures
on your web server. When you link pictures that are on other people’s
sites you steal there bandwidth allowed to them on their server.

Some people counter act this by replacing the picture with one of the
same name that says “I steal other’s bandwidth.” If you have your
material loading from someone else’s site they can change what your
post displays.

Keep your picture files to a small size and use compression.
If you post and it takes forever to load, upload and replace
the picture with a new one that is a lot smaller.
The links will then load the new smaller picture. Even one large
file will make the thread cumbersum for all. A monitor only
displays 72 dots per inch. You don’t need a high res scanned picture.

Please use compression on your images. Jpeg compression works
quite well and will save a lot of time when people try to view your page.

Lots, if not most web surfers will click on away from a page that takes too long to load. If you want people to look at your page, keep your images as small as possible.
<hr>
</blockquote>

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>

<hr>
Part III - Fun with Fonts

To change font type:

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:

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

To change font color:

Red
Orange
Yellow
Green
Blue
Purple

<hr>
Part IV - Symbols!

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

Key:
!"#$%&’()*+,-./0123456789:;<=>?
@ABCDEFGHIJKLMNOPQRSTUVWXYZ^_
`abcdefghijklmnopqrstuvwxyz{|}~
€‚ƒ„…†‡ˆ‰Š‹ŒŽ‘’“”•–—˜™š›œžŸ
¡¢£¤¥¦§¨©ª«¬®¯°±²³´µ¶·¸¹º»¼½¾¿
ÀÁÂÃÄÅÆÇÈÉÊËÌÍÎÏÐÑÒÓÔÕÖ×ØÙÚÛÜÝÞß
àáâãäåæçèéêëìíîïðñòóôõö÷øùúûüýþÿ

“Symbols” Symbols:

!"#$%&’()*+,-./0123456789:;<=>?
@ABCDEFGHIJKLMNOPQRSTUVWXYZ^_
`abcdefghijklmnopqrstuvwxyz{|}~
€‚ƒ„…†‡ˆ‰Š‹ŒŽ‘’“”•–—˜™š›œžŸ
¡¢£¤¥¦§¨©ª«¬®¯°±²³´µ¶·¸¹º»¼½¾¿
ÀÁÂÃÄÅÆÇÈÉÊËÌÍÎÏÐÑÒÓÔÕÖ×ØÙÚÛÜÝÞß
àáâãäåæçèéêëìíîïðñòóôõö÷øùúûüýþÿ

Wingdings Symbols:

!"#$%&’()*+,-./0123456789:;<=>?
@ABCDEFGHIJKLMNOPQRSTUVWXYZ^_
`abcdefghijklmnopqrstuvwxyz{|}~
€‚ƒ„…†‡ˆ‰Š‹ŒŽ‘’“”•–—˜™š›œžŸ
¡¢£¤¥¦§¨©ª«¬®¯°±²³´µ¶·¸¹º»¼½¾¿
ÀÁÂÃÄÅÆÇÈÉÊËÌÍÎÏÐÑÒÓÔÕÖ×ØÙÚÛÜÝÞß
àáâãäåæçèéêëìíîïðñòóôõö÷øùúûüýþÿ

Webdings Symbols:

!"#$%&’()*+,-./0123456789:;<=>?
@ABCDEFGHIJKLMNOPQRSTUVWXYZ^_
`abcdefghijklmnopqrstuvwxyz{|}~
€‚ƒ„…†‡ˆ‰Š‹ŒŽ‘’“”•–—˜™š›œžŸ
¡¢£¤¥¦§¨©ª«¬®¯°±²³´µ¶·¸¹º»¼½¾¿
ÀÁÂÃÄÅÆÇÈÉÊËÌÍÎÏÐÑÒÓÔÕÖ×ØÙÚÛÜÝÞß
àáâãäåæçèéêëìíîïðñòóôõö÷øùúûüýþÿ

Hope this helps out.

Louie
<hr>

Louie · November 2, 1999, 4:30am

Please don’t steal bandwidth from other people when you post pictures. To put a picture in you posts or home pages please have the pictures on your web server. When you link pictures that are on other people’s sites you steal there bandwidth allowed to them on their server.

Some people counter act this by replacing the picture with one of the same name that says “I steal other’s bandwidth.” If you have your material loading from someone else’s site they can change what your post displays.

Keep your picture files to a small size and use compression. If you post and it takes forever to load, upload and replace the picture with a new one that is a lot smaller. The links will then load the new smaller picture. Even one large file will make the thread cumbersum for all. A monitor only displays 72 dots per inch. You don’t need a high res scanned picture.

Please use compression on your images. Jpeg compression works quite well and will save a lot of time when people try to view your page.

Lots, if not most web surfers will click on away from a page that takes too long to load. If you want people to look at your page, keep your images as small as possible.

Louie · November 2, 1999, 4:33am

DAMMIT WHAT AM I DOING WRONG???

system · November 5, 1999, 11:02pm

<fontface=“Wingdings”>j

Topic		Replies	Views
Fun with HTML (tutorial) : All Ye Need Know About This Message Board	1	2654	November 3, 1999
Fun with HTML (tutoral): The Fixed Sequel About This Message Board	6	1634	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	465	November 3, 1999
Fun with HTML (tutorial) : All Ye Need Know	1	74	November 3, 1999

Fun with HTML (tutoral)

Related topics