Post Reply  Post Thread 

Basics Html Tutorial
Author Message
Mistik
Web Prog. Mod


Posts: 43
Group: TCP Supporter
Joined: Jun 2006
Status: Offline
Reputation:
Post: #1
Basics Html Tutorial

Heres a basic html tutorial nothing to fancy if people pmail me with some request I will add them...

Use Notepad to do you scripts as its the basic and easiest to work with... Always save you pages as .html or .htm or they will not work

Start with the tag <html> which tells the webbrowser that the files a html coded file.

Now add a couple of enters and add </html> which tells the webbrowser the codes over

in between those first tags is where you can start your coding it should look like this right now

Code:

<html>


</html>



To add a title in the top left corner of the screen you use this code
Code:

<head>
<title>
The Title
</title>
</head>


The head tags are needed becuase you can add more stuff hidden in them for google bots and so on we wont go into that today

Now comes the Body tag all your code thats shown in this window in this tag <body> and again wright </body> above </html>

In the body tag you add the background color for the page or the img for a color use
Code:

<body bgcolor="color or hexcode"> and img's use <body background="the file of the img">



To wright text you just type... and you can use all the usual word processing commands..
Code:

Bold <b>text</b>
Italic <i>text</i>
Underline <u>text</u>
Strike <s>text</s>



And you can use the aligning commands to
Code:

Center <center>text</center>
Right <right>text</right>
Left which is never really used lol <left>text</left>



To add enters in html you use the <br> tag you can press enter a million times but webservers dont care about them itll just take longer to load the page....

Now for the last step text colors and sizes...
Code:

<font color="Color or hexcode" size="+1-?think its 7">
align codes and bold... go here inside the font tags but they can go outside of them
text
</font>



With everything you have learned know you should be able to make a simple webpage.
Here's a example with what you learned...
Code:

<html>
<head>
<title>
GraphicsFans
</title>
</head>
<body bgcolor="Black">
<font color="White" size="+2">
<center>
<b>
Welcome to the best site ever!
</b>
</center>
</font>
</body>
</html>




If youd like to know more about adding pictures or links read the next tutorial by me...

Have fun coding Smile


This post was last modified: 06-22-2006 08:15 AM by Mistik.

06-22-2006 07:53 AM
Send the author an email Send the author a private message Find all posts by this author Quote this message in a reply
Ghettobird
Zupar Modaratar


Posts: 99
Group: Super Moderators
Joined: Jun 2006
Status: Offline
Reputation:
Post: #2
RE: Basics Html Tutorial

g00d job :)

looks nice and good for beginners in html (like me:p)



I R HAve The Proof I R 100 Post =D U Go Look!:
http://img234.imageshack.us/img234/2775/yeah0yn.jpg
06-22-2006 08:02 AM
Send the author an email Send the author a private message Visit authors website Find all posts by this author Quote this message in a reply
DarkstaR
Super N00derator


Posts: 105
Group: Super Moderators
Joined: Jun 2006
Status: Offline
Reputation:
Post: #3
RE: Basics Html Tutorial

nice tut, its easy to understand and written on a clear way=)


06-22-2006 05:25 PM
Send the author an email Send the author a private message Find all posts by this author Quote this message in a reply
Mistik
Web Prog. Mod


Posts: 43
Group: TCP Supporter
Joined: Jun 2006
Status: Offline
Reputation:
Post: #4
RE: Basics Html Tutorial

Well ty lol


06-26-2006 03:35 PM
Send the author an email Send the author a private message Find all posts by this author Quote this message in a reply
P Design
Noob @ Photoshop
**


Posts: 24
Group: Member
Joined: Jun 2006
Status: Offline
Reputation:
Post: #5
RE: Basics Html Tutorial

Nice and easy tutorial for the ones who knows nothing about HTML :)
Keep the spirit!

Signed, P.

06-26-2006 08:34 PM
Send the author an email Send the author a private message Find all posts by this author Quote this message in a reply
Mistik
Web Prog. Mod


Posts: 43
Group: TCP Supporter
Joined: Jun 2006
Status: Offline
Reputation:
Post: #6
RE: Basics Html Tutorial

Ty Like I said earlier if anyone wants a tutorial just ask :)


06-28-2006 05:29 AM
Send the author an email Send the author a private message Find all posts by this author Quote this message in a reply

Post Reply  Post Thread 

View a Printable Version
Send this Thread to a Friend
Subscribe to this Thread | Add Thread to Favorites
Rate This Thread:

Forum Jump: