• Log in or sign up for an account here: https://www.sythe.org/login

Basics of HTML

Status
Not open for further replies.

Raid500

Forum Addict
Joined
Feb 11, 2007
Sythe Gold
0
Messages
592
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:
<font face="FONT NAME" size="SIZE" color="HTML COLOR">
So it would look like this:
Code:
<BODY>
<font face="FONT NAME" size="SIZE" color="HTML COLOR">
This is Raid's HTML Guide.
</font>
</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.
 
Eww!
Learn to use programming with strict rules.

Always, always lowercase HTML variables. It's the proper way to use xhtml.
 
<3 n4n0
Discord Verified
Two Factor Authentication User
Community Participant
Spam Forum Participant
Sythe's 10th Anniversary
Sythe Awards 2011 Winner
Eww!
Learn to use programming with strict rules.

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

wow, you know one rule of XHTML.. good for you.
 
O.o. 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.
 
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:
<font face="FONT NAME" size="SIZE" color="HTML COLOR">
So it would look like this:
Code:
<BODY>
<font face="FONT NAME" size="SIZE" color="HTML COLOR">
This is Raid's HTML Guide.
</font>
</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.

There we go, most fails have been picked out.
 
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.
 
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.

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.
 
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. :P BUT I WANA CREATE MACROSSS and i have no #*@& idea how to do wt ;(
 
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.
 
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)
 
<3 n4n0
Discord Verified
Two Factor Authentication User
Community Participant
Spam Forum Participant
Sythe's 10th Anniversary
Sythe Awards 2011 Winner
i wrote a much better HTML tut.... o.O
 
Thank's for it.
 
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?
 
Member of the Month Winner
Sythe's 10th Anniversary
*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.
 
Status
Not open for further replies.
Runescape Gamblingrunescape gambling
Back
Top