Intoruction - Basic HTML

crafterz · 10-23-2006, 06:32 PM

HTML...What does that mean you may ask. Hyper Text Markup Language = HTML
Its what webpages are made of. Here ill teach you just the basic of the basics.

HTML Code:

<html> <head> <title>Title of the page</title> </head> <body>
This is where the text goes.
</body> </html>

Ok, now lets break this down to be easier to understand.

the first and last tage with <html> and </html> are the beggining and ending tags of EVERY html page.
<head> & </head> are the header tags, used for things such as Meta Tags Which are more advanced. The title tags <title> & </title> are the title tags, or what will appear at the top of the browser, these always go in the head tags. The Body Tags are Where the main body of your page goes. This could include many things, but for now, we will leave it at Text.

Now lets Practice This...How so? Open Notepad...Click start run type notepad and push enter. Then Do the same tags as i did. and then click save as. When typing the filename, type FILENAME.htm than click save. Then open up your favorite web browser and click...file, open file, find the file you just saved and click open.... at the top of the browser it should sayTitle of the page, and on the page it should just say This is where the text goes.

More to come soon...

If you have any question or comments, fell free to post them

firestorm · 10-23-2006, 07:01 PM

rep added.

crafterz · 10-23-2006, 07:26 PM

Thnx

!!! More to come in the near future!

Will.Spencer · 10-24-2006, 04:13 PM

Quote:

Originally Posted by crafterz

Thnx

!!! More to come in the near future!

It's a great start. Next, you will probably want to go into the most common tags:

<hr>
<a href=""></a>
<ul> and <li>

**Lyte** · 10-24-2006, 06:26 PM

Quote:

Originally Posted by Will.Spencer

It's a great start. Next, you will probably want to go into the most common tags:

<hr>
<a href=""></a>
<ul> and <li>

But what do they mean? How do you use them?

Lyte

firestorm · 10-24-2006, 07:10 PM

defines a paragraph

 used to end a line, but not start a new paragraph

 bold

 Italics

<hr> horizontal rule (can be used to seperate images, content, and other stuff, and can vary in size easily)

<a href=""></a> the "a" defines an anchor(secures it to the page, is an easy way to look at it for now). "href="link goes here" the href just creates a link.

HTML Code:

<p>Linking to PC101:
<a href="http://www.pc101.com">
PC101 ROCKS</a> </p>

Will look something like this:

Linking to PC101:
PC101 ROCKS

<ul> unordered list (means no number scheme involved).
<li> represents one individual in the list of <ul>
SAMPLE

HTML Code:

 <UL> <LI> This is item number 1.
    <LI> This is item number 2.
    </UL>

**Just remember that all <>(tags) must get closed in the document. To close them just use the same tag with a / in them. EX- </ul> 

-fire

crafterz · 10-24-2006, 07:23 PM

i was gonna spend a lot on anchor
and all its attributes

firestorm · 10-24-2006, 08:04 PM

go right ahead, I didn't feel like gettin into that then

.

**Lyte** · 10-25-2006, 09:51 PM

Good job y'all!

It's helps demonstrate what the code does. That's how I learned.... what lil I know. lol

Lyte