Temporary
31-08-2005, 03:57 PM
So you want to Learn Html. Well Lets Start with the basics.
Hmm Let me see
okay Let me explain some of the Html rules.
When using a Html Code like turning some text Bold dont forget that the Arrows Need to be in effect this starts the Format of the Html And when finishing the command you simply just put an arrow then a forward slash This is what the Command will look like <B> Hello </B> now if you would have done this.
<B> Hello <B> It wouldent of stopped the Bold command, it would of Continued Like This. Now you should know what im saying now, you should know how to Start off a html code.
Now Lets Continue With the tutorial.
okay You can use Youre wordpad if you use Windows. You basicly open wordpad and type in a Html command. Try entering this,
<a Href="Http://www.habboxForum.com (http://www.habboxforum.com/)">Click Here to go to Go to Habbox's Forum</a> and then click file then save as, now when saving a piece of html you must add .html after the filename say your saving it as
Filename you must put.html after it so it would look like this filename.html and then below the filename itll say what your saving it as, save it as a Text Document. I reccomend you save it in your documents so you dont get confused. Now open Internet explorer and Click file and open and go to "open"
Now go to "My Documents" and open it now click it and see what happens.
Its Created a Hyperlink
Well Done Youve Just Created Your First Html Command
But Wait Theres More
Now that you know how to creat html and preview it now you can also practise and by the end of this tutorial you should be able to create a Html Website.
Okay now for some more html codes (you can also do these in wordpad save them and open) okay Were going to start with some Wrighting commands.
Okay now.
<tt> This dows Type wrighter style </tt>
<B> This is a Bold Command </B>
<i> This is For Italic </i>
Now How do i Move Down a line???
Okay Thats Simple. All you Need to do is Just
Type <br> if you want to go down a line
Or Type <P> If you want to take a new paragraph. (You dont need to end these commands like </P> Never do that it wont work they dont need to be ended they just go in effect)
Okay You should Need to know some colours and /fonts But Thats a Whole Different Tutorial Ill Be Creating that soon.
Ok So to start off your HTML site you have to have the <html></html> tag. This tells your computer that you are starting a HTML document. Inside these tags will be the rest of your HTML. The <head></head> tag is for storing information that will be shown on your site ie. your website Title and changing the color of your scroll bar. The body tag (<body></body>) is used for the actual body of your site ie. your websitedesign.
Other useful codes you can use in your site are
<title></title> - This changes The title of your site in the title bar at the top of your page (Should be put in the <head></head> section)
<marquee></marquee> - This makes the text inside the two tags scroll across the page.
<iframe src="urloftheintendedpage" height="yourheighthere" width="your width here" name="iframe name here" frameborder="0"></iframe> - This is a code used in many websites. To get your Iframe the way you wan it to be you must add more information to the beginning of the tag ie. the width and the height of your iframe.
<img src="mypic.png"></img> - This tag is used to diplay pictures on your website, just change the src to what ever you your filename of your picture is.
- Gerard - HotelMentor :)
Hmm Let me see
okay Let me explain some of the Html rules.
When using a Html Code like turning some text Bold dont forget that the Arrows Need to be in effect this starts the Format of the Html And when finishing the command you simply just put an arrow then a forward slash This is what the Command will look like <B> Hello </B> now if you would have done this.
<B> Hello <B> It wouldent of stopped the Bold command, it would of Continued Like This. Now you should know what im saying now, you should know how to Start off a html code.
Now Lets Continue With the tutorial.
okay You can use Youre wordpad if you use Windows. You basicly open wordpad and type in a Html command. Try entering this,
<a Href="Http://www.habboxForum.com (http://www.habboxforum.com/)">Click Here to go to Go to Habbox's Forum</a> and then click file then save as, now when saving a piece of html you must add .html after the filename say your saving it as
Filename you must put.html after it so it would look like this filename.html and then below the filename itll say what your saving it as, save it as a Text Document. I reccomend you save it in your documents so you dont get confused. Now open Internet explorer and Click file and open and go to "open"
Now go to "My Documents" and open it now click it and see what happens.
Its Created a Hyperlink
Well Done Youve Just Created Your First Html Command
But Wait Theres More
Now that you know how to creat html and preview it now you can also practise and by the end of this tutorial you should be able to create a Html Website.
Okay now for some more html codes (you can also do these in wordpad save them and open) okay Were going to start with some Wrighting commands.
Okay now.
<tt> This dows Type wrighter style </tt>
<B> This is a Bold Command </B>
<i> This is For Italic </i>
Now How do i Move Down a line???
Okay Thats Simple. All you Need to do is Just
Type <br> if you want to go down a line
Or Type <P> If you want to take a new paragraph. (You dont need to end these commands like </P> Never do that it wont work they dont need to be ended they just go in effect)
Okay You should Need to know some colours and /fonts But Thats a Whole Different Tutorial Ill Be Creating that soon.
Ok So to start off your HTML site you have to have the <html></html> tag. This tells your computer that you are starting a HTML document. Inside these tags will be the rest of your HTML. The <head></head> tag is for storing information that will be shown on your site ie. your website Title and changing the color of your scroll bar. The body tag (<body></body>) is used for the actual body of your site ie. your websitedesign.
Other useful codes you can use in your site are
<title></title> - This changes The title of your site in the title bar at the top of your page (Should be put in the <head></head> section)
<marquee></marquee> - This makes the text inside the two tags scroll across the page.
<iframe src="urloftheintendedpage" height="yourheighthere" width="your width here" name="iframe name here" frameborder="0"></iframe> - This is a code used in many websites. To get your Iframe the way you wan it to be you must add more information to the beginning of the tag ie. the width and the height of your iframe.
<img src="mypic.png"></img> - This tag is used to diplay pictures on your website, just change the src to what ever you your filename of your picture is.
- Gerard - HotelMentor :)