Tutorial: starters html

Any problem with HTML can be discussed here.
bad-dj

Tutorial: starters html

Post 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.


rwshthn
Posts: 500
Joined: Tue Sep 26, 2006 1:39 am
Contact:

hi

Post 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
Lixas
Posts: 750
Joined: Wed Feb 16, 2005 4:21 pm

Post by Lixas »

for your task need some kind of web programming language like php or asp. In pure html it's not possible! :)
Image
Bandyle
Posts: 27
Joined: Mon Oct 23, 2006 9:33 am

Post by Bandyle »

I'm A Noob To Html i use frontpage
lol
bad-dj

yes

Post by bad-dj »

yes i use a lot of progrems to code in :) and i hope my html up there is all good.
Tails5
Posts: 1302
Joined: Wed Mar 15, 2006 8:09 am
Contact:

Post 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:
Webmaster Yoda: You must confront the cPanel. Then, and only then, a webmaster will you be.
Julius Caesar: Veni, vidi, posti
annamarie
Posts: 66
Joined: Tue Dec 26, 2006 2:18 pm

Post by annamarie »

useful info for beginer, kewl bro
Contractjack
Posts: 74
Joined: Sat Dec 09, 2006 2:30 am

The Guide to making your Text Bold LOL

Post by Contractjack »

Well this is simple, Just add
<b> Your Text </b>

and your text should be bold

- Worlds Simplest Guide that is.
http://www.emailcash.com.au/join.asp?refer=L75414

register above to get free cash just buy doing surveys, real money, real people, no jokes.
shawn
Posts: 52
Joined: Sat Feb 03, 2007 4:49 am

Post by shawn »

A good lesson.I still learning that.
Thank for sharing.
Flipper3
Posts: 353
Joined: Tue Feb 28, 2006 12:34 am

Post 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
Post Reply