Adblock breaks this site

[CODING] Basic HTML and Tags

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

Thread Tools

Thread Tools

  • Thread ID:
  1. Nathan III

    Nathan III Apprentice

    Joined:
    Jan 24, 2007
    Posts:
    872
    Referrals:
    0
    Sythe Gold:
    0
    [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
     
    Nathan III, Oct 26, 2008
    #1
  2. Noob!

    Noob! Forum Addict
    Banned

    Joined:
    Aug 29, 2008
    Posts:
    322
    Referrals:
    0
    Sythe Gold:
    0
    [CODING] Basic HTML and Tags
    nice guide! explains alot 9/10
     
    Noob!, Nov 3, 2008
    #2
  3. itseric123456

    itseric123456 Guest

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

    itseric123456 Guest

    Referrals:
    0
    [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. :)
     
    itseric123456, Dec 15, 2008
    #4
  5. bennytheberry

    bennytheberry Grand Master
    Banned

    Joined:
    Dec 23, 2007
    Posts:
    2,037
    Referrals:
    0
    Sythe Gold:
    0
    [CODING] Basic HTML and Tags
    What's a Defination?
     
    bennytheberry, Dec 15, 2008
    #5
  6. ATPclan

    ATPclan Forum Addict
    Banned

    Joined:
    Sep 16, 2008
    Posts:
    323
    Referrals:
    0
    Sythe Gold:
    0
    [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 =)
     
    ATPclan, Dec 15, 2008
    #6
  7. hampe-92

    hampe-92 Forum Addict

    Joined:
    Jul 10, 2008
    Posts:
    328
    Referrals:
    0
    Sythe Gold:
    0
    [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
     
    hampe-92, Dec 15, 2008
    #7
  8. SuF

    SuF Legend
    Pirate Retired Global Moderator

    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
    [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...
     
    SuF, Dec 15, 2008
    #8
  9. mawd leetress

    mawd leetress Member

    Joined:
    Sep 25, 2008
    Posts:
    77
    Referrals:
    0
    Sythe Gold:
    0
    [CODING] Basic HTML and Tags
    Thanks for this guide! It helps a lot! 10/10 and bookmarked :)
     
    mawd leetress, Dec 15, 2008
    #9
  10. hampe-92

    hampe-92 Forum Addict

    Joined:
    Jul 10, 2008
    Posts:
    328
    Referrals:
    0
    Sythe Gold:
    0
    [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...
     
    hampe-92, Dec 16, 2008
    #10
  11. Desir0

    Desir0 Forum Addict
    Banned

    Joined:
    Nov 28, 2008
    Posts:
    502
    Referrals:
    2
    Sythe Gold:
    0
    [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.
     
    Desir0, Dec 16, 2008
    #11
  12. odt

    odt Guru
    Banned

    Joined:
    Mar 28, 2008
    Posts:
    1,307
    Referrals:
    18
    Sythe Gold:
    0
    [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
     
    odt, Dec 16, 2008
    #12
  13. natinsatan

    natinsatan Forum Addict
    Banned

    Joined:
    Nov 20, 2007
    Posts:
    400
    Referrals:
    0
    Sythe Gold:
    0
    [CODING] Basic HTML and Tags
    allways nice to expand your htlm vocab, thx
     
    natinsatan, Dec 17, 2008
    #13
  14. weiener

    weiener Forum Addict

    Joined:
    Aug 18, 2008
    Posts:
    290
    Referrals:
    2
    Sythe Gold:
    0
    [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.
     
    weiener, Dec 20, 2008
    #14
< Help please?? | Str pure p2p SWAPPING >


 
 
Adblock breaks this site