NamePros.Com (http://www.namepros.com/)
-   Webmaster Tutorials (http://www.namepros.com/webmaster-tutorials/)
-   -   Tutorial: Basic HTML (http://www.namepros.com/webmaster-tutorials/14734-tutorial-basic-html.html)

theups 04-23-2003 11:22 PM

Tutorial: Basic HTML
 
This is just somthing simple to give you an idea of html. Feel free to addon.


<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>



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

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. :cool:

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 . [=


All times are GMT -7. The time now is 03:16 PM.
Site Sponsors
Advertise your business at NamePros

Powered by: vBulletin Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 2.4.0