[CODING] Basic HTML and Tags

Discussion in 'Archives' started by Nathan III, Oct 26, 2008.

Sign in to Post
Thread Tools

Thread Tools

  • Thread ID:
[CODING] Basic HTML and Tags
  1. Unread #1 - Oct 26, 2008 at 2:17 PM
  2. Nathan III
    Joined:
    Jan 24, 2007
    Posts:
    872
    Referrals:
    0
    Sythe Gold:
    0

    Nathan III Apprentice

    [CODING] Basic HTML and Tags
    Welcome to Basic HTML and Tags.

    Here are some basic HTML tags, and their purpose.

    Open-tag/Close-tag - Defination

    <body>/</body> - Defines the document's body
    <h1>/</h1> - Defines header. (Numbers go up to 6. h1, h2. h3 etcf...)
    <p>/</p> - Defines a paragraph.
    <br>/</br> - Inserts a HORIZONTAL rule.
    <!-->/<--> - Defines a comment.
    <Body>/</body> - Defines a HTML document

    Righty, there are some basic tags.
    Now we'll move onto forms.

    Start it off with <form>.
    Now add the question you wish for it to ask the applicant.
    If you want like a guest book, add the first question to be 'First name:'
    Make sure it's underneith <form> like this -

    Code:
    <form>
First name:
    Of course you knew to do that, it's just some people add it like <form>first name:

    Now for the main peice of code,
    underneith 'First Name:' Add
    Code:
    <input type="text" name="firstname">
    So now your code should look like

    Code:
    <form>
First name: 
<input type="text" name="firstname">
    NOTE - By this point, I guess you're thinking 'Why not just tell us the code?' It's because you woulden't learn. Like you woulden't learn in school if the teacher just told you the answer.

    So, underneith that, add

    Code:
    <br>
    DON'T FORGET THAT!!!

    And underneith that, add Last name: .

    For learning purposes, try guess what to add next, and post your completed codes here. (Just to see who learnt ANYTHING)

    So the code that I told you should look like

    Code:
    <form>
First name: 
<input type="text" name="firstname">
<br>
Last name:
    NOTE - If you are lazy, the complete code is below....

    <form>
    First name:
    <input type="text" name="firstname">
    <br>
    Last name:
    <input type="text" name="lastname">



    EXTENTION

    If you're with me so far, here's another little extention you can add.

    Now, for 'tick' boxes, read on.

    Like before, start with <Form>.
    And after that, add the question of the tickbox (I.E. I like Punk)
    So that it looks like

    Code:
    <form>
I like Punk
    Now under that, add

    Code:
    <input type="checkbox" name="Music" value="Punk" />
    'Checkbox' is the input type.
    'Music' Is the type type of question.
    'Punk' is what you tick (or not tick)

    Again, try work out the rest.

    And AGAIN, the spoiler, for you lazy people, is below.



    <form>
    I like Punk
    <input type="checkbox" name="Music" value="Punk" />
    <br />
    I like Heavy Metal
    <input type="checkbox" name="Music" value="Heavy Metal" />
    <br />
    I like Pop
    <input type="checkbox" name="Music" value="Pop" />
    </form>

    Hope this helped you,

    Nath


    NOTE: This is a repost of a guide I made ages ago in old UE, but just though't i'd repost it cause it should help people :p
     
    Share
  3. Unread #2 - Nov 3, 2008 at 4:18 PM
  4. Noob!
    Joined:
    Aug 29, 2008
    Posts:
    322
    Referrals:
    0
    Sythe Gold:
    0

    Noob! Forum Addict
    Banned

    [CODING] Basic HTML and Tags
    nice guide! explains alot 9/10
     
    Share
  5. Unread #3 - Dec 15, 2008 at 3:35 AM
  6. itseric123456
    Referrals:
    0

    itseric123456 Guest

    [CODING] Basic HTML and Tags
    Once again vouch for ally sold me a pin for a zamorak plate -itseric123456-
     
    Share
  7. Unread #4 - Dec 15, 2008 at 3:40 AM
  8. itseric123456
    Referrals:
    0

    itseric123456 Guest

    [CODING] Basic HTML and Tags
    Vouch for ally sold me a pin for a saradomin platebody may be buying another as I am typing this. :)
     
    Share
  9. Unread #5 - Dec 15, 2008 at 5:57 AM
  10. bennytheberry
    Joined:
    Dec 23, 2007
    Posts:
    2,037
    Referrals:
    0
    Sythe Gold:
    0

    bennytheberry Grand Master
    Banned

    [CODING] Basic HTML and Tags
    What's a Defination?
     
    Share
  11. Unread #6 - Dec 15, 2008 at 8:30 AM
  12. ATPclan
    Joined:
    Sep 16, 2008
    Posts:
    323
    Referrals:
    0
    Sythe Gold:
    0

    ATPclan Forum Addict
    Banned

    [CODING] Basic HTML and Tags
    Very nice guide, Great as tutorial for the basics.
    Maybe you could add that "Macromedia DreamWeaver" a great basic prog. is.
    It does "generate" the html-codes of the inserted items.
    If you read it, than you automatically will learn something from it.
    Thats how I've learned the basics of Html :)

    7.5/10 for this guild. Good job =)
     
    Share
  13. Unread #7 - Dec 15, 2008 at 4:54 PM
  14. hampe-92
    Joined:
    Jul 10, 2008
    Posts:
    328
    Referrals:
    0
    Sythe Gold:
    0

    hampe-92 Forum Addict

    [CODING] Basic HTML and Tags
    It is, indeed realy basic... just one thing,
    "Make sure it's underneith <form> like this "
    you make it sound like if you don't, it won't work...
    but it would, it's just for the sake of readability tho...
    but it's OK I guess... the noobs seems to like it :p

    @ATPclan: It's Adobe DreamWeaver... Adobe bought Macromedia for pretty long time ago.. was it 2005 - 2006 if im right?
    But anyway.. as you said.. you learn a lot by reading the code created by a program (like DreamWeaver) or a good web programmer for that matter
     
    Share
  15. Unread #8 - Dec 15, 2008 at 6:18 PM
  16. SuF
    Joined:
    Jan 21, 2007
    Posts:
    14,211
    Referrals:
    28
    Sythe Gold:
    1,234
    Discord Unique ID:
    203283096668340224
    <3 n4n0 Two Factor Authentication User Community Participant Spam Forum Participant Sythe's 10th Anniversary

    SuF Legend
    Pirate Retired Global Moderator

    [CODING] Basic HTML and Tags
    whats the difference between them?
    its <br /> and its a linebreak


    WRONG.


    The whole bit about forms is really bad and you do not even tell people how to use them to do anything.



    If anyone has never used html even before they would have no idea what your talking about...
     
    Share
  17. Unread #9 - Dec 15, 2008 at 10:59 PM
  18. mawd leetress
    Joined:
    Sep 25, 2008
    Posts:
    77
    Referrals:
    0
    Sythe Gold:
    0

    mawd leetress Member

    [CODING] Basic HTML and Tags
    Thanks for this guide! It helps a lot! 10/10 and bookmarked :)
     
    Share
  19. Unread #10 - Dec 16, 2008 at 1:38 PM
  20. hampe-92
    Joined:
    Jul 10, 2008
    Posts:
    328
    Referrals:
    0
    Sythe Gold:
    0

    hampe-92 Forum Addict

    [CODING] Basic HTML and Tags
    oh, and also, a commet is writen:
    <!--Your comment here -->
    not <!-->/<-->
    eh you don't seem to know much html at all...
     
    Share
  21. Unread #11 - Dec 16, 2008 at 3:35 PM
  22. Desir0
    Joined:
    Nov 28, 2008
    Posts:
    502
    Referrals:
    2
    Sythe Gold:
    0

    Desir0 Forum Addict
    Banned

    [CODING] Basic HTML and Tags
    This is a weird guide for being the 'basics'

    Why do you include forms? For 'basics' its abit pointless, You should of added the more basic stuff like <font> tages, <img src=''> , <iframe> , <table> tags etc...

    hampe is correct about the the hidden comment too.
     
    Share
  23. Unread #12 - Dec 16, 2008 at 6:32 PM
  24. odt
    Joined:
    Mar 28, 2008
    Posts:
    1,307
    Referrals:
    18
    Sythe Gold:
    0

    odt Guru
    Banned

    [CODING] Basic HTML and Tags
    There are too many of these guides out there.

    Simply w3schools.org, will teach you everything you need to know about HTML
     
    Share
  25. Unread #13 - Dec 17, 2008 at 9:37 AM
  26. natinsatan
    Joined:
    Nov 20, 2007
    Posts:
    400
    Referrals:
    0
    Sythe Gold:
    0

    natinsatan Forum Addict
    Banned

    [CODING] Basic HTML and Tags
    allways nice to expand your htlm vocab, thx
     
    Share
  27. Unread #14 - Dec 20, 2008 at 1:50 PM
  28. weiener
    Joined:
    Aug 18, 2008
    Posts:
    290
    Referrals:
    2
    Sythe Gold:
    0

    weiener Forum Addict

    [CODING] Basic HTML and Tags
    this is good, but very very straight forward, there are better guides out there that are quicker and will teach you more, but this is good for beginners.
     
    Share
< Help please?? | Str pure p2p SWAPPING >

Users viewing this thread
1 guest


 
 
Adblock breaks this site