Computer Geeks

Eminem · #1 04-22-2006, 08:19 PM

HTML Tutorial

This tutorial will teach you HTML, which will also help you to make custom pages for websites. HTML is very easy to learn!

HTML Stands For

HyperText Markup Language

Okay, we will start with the basics...

In HTML there are two types of tags...

Opening Tag
Closing Tag May not be needed for every type of "Tag"

The words inside the tags are not case-sensitive...Example:

Code:

<HtMl> & <html> are the same thing!

Okay, now we will start with the basic tags i.e

Bold
Italics
Underlined

Let's start with Bold..

The tag to make a text Bold is:

This text will be bolded

The OutCome of the above will be:

This text will be bolded

Remember to add a closing tag which is represented by [/b]... without adding that
closing tag, the outcome won't be perfect!

Next comes Italics...

The tag to make a text Italic is:

Italics

The OutCome of the above will be:

Italics

Again, don't forget to add the closing tag!

Now Comes Underlined...

The tag to make a text Underlined is:

<u>Underline</u>

The OutCome of the above will be:

Underline

Another one which people don't use much is a "Strike Out"...

This time the tag is:

<strike>You're Out!</strike>

The OutCome of the above tag will be:

You're Out!

You can use several tags at the same time...

Example:

If I want a text bold + Italic...I will use

This text will be Bold + Italic

The OutCome of the above tag will be:

This text will be Bold + Italic

It doesn't make a difference if you switch the starting tags position...

Example:

If you use

[i][b] Instead of [b][i] as your "Starting Tag"

The above tags were basic "Text" Tags...

Okay, let's go on to the next step...If we want to align our text..

Center

We will use:

<center>This text will be centered</center>

The OutCome of the above tag will be:

This text will be centered

So now you know how to make basic text effects and how to align texts...

In the next tutorial, I will teach you:

Paragraphs
Line Breaks
Headings
Basic Page Format!

Hope you enjoyed this tutorial.

If you want to test yourself out...Visit This Page.

Dizaster · #2 04-23-2006, 06:56 PM

Pretty nice, but the strike one didn't work, you can also use BBcode for forum wise, might want to add that too, even though its some-what self explanitory.

ebittner · #3 04-23-2006, 08:02 PM

That is pretty good what you have there. I knew most of it but you can never study to much.

raudi · #4 04-24-2006, 01:50 AM

Good tutorial there. Good for the beginners who need a little jump start

Eminem · #5 04-24-2006, 12:30 PM

Thanks for the comments guys.

I think the strike tag just works with some browsers; Internet Explorer being one I THINK. This tutorial was written by me so just decided to share it with you guys. Glad you guys liked it!

rijulraju · #6 04-24-2006, 09:00 PM

Quote:

Originally Posted by Eminem

Thanks for the comments guys.

I think the strike tag just works with some browsers; Internet Explorer being one I THINK. This tutorial was written by me so just decided to share it with you guys. Glad you guys liked it!

Great job on the tutorial 8)
Its a great resource for beginners, I'm going to get my nephew to read this, and learn from it. He has been wanting to learn HTML for a while, but just hasn't gotten to it yet.

sphinx · #7 05-03-2006, 02:49 PM

Hey, nice tutorial.

I was thinking of starting web development again, so this was a nice revision.

Keep up the good work

Eminem · #8 05-03-2006, 10:28 PM

Thanks for your comments!

It's encouraging me to continue the tutorial.

I will do that after I fix up my PC which I plan to do by this weekend and if I spare up some time I will continue and write some more stuff about HTML!

I love the FORM part of HTML very much

It's fun! :lol: