Samster
19-11-2006, 12:32 AM
Okay, the second edition of my HTML Tutorials for beginners
It was made for both this forum and for a forum called Habbo-Positive, which is why some of the screenshots say Habbo-Positive
This is for people who are just starting HTML, and is VERY Basic
Marquees
Marquee scrolling normal speed across screen:
<marquee>Text here which marquee will say</marquee></font>Marquee bouncing from left to right:
<marquee behaviour=alternate>Marquee text here</marquee>Marquee with a background color:
<marquee bgcolor=colorhere>Marqueetexthere</marquee>
Tables
This is a basic table:
<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2
</tr>
<td>row 3, cell 1
<td>row 3, cell 2</td>
</td>
</tr>
</table>
Example:
http://img166.imageshack.us/img166/8277/tablemk1.png
This table will obviously have a border of 1 which you can make thicker by making that number bigger, it will have three rows and two columns-You can obviously make it have
Forms
Forms can be used to enter text, or even send a form to an email address-I'll show you the very basics of making a form
Text fields-
<form>
Habbo Name:
<input type="text" name="firstname">
<br>
Habbo Positive Name:
<input type="text" name="lastname"></form>
Example:
http://img170.imageshack.us/img170/1554/formvt4.png
Obviously, this gives you a space to write your habbo name, and habbo positive name
Buttons-
These let you choose an option, and highlight it
<form>
<input type="radio" name="sex" value="male"> Im called Sam
<br>
<input type="radio" name="sex" value="female"> Or am I?
</form>Example:
http://img155.imageshack.us/img155/5197/buttonsus2.png
This will let you click on either the two choices shown in the screenshot
Checkboxes-
Again, these let you choose an option, but this time let you tick it
<form>
<input type="checkbox" name="bike">
I'm called Sam
<br>
<input type="checkbox" name="car">
Or am I?Example:
http://img182.imageshack.us/img182/6373/tickboxesgf5.png
It lets you choose between 'My called Sam' or 'Or am I?'
Submit button-
Obviously, you'll need a submit button to let you submit the form
<form name="input" action="html_form_action.asp"
method="get">
Habbo Positive Username:
<input type="text" name="user">
<input type="submit" value="Submit to HP">
</form>Example:
http://img149.imageshack.us/img149/1220/submitlk9.png
That lets you enter your habbo positive name, and then lets you click submit to send off (But it's not a fully functional form, that will come in a later tutorial)
Thanks for reading, if you have any questions feel free to send me a PM
-Sam
J1MI (Forum Moderator) - Another nice easy to understand beginners tut
It was made for both this forum and for a forum called Habbo-Positive, which is why some of the screenshots say Habbo-Positive
This is for people who are just starting HTML, and is VERY Basic
Marquees
Marquee scrolling normal speed across screen:
<marquee>Text here which marquee will say</marquee></font>Marquee bouncing from left to right:
<marquee behaviour=alternate>Marquee text here</marquee>Marquee with a background color:
<marquee bgcolor=colorhere>Marqueetexthere</marquee>
Tables
This is a basic table:
<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2
</tr>
<td>row 3, cell 1
<td>row 3, cell 2</td>
</td>
</tr>
</table>
Example:
http://img166.imageshack.us/img166/8277/tablemk1.png
This table will obviously have a border of 1 which you can make thicker by making that number bigger, it will have three rows and two columns-You can obviously make it have
Forms
Forms can be used to enter text, or even send a form to an email address-I'll show you the very basics of making a form
Text fields-
<form>
Habbo Name:
<input type="text" name="firstname">
<br>
Habbo Positive Name:
<input type="text" name="lastname"></form>
Example:
http://img170.imageshack.us/img170/1554/formvt4.png
Obviously, this gives you a space to write your habbo name, and habbo positive name
Buttons-
These let you choose an option, and highlight it
<form>
<input type="radio" name="sex" value="male"> Im called Sam
<br>
<input type="radio" name="sex" value="female"> Or am I?
</form>Example:
http://img155.imageshack.us/img155/5197/buttonsus2.png
This will let you click on either the two choices shown in the screenshot
Checkboxes-
Again, these let you choose an option, but this time let you tick it
<form>
<input type="checkbox" name="bike">
I'm called Sam
<br>
<input type="checkbox" name="car">
Or am I?Example:
http://img182.imageshack.us/img182/6373/tickboxesgf5.png
It lets you choose between 'My called Sam' or 'Or am I?'
Submit button-
Obviously, you'll need a submit button to let you submit the form
<form name="input" action="html_form_action.asp"
method="get">
Habbo Positive Username:
<input type="text" name="user">
<input type="submit" value="Submit to HP">
</form>Example:
http://img149.imageshack.us/img149/1220/submitlk9.png
That lets you enter your habbo positive name, and then lets you click submit to send off (But it's not a fully functional form, that will come in a later tutorial)
Thanks for reading, if you have any questions feel free to send me a PM
-Sam
J1MI (Forum Moderator) - Another nice easy to understand beginners tut