HTML HELP!!
-
rpgods.com
- Posts: 5
- Joined: Thu Mar 16, 2006 11:24 pm
HTML HELP!!
HELP!! Can someone teach me HTML or direct me to somewhere that can teach me HTML?... please. I would really appreciate the help! 8)
Hellooo. Please visit http://rpgods.com/default.aspx and become an active member!
i think you should begin from http://www.w3schools.com/ there is a lot of tutorials (html, xhtml, xml, php, asp, and many others) I could notice that this is very good site
-
rpgods.com
- Posts: 5
- Joined: Thu Mar 16, 2006 11:24 pm
thx
thx... i actually found a site called htmlgoodies.com
i have learned quite a bit from it but i am still not done with it...
I also found a good site that lets you practice HTML
iv'e learned some an plan to learn a lot more... i think i got the site i use from this site...(BTW: i'm loving the new look)
i have learned quite a bit from it but i am still not done with it...
I also found a good site that lets you practice HTML
iv'e learned some an plan to learn a lot more... i think i got the site i use from this site...(BTW: i'm loving the new look)
Hellooo. Please visit http://rpgods.com/default.aspx and become an active member!
-
Impertinence
- Posts: 47
- Joined: Thu Apr 06, 2006 3:15 am
http://www.yourhtmlsource.com/ is quite a good site for HTML. It's very accessible and you can search the site if you're just looking for information on how to do a specific thing.
Good luck! It can be tough going at first, I know.
Good luck! It can be tough going at first, I know.
"Life is tough.
Life is tougher if you're stupid."
Life is tougher if you're stupid."
-
jasondsouza
- Posts: 348
- Joined: Thu Jan 12, 2006 8:24 pm
- Contact:
-
Whatevakid
- Posts: 28
- Joined: Fri Apr 14, 2006 11:21 am
I actually made a HTML guide for myself so I did not forgot how to use HTML if I stopped using it. I made it so it was easy to understand. Ill post below.
HTML Guide
Some HTML tags
Bolds Text.
Italic Text.
<u> Underlined Text
This tag emphasize's the word (In other words it makes the word stand out, Kind of looks like italics)
A break in the page (A Space down)
A paragraph
<hr> This HTML tag stands for "horizontal rule" (Rule means line), This tag has no ending tag. This tag is like a break or
paragraph execpt it adds a line across the page.
<html> To start using html (For eg, If you make a new page you would need to put <html> at the start of the page to star
using html.
Remember after every bit of HTML you need to stop it for eg. This is bolded text <----- Turns off bold.
Alighning text
You can align text a couple of ways.
This guide will tell you the HTML codes to align text.
<p align=right>With this HTML tag, the text will align to the right
<p align=left>With this HTML tag, the text will align to the left
< p align=center>This is another tag to center text.
Changing fonts
There are thousands of fonts to choose from but usually its best to stick to one font on the page or stick to one font for
the whole website.
<font face="Comic Sans MS" size=3 color= blue> </font> <------- This tag will make the text before </font> blue,
The font will be Comic Sans MS and the size will be size 3. (If you take away size= it will just make the text blue and the
font Comic Sans MS and the size would be just the default size.
If you use Microsoft Word and have a favorite font open up Word and record your favorite fonts name then type it in between
the for eg your favorite font is Tahoma, You would put Tahoma in between the for eg,
<font face=Tahoma etc
Adding Images
When making a web site its almost certain that you will need to add pictures. So here's were this guide comes in handy,
Below is the HTML tag to add images.
[img]Images/Website%20Logo.PNG[/img] <---- This is the HTML tag to add an image to your website.
When you buy webhosting for your domain you will get a cpanel (Control Panel), In this control panel you should get something
called a file manager. This file manager is were you upload all your **** that you will use and need on your website.
So if you wanted to add a image to your web site you would need to upload it onto the file manager first.
For example: You had a folder in your file manager called images and a image inside that folder called Website Logo.PNG
to make this image appear on your web page you would have to enter the following HTML tag
[img]Images/Website%20Logo.PNG[/img]
What this is doing is opening the folder "Images" then opening the picture "Website Logo.PNG" then appearing on your website.
Changing the backround color
Changing the backround color is EASY! and I mean easy, All you have to do is add the following HTML code
<body bgcolor=blue>
This makes the backround color blue. Changing the backround color again is also easy. Just change the color for eg:
You want the color purple, All you have to do is backspace "Blue" and add purple. SIMPLE!.
Making Lists
Making lists is not that hard at all. To start the list off you need to type the HTML tag <ul> which stands for unordered
list.
At the start of each list item you need to type the HTML tag [*] ("List Item") for example:
HTML List
<ul>
[*]List Item 1.
[*]List Item 2.
[*]List Item 3. Etc
This will make the list in dot point form.
You can also make ordered lists, There's four of them to choose from. The tags are shown below:
Making Tables
Tables are pretty hard to make so read carefully!
First you need to type in <table boarder cellpadding=10>. This cellspaces the table which means it makes more white space
around each word so the table does not look cramped. You start each row you want with <tr> which means "table row".
You star each item in each row with <td> which means "table data" (Note: After each item in each row you MUST! finish with
a </td>). After you finish all you items in your row, Finish the row with "</tr>". Then start another row with <tr>
(Note: Tables are difficult to make and it was hard for me to explain what to do, If you have any questions dont hesitate
to ask me Thankyou!)
Adding Links
To add links you need to know the following HTML tag:
Word
Were it says "Linkgoeshere.HTML" is were you type in the URL for the page you want to link to.
Were it says "Word" is what forms the link to the page "Linkgoeshere.HTML for example:
Contact Us <-------- This will go to the page ContactUs.HTML but to get to that page you will
need to **** on Contact Us.
HTML Guide
Some HTML tags
Bolds Text.
Italic Text.
<u> Underlined Text
This tag emphasize's the word (In other words it makes the word stand out, Kind of looks like italics)
A break in the page (A Space down)
A paragraph
<hr> This HTML tag stands for "horizontal rule" (Rule means line), This tag has no ending tag. This tag is like a break or
paragraph execpt it adds a line across the page.
<html> To start using html (For eg, If you make a new page you would need to put <html> at the start of the page to star
using html.
Remember after every bit of HTML you need to stop it for eg. This is bolded text <----- Turns off bold.
Alighning text
You can align text a couple of ways.
This guide will tell you the HTML codes to align text.
<hr> Centered Text (This text will be in the middle of your page)</hr>
<-- This stops centered text<p align=right>With this HTML tag, the text will align to the right
<p align=left>With this HTML tag, the text will align to the left
< p align=center>This is another tag to center text.
Changing fonts
There are thousands of fonts to choose from but usually its best to stick to one font on the page or stick to one font for
the whole website.
<font face="Comic Sans MS" size=3 color= blue> </font> <------- This tag will make the text before </font> blue,
The font will be Comic Sans MS and the size will be size 3. (If you take away size= it will just make the text blue and the
font Comic Sans MS and the size would be just the default size.
If you use Microsoft Word and have a favorite font open up Word and record your favorite fonts name then type it in between
the for eg your favorite font is Tahoma, You would put Tahoma in between the for eg,
<font face=Tahoma etc
Adding Images
When making a web site its almost certain that you will need to add pictures. So here's were this guide comes in handy,
Below is the HTML tag to add images.
[img]Images/Website%20Logo.PNG[/img] <---- This is the HTML tag to add an image to your website.
When you buy webhosting for your domain you will get a cpanel (Control Panel), In this control panel you should get something
called a file manager. This file manager is were you upload all your **** that you will use and need on your website.
So if you wanted to add a image to your web site you would need to upload it onto the file manager first.
For example: You had a folder in your file manager called images and a image inside that folder called Website Logo.PNG
to make this image appear on your web page you would have to enter the following HTML tag
[img]Images/Website%20Logo.PNG[/img]
What this is doing is opening the folder "Images" then opening the picture "Website Logo.PNG" then appearing on your website.
Changing the backround color
Changing the backround color is EASY! and I mean easy, All you have to do is add the following HTML code
<body bgcolor=blue>
This makes the backround color blue. Changing the backround color again is also easy. Just change the color for eg:
You want the color purple, All you have to do is backspace "Blue" and add purple. SIMPLE!.
Making Lists
Making lists is not that hard at all. To start the list off you need to type the HTML tag <ul> which stands for unordered
list.
At the start of each list item you need to type the HTML tag [*] ("List Item") for example:
HTML List
<ul>
[*]List Item 1.
[*]List Item 2.
[*]List Item 3. Etc
This will make the list in dot point form.
You can also make ordered lists, There's four of them to choose from. The tags are shown below:
- Which will use numbers
- Which will use uppercase letters: A,B,C....
- Which will use lowercase letters: a,b,c....
- Which will use uppercase roman numerals: I,II,III....
- Whick will use lowercase roman numerals: i,ii,iii....
Note: Each
- Whick will use lowercase roman numerals: i,ii,iii....
- Which will use uppercase roman numerals: I,II,III....
- Which will use lowercase letters: a,b,c....
- Which will use uppercase letters: A,B,C....
Making Tables
Tables are pretty hard to make so read carefully!
First you need to type in <table boarder cellpadding=10>. This cellspaces the table which means it makes more white space
around each word so the table does not look cramped. You start each row you want with <tr> which means "table row".
You star each item in each row with <td> which means "table data" (Note: After each item in each row you MUST! finish with
a </td>). After you finish all you items in your row, Finish the row with "</tr>". Then start another row with <tr>
(Note: Tables are difficult to make and it was hard for me to explain what to do, If you have any questions dont hesitate
to ask me Thankyou!)
Adding Links
To add links you need to know the following HTML tag:
Word
Were it says "Linkgoeshere.HTML" is were you type in the URL for the page you want to link to.
Were it says "Word" is what forms the link to the page "Linkgoeshere.HTML for example:
Contact Us <-------- This will go to the page ContactUs.HTML but to get to that page you will
need to **** on Contact Us.
HTML Help?
Let's see, there are a crapload of sites out there that can help. There is of course the already noted http://www.w3schools.com/ or you can go to http://www.htmlgoodies.com/
http://www.pagetutor.com/
http://tutorials.freeskills.com/free-ht ... rials.html
http://www.davesite.com/webstation/html/
http://www.pagetutor.com/
http://tutorials.freeskills.com/free-ht ... rials.html
http://www.davesite.com/webstation/html/
You can use http://www.htmldog.com it also teaches you CSS and Java if I remember correctly
Webmaster Yoda: You must confront the cPanel. Then, and only then, a webmaster will you be.
Julius Caesar: Veni, vidi, posti
