Tutorial: Basic HTML

theups · 04-23-2003, 11:22 PM

This is just somthing simple to give you an idea of html. Feel free to addon.
????: NamePros.com http://www.namepros.com/webmaster-tutorials/14734-tutorial-basic-html.html

<html>
<head>

<title> this appears in the title bar </title>

</head>

<body>

this will be in your page

</body>

</html>

<this is the start of a command> </this is the end of a command>
????: NamePros.com http://www.namepros.com/showthread.php?t=14734

Those are all the basic commands in order as they should appear

<html> this tells the browser that the coding is begining, note however this isn't required by the current standards but it will be in the future

<head> this isn't required, but it is helpful because some older browsers might become confused without it, it is also where the next command comes in, and where javascript would go.

<title> this is what goes in the title bar in the browser, it isn't required, but it looks nice.

</title> this tells the browser that the title command has stopped, in html / is stop in a command

</head> this tells the browser that the head has stopped and now other things can begin

<body> this tells the browser that anything following this appears on the page for the user to see.

site content goes here

</body> as following the rest of the tutorial(which sucks) this obvisously ends the body function telling the browser anything else is new commands or paramaters

</html> tells the browser that the html coding has stopped

More advanced basics

<center> this tag goes inside the body tag to center everything. and of course everything else will be centered untile the end tag.

</center> ends the centering of course

 this tells browser a paragraph is starting (example following)

 this is a new paragraph it can be aligned based on the commands you use

 tells the browser that paragraph has stopped therefore it will space down about 2 lines and start a new one.

  this puts a break in the page, but it isn't as much space as between paragraphs

The following is an example of what your body should look like

<body bgcolor="color code goes here" link="color code goes here" vlink="color code goes here" alink="color code goes here" text="color code goes here">

bgcolor="color code goes here" bgcolor stands for back ground color

link="color code goes here" link is for your hyperlink color

vlink="color code goes here" vlink is for your visited hyperlink color

alink="color code goes here" alink is for your active hyperlink color

text="color code goes here" text is for your text color

the color code is the code of the color you wish to use for example #00000 is the color black

The following is an example of what your body should look like when done

<body bgcolor="#FFFFFF" link="#000000 vlink="#CCCCCC" alink="#999999" text="#000000">

Content add-ins

to add a image you use <img src="image src goes here">

to align somthing add what ever you want to align goes here <--to end it

Pimple · 04-25-2003, 02:18 AM

This might be helpful for some newbies. The HTML reference on htmlhelp.com includes a list of tags in HTML 4.0

HTML 4.0 reference by The Webdesign Group

deadserious · 06-10-2003, 09:23 PM

Hey I closed them bold [/B] tags for you.

I think that's how you meant to have it.

DarkDevil · 06-13-2003, 11:16 PM

Heres a really good Printout thats always good to have on hand when your new/rusty with html. I usually have a copy laying around, plus it was mandatory to have in crs class. (You must have Adobe Acrabat to view this)
http://computer.howstuffworks.com/pdf/web-page-tags.pdf

deadserious · 06-15-2003, 03:31 PM

howstuffworks.com is a cool site!

DarkDevil · 06-16-2003, 09:39 AM

It is, thats where i learned how to pick locks.

Alpha · 06-23-2003, 03:07 PM

I was searching a long time ago and I found: Lissa Explains It All For Kids a great website to learn HTML. Even if you're not a kid... lol.

bobbi · 06-28-2003, 10:15 PM

The Lissa explains it all site is cute, but they have too many pop up's on each page, but I agree with you Alpha it is a good site for kids and adults to learn basic steps for html. htmlgoodies is also a good beginners site . [=

04-23-2003, 11:22 PM	THREAD STARTER #1 (permalink)
theups NamePros Member Join Date: Aug 2002 Posts: 43	Tutorial: Basic HTML This is just somthing simple to give you an idea of html. Feel free to addon. ????: NamePros.com http://www.namepros.com/webmaster-tutorials/14734-tutorial-basic-html.html <html> <head> <title> this appears in the title bar </title> </head> <body> this will be in your page </body> </html> <this is the start of a command> </this is the end of a command> ????: NamePros.com http://www.namepros.com/showthread.php?t=14734 Those are all the basic commands in order as they should appear <html> this tells the browser that the coding is begining, note however this isn't required by the current standards but it will be in the future <head> this isn't required, but it is helpful because some older browsers might become confused without it, it is also where the next command comes in, and where javascript would go. <title> this is what goes in the title bar in the browser, it isn't required, but it looks nice. </title> this tells the browser that the title command has stopped, in html / is stop in a command </head> this tells the browser that the head has stopped and now other things can begin <body> this tells the browser that anything following this appears on the page for the user to see. site content goes here </body> as following the rest of the tutorial(which sucks) this obvisously ends the body function telling the browser anything else is new commands or paramaters </html> tells the browser that the html coding has stopped More advanced basics <center> this tag goes inside the body tag to center everything. and of course everything else will be centered untile the end tag. </center> ends the centering of course <p> this tells browser a paragraph is starting (example following) <p> this is a new paragraph it can be aligned based on the commands you use</p> </p> tells the browser that paragraph has stopped therefore it will space down about 2 lines and start a new one. <br> this puts a break in the page, but it isn't as much space as between paragraphs The following is an example of what your body should look like <body bgcolor="color code goes here" link="color code goes here" vlink="color code goes here" alink="color code goes here" text="color code goes here"> bgcolor="color code goes here" bgcolor stands for back ground color link="color code goes here" link is for your hyperlink color vlink="color code goes here" vlink is for your visited hyperlink color alink="color code goes here" alink is for your active hyperlink color text="color code goes here" text is for your text color the color code is the code of the color you wish to use for example #00000 is the color black The following is an example of what your body should look like when done <body bgcolor="#FFFFFF" link="#000000 vlink="#CCCCCC" alink="#999999" text="#000000"> Content add-ins to add a image you use <img src="image src goes here"> to align somthing add <p align="side to which you want to align goes here">what ever you want to align goes here </p><--to end it

04-25-2003, 02:18 AM	#2 (permalink)
Pimple New Member Join Date: Apr 2003 Posts: 14	This might be helpful for some newbies. The HTML reference on htmlhelp.com includes a list of tags in HTML 4.0 HTML 4.0 reference by The Webdesign Group __________________ I am Pimple, hear my roar!

06-13-2003, 11:16 PM	#4 (permalink)
DarkDevil NamePros Regular Join Date: Sep 2002 Location: Canada Posts: 481	Heres a really good Printout thats always good to have on hand when your new/rusty with html. I usually have a copy laying around, plus it was mandatory to have in crs class. (You must have Adobe Acrabat to view this) http://computer.howstuffworks.com/pdf/web-page-tags.pdf __________________ Sometimes I lay awake at night and I ask "Where have I gone wrong?" Then a little voice says "This is going to take more than one night"

06-16-2003, 09:39 AM	#6 (permalink)
DarkDevil NamePros Regular Join Date: Sep 2002 Location: Canada Posts: 481	It is, thats where i learned how to pick locks. __________________ Sometimes I lay awake at night and I ask "Where have I gone wrong?" Then a little voice says "This is going to take more than one night"

06-23-2003, 03:07 PM	#7 (permalink)
Alpha NamePros Regular Join Date: Jun 2003 Location: California Posts: 245	I was searching a long time ago and I found: Lissa Explains It All For Kids a great website to learn HTML. Even if you're not a kid... lol. __________________ --Alpha

06-10-2003, 09:23 PM	#3 (permalink)
deadserious Senior Member Join Date: Aug 2002 Posts: 1,255	Hey I closed them bold [/B] tags for you. I think that's how you meant to have it.

06-15-2003, 03:31 PM	#5 (permalink)
deadserious Senior Member Join Date: Aug 2002 Posts: 1,255	howstuffworks.com is a cool site!

06-28-2003, 10:15 PM	#8 (permalink)
bobbi NamePros Regular Join Date: Aug 2002 Posts: 650	The Lissa explains it all site is cute, but they have too many pop up's on each page, but I agree with you Alpha it is a good site for kids and adults to learn basic steps for html. htmlgoodies is also a good beginners site . [=

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)