xilica
05-21-2002, 06:09 PM
Hey everyone,
In this tutorial you need to have the following:
note: I used Microsoft Internet Explorer 6
1. A text editor such as NotePad (note: Microsoft Word or WordPad will not work).
2. A browser such as Internet Explorer or Netscape.
HTML stands for "Hyper Text Mark-up Language
HTML is made up of mark-up "tags"
In this tutorial you wil learn the following mark-up "tags":
<html>
<head>
<title>
<body>
<u>
While you are working with this tutorial you can type of
these examples and play around with them in NotePad.
This is where you will be editing the source for your webpage.
<html> This tag states that the wether or not the webpage is in HTML. You have to have to this tag for
every webpage.
<head> This tag displays information that doesn't
show on the webpage.
<title> This tag displays the title on your web browser.
If you look at the top bar at this website it
says "CoderForums". If you were making a webpage
on cars, for example, you would probably put "Car Webpage"
on the title.
<body> This tag tells you where to put
everything you want in the webpage. This is
where you type text for the webpage or would insert s
omething else.
<u> This tag represents a word or words that you want
to underline.
[i] This tag represents a word or words you want
to italicize.
[b] This tag represents a word or words you want
to bold.
This tag moves a word or words down to the next line. For example, lets say you want to type three things, each
one on a seperate line. You will use this to break of each
of them which makes them fit on there own line.
This tag makes a bunch of text you have typed a paragraph.
Now that you understand the commands I will write a sample webpage on the commands you just learned to help clear
up any confusions.
<html>
<head>
<title> CoderForums </title>
</head>
<body>
<u>CoderForums</u> is the place to be.
They have [b]MANY subforums on most of the [i]popular programming languages of today.
CoderForums is cool for a bunch of reason, but here are a few:
Friendly staff
Quality help
Friendly members
</p>
</body>
</html>
That is only a sample on what you can do with what you have just learned. As you see there are opposite tags that have
a </> in it. These are just to let HTML know that you are done performing what you want with these tags. You have to
have them. Also note that the "tag"
does not have a
close on it;
is an example of one of the few "tags" that
does not need a closing tag.
I hope this clears up any questions on how HTML works and its structure.
By the way, if you want to try these tags out yourself and you don't have a webpage to view them on, then no problem.
All you have to do is write your HTML code in NotePad and save it. Then open up your browser and go to File-->Open and open
the saved HTML document. Usually in Microsoft Windows the extension is (*.htm) or (*.html).
Please feel free to post any constructive critism or any errors you have received while working with these "tags" in HTML.
In this tutorial you need to have the following:
note: I used Microsoft Internet Explorer 6
1. A text editor such as NotePad (note: Microsoft Word or WordPad will not work).
2. A browser such as Internet Explorer or Netscape.
HTML stands for "Hyper Text Mark-up Language
HTML is made up of mark-up "tags"
In this tutorial you wil learn the following mark-up "tags":
<html>
<head>
<title>
<body>
<u>
While you are working with this tutorial you can type of
these examples and play around with them in NotePad.
This is where you will be editing the source for your webpage.
<html> This tag states that the wether or not the webpage is in HTML. You have to have to this tag for
every webpage.
<head> This tag displays information that doesn't
show on the webpage.
<title> This tag displays the title on your web browser.
If you look at the top bar at this website it
says "CoderForums". If you were making a webpage
on cars, for example, you would probably put "Car Webpage"
on the title.
<body> This tag tells you where to put
everything you want in the webpage. This is
where you type text for the webpage or would insert s
omething else.
<u> This tag represents a word or words that you want
to underline.
[i] This tag represents a word or words you want
to italicize.
[b] This tag represents a word or words you want
to bold.
This tag moves a word or words down to the next line. For example, lets say you want to type three things, each
one on a seperate line. You will use this to break of each
of them which makes them fit on there own line.
This tag makes a bunch of text you have typed a paragraph.
Now that you understand the commands I will write a sample webpage on the commands you just learned to help clear
up any confusions.
<html>
<head>
<title> CoderForums </title>
</head>
<body>
<u>CoderForums</u> is the place to be.
They have [b]MANY subforums on most of the [i]popular programming languages of today.
CoderForums is cool for a bunch of reason, but here are a few:
Friendly staff
Quality help
Friendly members
</p>
</body>
</html>
That is only a sample on what you can do with what you have just learned. As you see there are opposite tags that have
a </> in it. These are just to let HTML know that you are done performing what you want with these tags. You have to
have them. Also note that the "tag"
does not have a
close on it;
is an example of one of the few "tags" that
does not need a closing tag.
I hope this clears up any questions on how HTML works and its structure.
By the way, if you want to try these tags out yourself and you don't have a webpage to view them on, then no problem.
All you have to do is write your HTML code in NotePad and save it. Then open up your browser and go to File-->Open and open
the saved HTML document. Usually in Microsoft Windows the extension is (*.htm) or (*.html).
Please feel free to post any constructive critism or any errors you have received while working with these "tags" in HTML.