madhacker's guide to [HTML] Getting to know basic HTML

Discussion in 'Archives' started by madhacker14, Feb 22, 2009.

Sign in to Post
Thread Tools

Thread Tools

  • Thread ID:
madhacker's guide to [HTML] Getting to know basic HTML
  1. Unread #1 - Feb 22, 2009 at 9:13 PM
  2. madhacker14
    Joined:
    Dec 14, 2007
    Posts:
    1,524
    Referrals:
    2
    Sythe Gold:
    9

    madhacker14 Guru

    madhacker's guide to [HTML] Getting to know basic HTML

    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.C
    1. 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>
    What did we do...?
    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>
    In this we still did nothing.
    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>
    Same thing, just instead were useing <body> where everything in the body would go.

    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> //paragraph

    Very 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>
    As you can see, we do our normal stuff,
    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.
     
    Share
  3. Unread #2 - Feb 22, 2009 at 9:22 PM
  4. SwiftSeller
    Joined:
    Jun 21, 2008
    Posts:
    2,461
    Referrals:
    0
    Sythe Gold:
    0

    SwiftSeller Grand Master
    Banned

    madhacker's guide to [HTML] Getting to know basic HTML
    Oh my god this is awesome! HAHA.

    Hes right tho. This guide does teach tons more if you know how to read it.

    I give a 10/10 anyday.
     
    Share
  5. Unread #3 - Feb 22, 2009 at 9:26 PM
  6. Firemakin
    Joined:
    Dec 8, 2007
    Posts:
    125
    Referrals:
    0
    Sythe Gold:
    0

    Firemakin Active Member
    Banned

    madhacker's guide to [HTML] Getting to know basic HTML
    nice job! 10/10
     
    Share
  7. Unread #4 - Feb 22, 2009 at 10:23 PM
  8. XxFallenSoulxX
    Joined:
    May 28, 2007
    Posts:
    402
    Referrals:
    0
    Sythe Gold:
    0

    XxFallenSoulxX Forum Addict

    madhacker's guide to [HTML] Getting to know basic HTML
    For you images and links like the "href" tags but in big bold letters not to confuse "href" with "herf" as i did that and could not find out my problem was when i couldnt click on the link, when i found out my careless mistake i was so frustrated. 10/10.
     
    Share
  9. Unread #5 - Feb 22, 2009 at 10:26 PM
  10. madhacker14
    Joined:
    Dec 14, 2007
    Posts:
    1,524
    Referrals:
    2
    Sythe Gold:
    9

    madhacker14 Guru

    madhacker's guide to [HTML] Getting to know basic HTML
    Haha, you have to be real careful man!
    Espeically when your in a big project,
    and you cannot find that ONE problem,
    it can be the smallest problem to!
    Thank you all for rateing, loving it so far =]
    Im going to end up making anouther.
     
    Share
  11. Unread #6 - Feb 22, 2009 at 10:42 PM
  12. SwiftSeller
    Joined:
    Jun 21, 2008
    Posts:
    2,461
    Referrals:
    0
    Sythe Gold:
    0

    SwiftSeller Grand Master
    Banned

    madhacker's guide to [HTML] Getting to know basic HTML
    make one with how to color things such as backgrounds and areas.
     
    Share
  13. Unread #7 - Feb 22, 2009 at 11:11 PM
  14. Rawr
    Joined:
    Jul 18, 2008
    Posts:
    2,438
    Referrals:
    9
    Sythe Gold:
    3
    Pokémon Trainer

    Rawr Addict.
    Retired Sectional Moderator $100 USD Donor

    madhacker's guide to [HTML] Getting to know basic HTML
    Don't forget to state the Doctype above the <HTML> tag.
    Ex:
    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
    Good start for basics though, now you just need to show <div> tag's, etc. ^_^
     
    Share
  15. Unread #8 - Feb 22, 2009 at 11:51 PM
  16. Burden
    Joined:
    Dec 30, 2008
    Posts:
    894
    Referrals:
    0
    Sythe Gold:
    0

    Burden Apprentice
    Banned

    madhacker's guide to [HTML] Getting to know basic HTML
    I like it so far, try adding something like tables, background images, image linking, etc.


    Keep up the nice guides, I liked it, it was easy to read, was organized, and you provided a very useful outside website for very quick HTML testing and playing.
     
    Share
  17. Unread #9 - Feb 23, 2009 at 2:28 AM
  18. Heroic Assist
    Joined:
    Jan 27, 2009
    Posts:
    97
    Referrals:
    1
    Sythe Gold:
    0

    Heroic Assist Member

    madhacker's guide to [HTML] Getting to know basic HTML
    Loved it, do write more guides please :laugh:
     
    Share
  19. Unread #10 - Feb 23, 2009 at 8:38 PM
  20. wtp
    Joined:
    Nov 25, 2005
    Posts:
    2,455
    Referrals:
    2
    Sythe Gold:
    0

    wtp Grand Master
    Banned

    madhacker's guide to [HTML] Getting to know basic HTML
    Madhacker, you are awesome you should be in the UE.
     
    Share
  21. Unread #11 - Feb 24, 2009 at 12:57 AM
  22. MegaMatt
    Joined:
    May 20, 2007
    Posts:
    6,103
    Referrals:
    8
    Sythe Gold:
    0

    MegaMatt Death Or Glory
    Banned

    madhacker's guide to [HTML] Getting to know basic HTML
    One spelling error I noticed: Conclution = Conclusion
    Very nice guide! I'd give it a rating of 8/10
     
    Share
< Selling lvl 85wc with 70fishing over 1.2mil + free account | [paypal]Buying an OBBY MAULER!![paypal] >

Users viewing this thread
1 guest


 
 
Adblock breaks this site