Basic HTML tags

Discussion in 'HTML & Website Design' started by rampage1, Jan 2, 2010.

  1. #1
    I don't know HTML.So would you tell about the very basic HTML tags that one should know while building a website.
     
    rampage1, Jan 2, 2010 IP
  2. DocuMaker

    DocuMaker Active Member

    Messages:
    427
    Likes Received:
    16
    Best Answers:
    0
    Trophy Points:
    60
    #2
    This is about as basic as it gets:

    <html>
    (starts a webpage)

    <head>
    (starts a webpage's information -- not seen in the browser window)

    <title>MY WEBPAGE</title>
    (displays a webpage's title "MY WEBPAGE" -- not seen in the browser window -- only on title bar)

    <meta name="description" content="Description goes here!!">
    (describes what a webpage is about -- not seen in the browser window)

    <meta name="keywords" content="keywords go here!!">
    (describes what a webpage is about in short words and phrases -- not seen in the browser window)

    </head>
    (ends a webpage's information)

    <body bgcolor="#FFFFFF" text="#000000" link="#0000FF" vlink="#800080" alink="#FF0000">
    (tells the browser to show a white background, black text, blue links, red active links, and purple visited links -- everything from this point is seen in the browser window)

    <h1>Something Important</h1>
    (Displays the words "Something Important" in really big letters)

    <p>... Type content here!</p>
    (Displays the words "... Type content here!" in a paragraph of normal sized letters)

    </body>
    (Ends the part of a webpage that can be seen in the browser window)

    </html>
    (Ends a webpage)
     
    DocuMaker, Jan 2, 2010 IP
  3. boomer_mitra

    boomer_mitra Active Member

    Messages:
    817
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    60
    #3
    nicely explained basic tags :)
    @op
    for building a simple web site, you need to learn tables (<td><tr>) and forms too. just google it and you will get a millions of online help :)
     
    boomer_mitra, Jan 2, 2010 IP
  4. DocuMaker

    DocuMaker Active Member

    Messages:
    427
    Likes Received:
    16
    Best Answers:
    0
    Trophy Points:
    60
    #4
    Thank you boomer :)
     
    DocuMaker, Jan 2, 2010 IP
  5. zikri

    zikri Member

    Messages:
    32
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    41
    #5
    thanks. It is also very helpful to me
     
    zikri, Jan 2, 2010 IP
  6. mikey82

    mikey82 Peon

    Messages:
    21
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #6
    Get to know CSS after you get the basics of HTML. It will save you time like you wouldn't believe when tweaking and adding more stuff.
     
    mikey82, Jan 2, 2010 IP
  7. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #7
    NOT that ANY of that belongs in the markup anymore, the bgcolor, text, link, vlink, and alink attributes being something that anyone starting out nowadays should pretty much be told NEVER to use - alongside target, align, and tags like center and font. ZERO place in modern markup and NOTHING anyone should be taught apart from "Don't EVER use those!"

    completely glossing over what a heading is and what it should be used for - much less that it's bad practice to use H1 more than ONCE on a page, and the lower order headings (h2, h3, h4) should be SUBSECTIONS of the higher level heading preceeding it, and it's also improper to 'skip' over numbers going down the document (that's h2 to h4 with no H3, that's bad. Jumping back up to H2 FROM h4 is fine so long as the headings give your document structure)

    But that touches on a basic of modern semantic markup many people still fail to grasp. Saying "in really big letters" is something you should NEVER EVER say to a nube, as it implies that's what it's for. Like the majority of tags we should be using them for what they MEAN (semantics) not their default appearance (presentation). Presentation? That goes in the CSS.

    Basically, it's WAY too easy to oversimplify, leading people down the garden path to bad coding habits and outdated methodologies - which is how you end up with websites still using tables for layout and stuffed full of FONT tags like it was still 1997.

    A good complete reference to HTML4 (which alongside XHTML 1.0 is ALL you should be using for PRODUCTION websites. HTML5 isnt' even out of DRAFT!!!) that explains what the tags are, has decent examples of their PROPER use, and even lists which ones are deprecated in STRICT doctypes (If you are writing new pages, you should be working in strict, anyone tells you otherwise they've likely not updated their skills in a decade) can be found on the WDG website.

    http://htmlhelp.com/reference/html40/

    I've never needed more than that for a HTML reference, it's clear, it's concise, it has an index of tags by type and by alpha - what more do you need?

    ... and if you are just learning, do yourself a favor and immediately click on the 'hide non-strict' elements so you don't try and use stuff that's there for legacy support and has NO **** BUSINESS being used in the development of new pages.
     
    Last edited: Jan 2, 2010
    deathshadow, Jan 2, 2010 IP
  8. Mentalhead

    Mentalhead Active Member

    Messages:
    1,344
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    53
    #8
    Best solution is W3 schools, they have great HTML tutorial with examples. I've learned all I know from them so it's a friendly advice :)
     
    Mentalhead, Jan 2, 2010 IP
  9. michaelrocz

    michaelrocz Well-Known Member

    Messages:
    138
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    108
    #9
    So nice explanation of basic html tags. Thanks a lot.
     
    michaelrocz, Jan 3, 2010 IP
  10. rampage1

    rampage1 Peon

    Messages:
    27
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #10
    thanks all
     
    rampage1, Jan 3, 2010 IP
  11. m7md_cis

    m7md_cis Peon

    Messages:
    91
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #11
    m7md_cis, Jan 3, 2010 IP
  12. mrpaisa

    mrpaisa Guest

    Messages:
    741
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #12
    The basic tag including <Html> <Title> <Meta> <Body>.

    <Html>
    The tag is used to indicate that this is a Html document. most Html document should start & end with that tag.
    <Title>
    The title tag is important when it come to search engine ranking. many of search engines pay special attention to the text in the title tag.
    <meta>
    the meta tag information is not directly displayed when the page is rendered on the browser.
    <body>
    the body tag include the html body of the document.
    the body tag may contain several attributes.
     
    mrpaisa, Jan 10, 2010 IP