madhacker14
Guru
1.HTML- Hyper Text Markup Language
2.What can it do for me? - It is the matress ina hallway, to a bunch of doors to open up, with this you can create webpages, websites, and learn other languages to advance (Javascript, CSS, PhP, etc.)
3.What can you do to help? - Well write a guide of course!
Lately I have seen some guides for HTML, and none of them really get into anything they teach them how to say "hello world" thats it. NO! HTML cant stop at Hello world, at that point you know nothing still!
T.O.C1. Introduction (You read above)
2. Starting off
3. Paragraphs/headings
4. Images/Links
5. In conclution
You can practice your HTML, on notepad, or on certain websites.
I suggest you use this: http://www.practiceboard.com/
Starting off
Sadly I have to introduce the basics, I like to get into the fun stuff really, but hey you have to start somewhere, and sadly that is always the basics, which are BORING! Anyways lets start off with..
Code:
<html>
</html>We just said "hey, were about to do HTML, so here it is"
We have to set a tag saying <html> saying that is the language we are useing, and of course </html> is to end this all.
Pretty obvious correct?
Now what goes inside of this?
Your future, thats what is in there.
That is where everything is going to be, that creates a web-site, web-page, etc.
Code:
<html>
<head>
</head>
</html>We put <head> that is where all of our heading junk would go.
you must end </head> before </html> or that would really mess you up.
Seeing how <head> is HTML, we must end that before we end HTML, get it?
Same rules apply to:
Code:
<html>
<body>
</body>
</html>Paragraphs/Headings
I assume you know what a paragraph is, and a heading, so I wont go into detail, dont know? Go back to 3rd grade, or so please.
The tags for these two are
Code:
<h1> //heading
<p> //paragraphVery very simple to use.
EXAMPLE:
Code:
<html>
<head>
<h1> This is madhacker's heading </h1>
<body>
<p> This is my first paragraph.
</p>
<br />
<p>
Welcome to HTML, web-programming langauge
</p>
</head>
</body>
</html>As you can see, as our heading we put <h1> which is the biggest heading you can put. then for the body we did <p> which is paragraph we then ended it </p> and did a command <br /> which is "break" it will make a bigger space between both paragraphs.
We then started a new paragraph, then ended it.
we then end all our things such as </head>, </body>, and </html>
Simple, right?
Images, and links
Well lets say your building a website, and lets say your hosting a game, and you want your users to download it, you have to link them to megaupload, rapidshare, and what not.
Sometimes you want your users to see an example, such as a picture.
I will show you how to do both.
EXAMPLE:
Code:
<html>
<head>
<h1> were going to link you to anouther site! </h1>
<body>
<a href="http://www.sythe.org">
Click here!</a>
<p> I just linked you to a great forum! </p>
</head>
</body>
</html>Time for an image, right?
EXAMPLE:
Code:
<html>
<head>
<body>
<img src="http://thetrifecta.files.wordpress.com/2008/04/lol.jpg">
</head>
</body>
</html>and we add an image to the page by doing
<img src="yourimagehere">
Conclution
Well in this lesson we only explored the basics, there are ALOT more, if you all liked this, and I get decent rateings on this I will continue making these if I do the next one will cover more on text, design your page perhaps, linking your pages together, etc.
I liked the time making this guide, please everyone if you liked what you see use the programming section, i would love to see it grow, you can learn a lot, and it can bring you places.
Thank you.
