Page 1 of 2

Tutorial: starters html

Posted: Mon Sep 11, 2006 6:45 am
by bad-dj
Hi all ok I am going to help you to make a easy html page that you can use t make your site's in.

I will start will the easy bit of the code

Code: Select all

<html>
<head>
<title>Untitled ****</title>
</head>
<body>
</body>
</html>
In this code you can put other bits of html in it i am going to tell you now to do that soon but now i am going to tell you what most of it ode dose.

Code: Select all

<html>
this bit is the start of all html pages with out it you will see the page will not work right.
</html>
As you see with this tag it has a / in it that means it it a end of a tag so that you have to put at the end of all you html pages.

As you see you the other like head , title are like the same but they do other things but now we will go on.

Code: Select all

<title>Untitled ****</title>
With the code the title it the the name of your page that people can see when you save it and upload it or open it and your browser like if you look up top you will see smokyhots.com :: - Microsoft internet explorer.
that's what this code will do so you have to put it like

Code: Select all

<title>smokyhots.com ::</title>
Next bit is the

Code: Select all

<body>
</body>
that were you can out other html and your words that you will see on your page (eg: HI this is my web page) so you can do things like this.

Code: Select all

<body>
Hi this is my web page have fun as you look at me
</body>
but if you want to put some tables in with columns and rows its east all you do to add 2 rows an 2 columns is this code

Code: Select all

<body>
<table width="#" height="#" border="#" cellpadding="#" cellspacing="#">
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</table>
</body>
that will give you 2 rows and 2 columns its easy so your code in all your page will be.

Code: Select all

<html>
<head>
<title>Untitled ****</title>
</head>

<body>
<table width="#" height="#" border="#" cellpadding="#" cellspacing="#">
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</table>
</body>
</html>
there you are so now i am going to tell you now to add images in and cool text and other cool stuff.

for your images you need this code.

Code: Select all

<img src = "logo.jpg">
so with this you add in the body tag for this to be on your page to put it in the center of the page you need to have it like this

Code: Select all

<html>
<head>
<title></title>
</head>
<body>
[align=center]<img src = "logo.jpg">[/align]
</body>
</html>
now that all the code you put in the page but that will help you out.

now to help you out with text.
now i am going to give you all the code now so you can read it and that will help now.

In general, to change the font

Code: Select all

<font face="Arial">Some text in Arial font</font>
<font face="Verdana">Some text in Verdana font</font>
<font face="Comic Sans">Some text in Comic Sans font</font>
Changing the Font Colour

Code: Select all

<font face="Curlz MT" color="red" size="4">Hello there!</font>
<font face="Algerian" color="green" size="5">SOME BIG GREEN TEXT IN ALGERIAN FONT</font>
<font color="red">RA</font><font color="yellow">INB</font><font color="blue">OW</font>
ok hope that's helps you out with what you need with html a bit if you need more help in to it pm me on the forum and i'll help.

hi

Posted: Wed Sep 27, 2006 12:03 pm
by rwshthn
hi man i want code to open clip in the page
and
i want pload web by direct link that make me use it to open the code

Posted: Wed Sep 27, 2006 12:30 pm
by Lixas
for your task need some kind of web programming language like php or asp. In pure html it's not possible! :)

Posted: Mon Oct 23, 2006 9:36 am
by Bandyle
I'm A Noob To Html i use frontpage
lol

yes

Posted: Thu Nov 16, 2006 9:54 am
by bad-dj
yes i use a lot of progrems to code in :) and i hope my html up there is all good.

Posted: Thu Nov 16, 2006 10:38 am
by Tails5
You need the file first, but here's how to make an icon for your site instead of the normal IE icon, first go here: http://htmlkit.com/services/favicon/ and when you have your favicon.ico upload it to your public_html directory, and put this code in your index.htm:

Code: Select all


<html>
   
   <head>
         
         <title>Look! An Icon!</title>
         
         <link rel="shortcut icon" href="favicon.ico">
   
   </head>

</html>
and incase you didnt know, this is a comment:

Posted: Tue Dec 26, 2006 4:14 pm
by annamarie
useful info for beginer, kewl bro

The Guide to making your Text Bold LOL

Posted: Wed Jan 31, 2007 7:21 am
by Contractjack
Well this is simple, Just add
<b> Your Text </b>

and your text should be bold

- Worlds Simplest Guide that is.

Posted: Sun Apr 15, 2007 12:50 pm
by shawn
A good lesson.I still learning that.
Thank for sharing.

Posted: Fri Jun 08, 2007 11:28 pm
by Flipper3
Tails5 wrote:

Code: Select all

         <link rel="shortcut icon" href="favicon.ico">

Thanks for refreshing my memory on this since I need to add this to all of my sites. :P