Basics of HTML

Raid500 · Jun 20, 2008

What HTML stands for?
Hyper Text Markup Language

What HTML is used for?
HTML is mainly used to make websites. With HTML you will not need a program like Frontpage (costs money), all you would need is a standard notepad.

Tutorial
Open notepad and put in:
Code:
<HTML>

<BODY>
The space in between is where you would put a title for your website.

Now you can use that code to put in some simple things, like this.
Code:
<HTML>
<HEAD>
<TITLE>Raid's HTML Guide</TITLE>
</HEAD>
<BODY>
This is Raid's HTML Guide.
</BODY>
Copyright blah blah blah
</HTML>
If you would like a image in there, use this:
Code:
<img src="IMAGENAME.gif">
You are only able to upload .gif and .jpg images, since they're the only ones that are recognized.

Now if you want to add some color to your background all you would do is change the <BODY> to
Code:
<BODY bgcolor="HTML COLOR">
The HTML COLOR has to be something like #NUMBERS, you can get the HTML colors here: http://www.w3schools.com/Html/html_colors.asp

Now if you want to change the font then all you would do is this:
Before the "This is Raid's HTML Guide." put this in:
Code:

So it would look like this:
Code:
<BODY>

This is Raid's HTML Guide.

</BODY>
Now if you want a background that is a picture you would put this:
Code:
background="IMAGENAME.jpg"
AFTER
Code:
<BODY bgcolor="HTML COLOR" background="IMAGENAME.jpg">
If you want a hyperlink (kind of thing) then you would do this HTML code:
Code:
<A HREF="mailto: EMAIL HERE"> Click To Send E-mail </A>
OR YOU CAN DO THIS:
Code:
<A HREF="G4HQ.com"> Click Here to go to G4HQ.COM (GO THERE :P) </A>
Now that you have that done save the page as index.html (doesn't matter what you save it as, just that is the easiest to remember).

Next go to www.110mb.com or www.freehostia.com and upload the page and it will then be on the internet.

[/hide]

Enjoy my guide.

root · Jun 21, 2008

Eww!
Learn to use programming with strict rules.

Always, always lowercase HTML variables. It's the proper way to use xhtml.

SuF · Jun 21, 2008

root said: ↑

Eww!
Learn to use programming with strict rules.

Always, always lowercase HTML variables. It's the proper way to use xhtml.
Click to expand...

wow, you know one rule of XHTML.. good for you.

Deacon Frost · Jun 21, 2008

. He said HTML, not XHTML, for one, and for 2 use CSS. It is a nice tut, most is correct, however, I would advise showing the CSS reciprocal, instead of using markup text.

TDD · Jun 22, 2008

Raid500 said: ↑
What HTML stands for?
Hyper Text Markup Language

What HTML is used for?
HTML is mainly used to make websites. With HTML you will not need a program like Frontpage (costs money), all you would need is a standard notepad.

Tutorial
Open notepad and put in:
Code:
<HTML>

<BODY>
Error 1: Where is your DOCTYPE?

The space in between is where you would put a title for your website.

Now you can use that code to put in some simple things, like this.
Code:
<HTML>
<HEAD>
<TITLE>Raid's HTML Guide</TITLE>
</HEAD>
<BODY>
This is Raid's HTML Guide.
</BODY>
Copyright blah blah blah
</HTML>
Error 2: Where is your text encoding? I see no UTF-8 declaration.
Error 3: Why the fuck do you have content outside the body tag?

If you would like a image in there, use this:
Code:
<img src="IMAGENAME.gif">
You are only able to upload .gif and .jpg images, since they're the only ones that are recognized.

Error 4: What rock have you lived under? Every filetype can be uploaded, and every browser out these days recognises much more then JPG and GIF images.
Error 5: Where's your ALT attribute?

Now if you want to add some color to your background all you would do is change the <BODY> to
Code:
<BODY bgcolor="HTML COLOR">
The HTML COLOR has to be something like #NUMBERS, you can get the HTML colors here: http://www.w3schools.com/Html/html_colors.asp

Error 6: Why do you have presentation mixed in with content? You need to use CSS.

Error 7: #NUMBERS is not HTML color, that is hexadecimal color, and involved #RRGGBB R = Red, G = Green, B = Blue.

Now if you want to change the font then all you would do is this:
Before the "This is Raid's HTML Guide." put this in:
Code:

So it would look like this:
Code:
<BODY>

This is Raid's HTML Guide.

</BODY>
Error 8: Use CSS again, keep content seperated from presentation where possible.

Now if you want a background that is a picture you would put this:
Code:
background="IMAGENAME.jpg"
AFTER
Code:
<BODY bgcolor="HTML COLOR" background="IMAGENAME.jpg">
Error 9: CSS !!!!!!!

If you want a hyperlink (kind of thing) then you would do this HTML code:
Code:
<A HREF="mailto: EMAIL HERE"> Click To Send E-mail </A>
OR YOU CAN DO THIS:
Code:
<A HREF="G4HQ.com"> Click Here to go to G4HQ.COM (GO THERE :P) </A>
Now that you have that done save the page as index.html (doesn't matter what you save it as, just that is the easiest to remember).

Next go to www.110mb.com or www.freehostia.com and upload the page and it will then be on the internet.

[/hide]

Enjoy my guide.
Click to expand...
There we go, most fails have been picked out.

Deacon Frost · Jun 22, 2008

As mentioned Mat, it's not XHTML, as he stated it is an HTML guide. In which, HTML really has no rules of standards. It's a crappy markup language.

Granted, that only narrows it to about 4 errors XD.

TDD · Jun 22, 2008

Deacon Frost said: ↑

As mentioned Mat, it's not XHTML, as he stated it is an HTML guide. In which, HTML really has no rules of standards. It's a crappy markup language.

Granted, that only narrows it to about 4 errors XD.
Click to expand...

HTML has the same standards as most of xHTML, which includes the use of CSS to seperate the presentation from the content, which is only logical. So the errors are still there as it provides better functionality to the site as well.

xxthebeastxx · Jul 7, 2008

I have no idea how to code anything, I know a few cmd commands, and this guide was helpful because I want to know SOMETHING

ignas2526 · Jul 7, 2008

I am good ant html, i can create whole page using notepad whiteout checking result, just write it whiteout checking how it looks ore any online tuts. BUT I WANA CREATE MACROSSS and i have no #*@& idea how to do wt ;(

cp · Jul 7, 2008

Well, just because you can make some tables and links without looking doesn't mean you can make a macro.

HTML isn't a programming language. If you're looking to make applications (not web applications, but even then) you won't be able to get far with HTML.

I don't know what language macros are written in, but you could learn say, Delphi or Java? Those are powerful, and can help you make the macros you want to make.

Deacon Frost · Jul 7, 2008

I'd say C and C++ would be good to write macros in as well. But I'd imagine a Java one would be extremely powerful for runescape (considering you need the click functions and such)

spunjungle · Jul 15, 2008

thanks heaps that helped me with my site im making. vouch!

ignas2526 · Jul 15, 2008

Dont wana blame you, but what tutorial for guys who already have basic knowledge in html.

SuF · Jul 15, 2008

i wrote a much better HTML tut....

ignas2526 · Jul 17, 2008

Well nvm, check out my tut, tut includes Images, HTML program,
and in tut is not how to quick learn all HTML code, but how to find html code!
You dont need to know all HTML tags! check it out!
http://rsbot.com/smf/index.php?topic=5906.0

SuF · Jul 18, 2008

ignas2526 said: ↑

Well nvm, check out my tut, tut includes Images, HTML program,
and in tut is not how to quick learn all HTML code, but how to find html code!
You dont need to know all HTML tags! check it out!
http://rsbot.com/smf/index.php?topic=5906.0
Click to expand...

stop fucking advitising that shit guide. PLEASE.

Evan_Duh2 · Aug 6, 2008

Haha thanks TDD.

rorofo · Aug 20, 2008

Thank's for it.

Phaethon42 · Aug 20, 2008

Eww. Maybe if this was posted in the early 90's it would make you look good, but now, this is just stupid. TDD pointed out most of your problems, but YUCK. Old, shitty, and depreciated all come to mind. Did you read the table of contents of a 10 year old book on html or something?

Swan · Aug 20, 2008

*sigh* Another dead topic has been gravedug.

To anyone who reads this, check the post date of the person before you - if the date is more than (or equal to) two weeks ago, then it's considered a dead topic, don't post.

Log in or Sign up

Basics of HTML

Raid500 Forum Addict

root Member

SuF Legend

Deacon Frost Grand Master

TDD Web Design Expert

Deacon Frost Grand Master

TDD Web Design Expert

xxthebeastxx Guru

ignas2526 Forum Addict

cp ａｎｃａｔ

Deacon Frost Grand Master

spunjungle Apprentice

ignas2526 Forum Addict

SuF Legend

ignas2526 Forum Addict

SuF Legend

Evan_Duh2 Apprentice

rorofo Active Member

Phaethon42 Guest

Swan When They Cry...

Log in or Sign up

Basics of HTML

Thread Tools

Raid500 Forum Addict

root Member

SuF Legend

Deacon Frost Grand Master

TDD Web Design Expert

Deacon Frost Grand Master

TDD Web Design Expert

xxthebeastxx Guru

ignas2526 Forum Addict

cp ａｎ ｃａｔ

Deacon Frost Grand Master

spunjungle Apprentice

ignas2526 Forum Addict

SuF Legend

ignas2526 Forum Addict

SuF Legend

Evan_Duh2 Apprentice

rorofo Active Member

Phaethon42 Guest

Swan When They Cry...

cp ａｎｃａｔ