Slicing + Coding

Welcome to my Second tut
With quite a few requests i have done a slicing and coding one, I will post it in a few places because it applies to photshop and coding etc.
Well here goes

SECTION B

In part B here i will teach you lazy people some very basic HTML because i know people cant be arsed reading about HTML Man im so kind or bored OR BOTH!!! :P

Introduction to HTML + Tags
Well HTML stands for HyperText Markup Language i think although im not sure :lol: and tags are basically lumps of text that tell the broswer to do certain things. For example:

Code:

<A HREF="http://www.gfxvoid.com"> GFX Void </A>

That ^^^ Tells the Broswer to display the text GFX Void and enable a hyperlink in it, so when people click GFX Void it will bring them to this lovely site :D

The A at the beginning is the opening tag, HREF tells it that this is the link, http://www.gfxvoid.com is where it will take the viewer when they click on it, and GFX Void is the text that will be displayed, </A> is telling it that the link should end there.

That can also be use for images like so:

Code:

<A HREF="http://www.gfxvoid.com"> [B]<IMG SRC="URL or place of image here" width="100" Height="100" Border="0">[/B]</A>

As you can see the Link tag is the same but inbetween the opening tag <A and the closing tag </A> there is the image tag (In bold) which inserts an image and because the Link CLOSING TAG ( </A> ) is AFTER the IMG tag the image will now carry the hyper link of http://www.gfxvoid.com

That is simply enough to understand...

Some other basic tags are:

<BODY BGCOLOR="#FFFF23"> That will make the background Yellow , NOTE: The Background colour comes second to a background picture (SEE BELOW).

<BODY BACKGROUND="your_image_URL-or_link_here"> That will make your image a picture, NOTE: The image will be tiled so you can either get a small image and it will tile or create one large image.

Those two tags can also be combined:
<BODY BGCOLOR="#FFFFFF" BACKGROUND="image.gif">

NOTE: The following TEXT tags in italics are pointless if you are usng CSS

<FONT COLOR="cccccc">YOUR TEXT HERE </FONT> That will make the text "YOUR TEXT HERE" a light grey (CCCCCC is light grey"

<A LINK="cccc23"> That will make links flash yellow when clicked (CCCC23 is yellow) The A can also be replaced with V or can be taken out to chagne it to V for VISITED Links.

They can also be combined like so:

< BODY BGCOLOR="######" TEXT="######" LINK="######" VLINK="######">
Replacing the hashs with colour codes.

And they are the ultimate basics of HTML and closes my tutorial :D
Any problems you can either post here, PM me or add me on MSN and ill be willing to help in live time. hanks and i hope you learn something from it because i spent quite a bit on that :)
ANOTHER DETAILED TUT FROM ME :D

Nice tut...I'm going to use that on my new site: www.wouwousoft-designs.co.uk.tt

Yeah tis fine :D just leave credit to me please. :)
Anyone else wants to use it ask first please.
Ad wouwousoft you want anyhelp with ya site just ask :D i have too much free time so i almost enjoy helping ppeople with HTML and site building beause i learn :P

Ok I will...
I'll put you under ''thanks to''

Im a few month to slow :lol:
I thought you meant youd put the tutorial on youre site...

Duuuuuh im so slow lol

w00t, I have missed this tutorial. Really great! Deserves more attention than it has, hehe. Well written and nicely put together with different sections and stuff.

Good job! ^^

I submitted it to everywhere but no where accepted :(

Nice one Ben. I'll be contacting you on MSN for further help Slicing up a template i made. Thanks ! :D