Useful HTML for beginners

ImOnFire · 12-07-2004, 07:28 PM

Some people here on CGR, asked me to fill them in a little about basic HTML...mostly for this forum, only not PHP codes. So here is the the very small "turtorial" I made...

Here we go...

For a really really cool maruqee HTML that I just learned

I am a really cool marquee

HTML for that:

HTML Code:

<center><marquee width="42" behavior="alternate" scrollamount="40" scrolldelay="1000">hello :confused </marquee></center>

As for Images real html is

HTML Code:

<img src="link to picture here">

And for links

HTML Code:

<a href=URL OF WEBSITE> TEXT HERE</a>

And to do these things that I'm doin with the little boxes put [HTML]

HTML Code:

HTML CODES HERE [/HTML ]

Another way to do the ~~strikeout~~ thingie, is using

HTML Code:

<del> and </del>

Young Twig · 12-07-2004, 07:39 PM

Yes, the correct way to strikethrough is <del>

Here are my tips about HTML:
CSS

That's it!

Andrew · 12-07-2004, 07:46 PM

Also, to make a picture with a title on mouseover, you can do the following:

HTML Code:

<img src="http://www.christianguitar.org/forums/attachment.php?attachmentid=43702&stc=1" title="Insert text to be viewed" border="0">

You can manipulate the border, if you would like. Just add whatever number. I think it measures by pixels, but I am no expert.

To make a link:

HTML Code:

<a href="http://www.christianguitar.org/forums" title="Best Message Board on the planet.">Hey, check this place out.</a>

Turns into this: Hey, check this place out.

EDIT (Twig): We like to teach good things:

HTML Code:

<em>Italic text (emphasis)</em> <strong>bold text (strong emphasis)</strong>

Italic text (emphasis) bold text (strong emphasis)

And don't use underlined text. It confuses morons who will try to click it.

Andrew · 12-07-2004, 07:54 PM

Haha. Twig I hate you.

Young Twig · 12-07-2004, 07:56 PM

Quote:

Originally Posted by Andrew

Haha. Twig I hate you.

Haha... I added quotes in your tags, too. We like good habits.

Andrew · 12-07-2004, 07:59 PM

I really do. Thank you for pointing all of that out.

ImOnFire · 12-07-2004, 08:13 PM

Quote:

Originally Posted by Andrew

I really do. Thank you for pointing all of that out.

Lol, yea, if any one else has simple HTML codes, post them here.

stratguitarist · 12-13-2004, 03:52 AM

i found out how to resize images:

HTML Code:

<img src="image url here" height="number of pixels high" width="number of pixels wide">

and i think you have to put the "quotes" around the pixel numbers too.

destroyer · 12-13-2004, 11:33 AM

I think this thread is worthy of being stuck so it will now be stickied.

Young Twig · 12-13-2004, 05:00 PM

Quote:

Originally Posted by stratguitarist

i found out how to resize images:

HTML Code:

<img src="image url here" height="number of pixels high" width="number of pixels wide">

and i think you have to put the "quotes" around the pixel numbers too.

I strongly advise not to do that. It resizes very crappily and it doesn't reduce the filesize. Don't be lazy, just resize the image.

**redbaron** · 12-13-2004, 05:18 PM

no joke. Thumbnailing that way just causes HUGE wait times. Think, if you have some 200-300k pictures in a gallery, you don't want to load 50 per page, you want to load them one at a time (generally). If you properly resize and thumbnail, you're loading more like 50 10-50k images.

Boy Genius · 12-22-2004, 01:22 PM

Quote:

Here are my tips about HTML:
CSS

Haha...yeah, I dropped plain HTML a while back and started adding a lot of CSS in with it; CSS improves a page so much.

ImOnFire · 12-25-2004, 09:37 AM

Quote:

Originally Posted by redbaron

no joke. Thumbnailing that way just causes HUGE wait times. Think, if you have some 200-300k pictures in a gallery, you don't want to load 50 per page, you want to load them one at a time (generally). If you properly resize and thumbnail, you're loading more like 50 10-50k images.

What I do is make a thumbnail of the picture, and then make that picture into a link which leads to the larger picture.

Young Twig · 12-25-2004, 10:03 AM

Quote:

Originally Posted by ImOnFire

What I do is make a thumbnail of the picture, and then make that picture into a link which leads to the larger picture.

Yeah, that's the smart way to do it. Just be sure to use 2 images: a thumbnail (like 2k) and a large image (like 50k) for each picture. Otherwise, you'll be loading like 5MB of extremely crappy looking thumbnails. Please, make the thumbnails, don't fake them.

ImOnFire · 12-25-2004, 10:08 AM

Quote:

Originally Posted by Young Twig

Yeah, that's the smart way to do it. Just be sure to use 2 images: a thumbnail (like 2k) and a large image (like 50k) for each picture. Otherwise, you'll be loading like 5MB of extremely crappy looking thumbnails. Please, make the thumbnails, don't fake them.

That sounds like a surgeons general warning or something.

Quote:

Originally Posted by Surgeon Twig

Please, make the thumbnails, don't fake them.