• Crazy
  • Cool
  • Awesome
  • Angry
  • Happy
  • Hungry
  • Sad
  • Shy
  • Tired
  • User Tag List

    Thanks Thanks:  0
    Likes Likes:  0
    Dislikes Dislikes:  0
    Results 1 to 4 of 4

    Thread: HTML Basics

    1. #1
      The X Universe Founder Mokonzi's Avatar
      Credits
      7,683.58
      Points
      52,446
      is working on Project X
       
      I am:
      Happy
       
      Total Contributions For

      Mokonzi Points (Total)      £ 215.00
      Total Downloaded
      0
      Total Downloaded
      0
      Main InfoStatus and ThingsPoints and CreditsOther
      Join Date
      03-01-2006
      Location
      Leeds
      Posts
      10,060
      Blog Entries
      6

      Default HTML Basics

      HTML stands for Hyper Text Markup Language and is the essential code that creates a webpage. HTML is made up of markup tags which tells the web browser how to display the information it is receiving. A HTML webpage usually ends in .htm or .html extensions.

      HTML 4.01 is the latest version of HTML approved by the World Wide Web Consortium (W3C) - which decides on the standards in the web industry. It is to at least these standards that all good websites are constructed.

      An updated HTML code, called EXtensible Hyper Text Markup Language or XHTML for short, adds a number of refinements and further standards that improve the layout of webpages. It is this XHTML code that we will be using in the tutotials. (XHTML is essentially HTML, but XHTML forces the user to use certain standards - such as using lower case letters, etc.)

      All HTML documents can be edited through a standard Text editor, or by [abbr=What You See Is What You Get]WYSIWYG[/abbr] Editor, such as Dreamweaver and one I use, PHP Designer 2006.

      [hr]

      Tags

      HTML is made up of tags:
      Code:
      <html>
      <head>
      <title>My First Homepage</title>
      </head>
      <body>
      This is my first homepage. This text is bold
      </body>
      </html>
      As you can see, tags are placed inside '<' and '>' markers. Almost all tags have an opening and closing tag, as in BB code.
      Code:
      <html>
      Is the opening tag that tells the browser that this is a HTML page.
      Code:
      </html>
      Tells the browser that this is the end of a HTML page. These two tags must be placed around almost all other code (They only appear once in a HTML page).

      Then the page is split up into smaller sections.
      Code:
      <head>
      </head>
      Contain information about the webpage that the browser needs to know, such as where to get the formatting for the webpage, the title for the webpage, etc. They come immediately after the opening html tag.

      Following this comes the body section.
      Code:
      <body>
      </body>
      The body section encloses all the remaining code for the page, providing the browser with the material that will be visible to the user.

      Within the head section of the webpage, comes the title tags.
      Code:
      <title>
      </title>
      The title tags hold the information that you want displayed at the very top of the browser, i.e. this page will have the following title: HTML Basics - Mozilla Firefox (If you are using Mozilla Firefox of course :). What you type here will be seen by the user.

      Within the body section of the webpage, there are a huge variety of other tags, many of which are very similar to BB code.
      Code:
      Makes the text bold
      Makes the text italic
      <u>Underlines the text</u>
      The above are a small selection of what can be used.

      We will discuss in other topics how to insert into the webpage images as well as hyperlinks.

      Please comment on this tutorial below, and any relevant questions we will incorporate into this article.

      Last edited by Mokonzi; 10-11-2007 at 05:57 PM.
      Mokonzi
      0 0 0
       

    2. #2
      The X Universe Founder Mokonzi's Avatar
      Credits
      7,683.58
      Points
      52,446
      is working on Project X
       
      I am:
      Happy
       
      Total Contributions For

      Mokonzi Points (Total)      £ 215.00
      Total Downloaded
      0
      Total Downloaded
      0
      Main InfoStatus and ThingsPoints and CreditsOther
      Join Date
      03-01-2006
      Location
      Leeds
      Posts
      10,060
      Blog Entries
      6

      Default Re: HTML Basics

      Slight update to the content.

      Mokonzi
      0 0 0
       

    3. #3
      TXU Hero Flad's Avatar
      Credits
      320.31
      Points
      2,301
      This user has no status.
       
      I am:
      ----
       
      Total Contributions For

      Flad      £ 0.00
      Total Downloaded
      0
      Total Downloaded
      0
      Main InfoStatus and ThingsPoints and CreditsOther
      Join Date
      21-06-2007
      Location
      Germany, NRW
      Posts
      778

      Default

      Maybe add comments as other basic stuff:
      Comments are very helpfull to sort your code. Comments aren't displayed on your final website, they are only visible in the code-file.

      Code:
      <!-- This is a comment -->
      Full html-code:

      Code:
      <html>
      <head>
      <title>My First Homepage</title>
      </head>
      <body>
      <!-- Use comments! Even when your code isn't long -->
      This is my first homepage. This text is bold
      </body>
      </html>


      0 0 0
       

    4. #4
      The X Universe Founder Mokonzi's Avatar
      Credits
      7,683.58
      Points
      52,446
      is working on Project X
       
      I am:
      Happy
       
      Total Contributions For

      Mokonzi Points (Total)      £ 215.00
      Total Downloaded
      0
      Total Downloaded
      0
      Main InfoStatus and ThingsPoints and CreditsOther
      Join Date
      03-01-2006
      Location
      Leeds
      Posts
      10,060
      Blog Entries
      6

      Default

      Nice suggestion Flad. Thanks matey.

      Mokonzi
      0 0 0
       

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •