A long HTML guide.

~~Dan Williamson~~ · 05-09-2005, 10:17 PM

Well as i'm bored out of my mind i thought i'd write a long HTML guide.

Basic HTML.

Open Notepad.

<HTML>

This starts off your HTML page

<Head>

This Starts off your header section
These are header codes.

Is for background colour.

Is for a CSS style.

Thats linking a external stylesheet.

</head>

This ends the header section. we'll move on now.

<Body>

This starts your body section.
Now theres a lot of body tags we're going to use a few of them.
First the basic text tags.

In order they do:
New paragraph, Bold text, Underlined, Break, Horizontle rule.
So at the moment you could have:

<Html>
<Head>
<Title>Your Site</Title>
<style type="text/css">
</Head>
<body>
<P><B>Look My Text Is Bold.</B>
<Br> Look what happened here.
</Body>
</Html>

Now this really doesn't do much. so lets move on quickly.

You have set your font font size and font colour with that tag, Although many people use CSS for that now. We'll do the CSS later.

This is a hyperlink and using that and typing Http://www.HabboxForum.com would if you clicked it take you to habbox forum.

This is inserting an image into your page.

These are aligning your images.

This is an email link. Time to move on.

This is a simple 4 cell table tag. You can change border to anything and if you don't want a border simply put <table border="0">

This would add colour to your tables use any hexademical code.

Cell spacing and padding really are what they say.

Theres your table width.

thats to add a background image to your table.
Now just mess around with the table codes etc. We'll move on now.

ink {text-decoration:none; }
A:visited {text-decoration:none; }

</style>

What that does is simply get rid of the underlining links.

<STYLE TYPE-"type/css">

<!--
BODY {background: #C9C9C9}
A

ink {color: #FF0000}
A:visited {color: #FF00FF}
H1 {font-size: 24pt; font-family: arial}
H2 {font-size: 18pt; font-family: braggadocio}
H3 {font size:14pt; font-family: desdemona}
-->

</STYLE>

What that does is change your bg color to grey instead of HTML code, change ur link colour, and a useful script everytime u use h1 h2 or h3 the properties of that text are already made plus CSS codes make ur load time quicker.

That positions your image.

Thats good because it adds a border around your text.

<STYLE>
P {border-style: inset}
</STYLE>

You have different border types.

For scrollbars to make your scrollbar blend in with your background [this only works in IE]

This is the iframe code where many people have a content box, But i prefer using PHP includes but for beginners iframes are better.

Now using this tutorial you could create a basic table layout with some interesting CSS in it.
For more tutorials etc try the following sites:

www.Htmlgoodies.com
www.Lissaexplains.com
www.w3schools.com
www.Dynamicdrive.com
www.PHPfreak.com

For cutenews www.Cutephp.com

For tutorials on photoshop etc.

www.Pixel2life.com
www.Xenigma.co.uk
www.Bright-designs.net

Bare in mind this is my first detailed tutorial and it may not be that good but oh well i just want to help people learn the basics.

Carlos · 06-09-2005, 06:51 AM

Thanks

~~Dan Williamson~~ · 06-09-2005, 06:54 AM

No problem

stephen- · 06-09-2005, 07:40 AM

kewlio ^_^

~~Dan Williamson~~ · 06-09-2005, 07:46 AM

Originally Posted by stephen-

kewlio ^_^

o.O why thankio.

~~BlueTails~~ · 06-09-2005, 10:40 AM

Not BAD MATEY

Owen · 06-09-2005, 03:29 PM

Ahhhhhh
So long ¬.¬

Thread: A long HTML guide.

Thread Tools

A long HTML guide.

Posting Permissions