Welcome, Guest. Please login or register.

Login with username, password and session length
 
Pages: [1]
  Print  
Author Topic: Understanding HTML  (Read 499 times)
Itz Blood
Moderator
Captain
*****
Posts: 939

Bankai: Tensa Zangetsu

battleman021@hotmail.com Itz+Blood
Email
« on: November 02, 2007, 03:10:52 PM »

Okay, this is for people who need some help understanding HTML Codes, I'm here to help.

Step 1. Open notepad and save the file as anything you want .html
(you can preview what the final result is like in Internet Explorer)

Step 2. Type in These simple codes to start out with
<html>
<title>
</title>
<body>
</body>
</html>

Step 3. Rule number one is always have a end bracket for every code you enter
(ex. you want the title of the site "my site" type the code <title> my site </title> For most codes you just have to add a back slash at the beginning of the code you entered.)

Step 4. Now type your wanted title between the title tags.

Step 5. Now the body is where your going to put most of the codes for your site. There are a ton of html codes. You can look some more advanced ones on Microsoft's site.

Here are some basic codes to get you started remember to add the / to end them:

<b> makes words bolded put in front of the words you want and the </b> behind them (this goes for all basically all the codes)

<u> underlines the words to end is </u>

<br> is the add space NO NEEDED END CODE

<font size=# color=red face=arial> You can put what ever size you want 6 is normal and you can put any color you want and most fonts not all though. YOU ONLY NEED </font> at the end of the words.
(ex. <font face=arail color=pink> Words you want changed here </font>)

<a href=http://www.videobleach.com> Words </a> links you places just put the web site you want I used Video Bleach as an example.

<img src=youimagehere.typeoffile width=200 hieght=200> No need to end bracket you can leave out the dimensions for it to be original size or put them in to resize it.

<table> crates a table
<tr> makes a row in the table
<td> makes a cell in the table

Here is a example table you can change the properties if u wish

<table border=4 background=black algin=center>
<tr> <td> Cell one </td> <td> cell two </td> </tr>
<tr> <td> Cell one </td> <td> cell two </td> </tr>
</table>

you can put links and images in the cells if you wish.

<center> centers things on page </center>

put bgcolor=black in body tag to change web sites background

Step 6. Now that you know some simple codes lets make a very very basic site
you can copy and paste what i do in word save it as practice.html and view in IE.

<html>
<Title> Itz Bloodz  </title>
<body bgcolor=black>
<center>
<br><br><br>
<font size=8 color=blue> <b>Bloodz Practice Website Tutorial</b> </font>/<center>
<br><br><br>
<center><a href=http://www.videobleach.com><Font Size=4 color=blue> Visit Video Bleach</font> </a></center>
<br><br>
<table border=4 background=blue>
<tr> <td> Blood</td><td> Ownts You</td> </tr>
<tr> <td> <a href=http://www.videobleach.com> </a> </td> <td> Click to go to Best Bleach Site </td></tr>
</table>
</body>
</html>

Hopefully This will help you understand how to make websites with HTML codes.
-By me,
     Itz Blood
« Last Edit: November 02, 2007, 03:16:40 PM by Itz Blood » Logged

-Itz Blood-
I'm Back :cheesy2:!!!


Aizen
Hougyoku Master
Captain Commander
*
Posts: 1736


Kyouka Suigetsu

ollienorth9@hotmail.com
Email
« Reply #1 on: November 02, 2007, 03:13:41 PM »

Great tutorial but like you say this is the basic. When you get better,you can do bunch of things.
Logged

Itz Blood
Moderator
Captain
*****
Posts: 939

Bankai: Tensa Zangetsu

battleman021@hotmail.com Itz+Blood
Email
« Reply #2 on: November 02, 2007, 03:17:52 PM »

I don't want to confuse people lol.  :buck2:
Logged

-Itz Blood-
I'm Back :cheesy2:!!!


Kael
3rd Chair
***
Posts: 220


Zanpakutou: Seishin Seigyoki


Email
« Reply #3 on: November 02, 2007, 04:18:37 PM »

great tut  Smiley

<html>
<title>
</title>
<body>
</body>
</html>

but can it be that you forgot the <head></head> tag?
Logged

Itz Blood
Moderator
Captain
*****
Posts: 939

Bankai: Tensa Zangetsu

battleman021@hotmail.com Itz+Blood
Email
« Reply #4 on: November 02, 2007, 06:01:59 PM »

Basic man, don't confuse people. Tongue. I'm glad you know html.  :cheesy2:
Logged

-Itz Blood-
I'm Back :cheesy2:!!!


Mastaz911
Captain Commander
*
Posts: 1237


Bankai: Unknown


WWW
« Reply #5 on: November 02, 2007, 07:08:15 PM »

Basic man, don't confuse people. Tongue. I'm glad you know html.  :cheesy2:

Haha...ya, you gotta start somewhere right?  Good starting tutorial for newbs.  Smiley
Logged

Itz Blood
Moderator
Captain
*****
Posts: 939

Bankai: Tensa Zangetsu

battleman021@hotmail.com Itz+Blood
Email
« Reply #6 on: November 02, 2007, 08:10:50 PM »

Hey don't call them newbs, their beginners! lol. Thanks.  :buck2:
Logged

-Itz Blood-
I'm Back :cheesy2:!!!


UrusaiBaka
Global Moderator
Captain Commander
*****
Posts: 3007


Baka-Boy!!!

tanakaboi92@gmail.com UrusaiBaka571 tanakaboy92
WWW Email
« Reply #7 on: February 10, 2008, 10:36:01 PM »

it seems like no one really likes to do things form notepad or some program of the sort...they all freaking use dreamweaver or something...altho if u get to tables and more complex stuff it can get really confusing using the code...
Logged

 
Wirenet
Admin
3rd Chair
*****
Posts: 241


WWW Email
« Reply #8 on: February 11, 2008, 05:32:06 PM »

you may also use Windows Word if you are skilled with, insert images tables etc. and then save as .html document and then publish.
Logged

wraith
Dragon Rider
Moderator
Captain Commander
*****
Posts: 1759


Long Live Dragon Riders!

wraith342@gmail.com
« Reply #9 on: February 11, 2008, 05:36:04 PM »

pretty nice tutorial thanks.
Logged

Itz Blood
Moderator
Captain
*****
Posts: 939

Bankai: Tensa Zangetsu

battleman021@hotmail.com Itz+Blood
Email
« Reply #10 on: April 27, 2008, 06:47:45 PM »

Hey don't hate I use Dreamweaver CS3 Cheesy.
Logged

-Itz Blood-
I'm Back :cheesy2:!!!


UrusaiBaka
Global Moderator
Captain Commander
*****
Posts: 3007


Baka-Boy!!!

tanakaboi92@gmail.com UrusaiBaka571 tanakaboy92
WWW Email
« Reply #11 on: April 28, 2008, 04:42:08 PM »

Hey don't hate I use Dreamweaver CS3 Cheesy.

haha thats like cheating...
Logged

 
Pages: [1]
  Print  
 
Jump to:  




Powered by SMF 1.1.4 | SMF © 2006-2007, Simple Machines LLC
Seo4Smf v0.2 © Webmaster's Talks

Enterprise design by Bloc