Development XHTML 1.1 Tutorial

Discussion in 'Software' started by Ultimate Gamer, 3 Jun 2007.

Thread Status:
Not open for further replies.
  1. Ultimate Gamer

    Ultimate Gamer What's a Dremel?

    Joined:
    3 Nov 2006
    Posts:
    349
    Likes Received:
    0
    So you see everyone out there has websites? your probably wondering how they make them. the use a coding language called "HTML" This stands for "Hyper Text Markup Language". To make a html document you would use markup tags i am going to explain most of the markup tags to you.

    First off open up notepad and type this in:
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
    <html xml:lang="en" lang="en" xmlns="http://www.w3.org/1999/xhtml"> 
    <head>
    <title>This is the title</title>
    </head>
    <body>
    This is my first homepage. <b>This text is bold</b> <i>this is italics</i>
    </body>
    </html>
    this code tells the browser what type of code it is
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    for this it is XHTML 1.0 Transitional
    second piece of code:
    Code:
      <html xml:lang="en" lang="en" xmlns="http://www.w3.org/1999/xhtml"> 
    This starts the html code. Then you will see
    Code:
    <head>
    this starts up the information that will not be visible to people. then you see
    Code:
    <title>This is the title</title>
    that is the title of the page it will show on the top menu of your browser say your in firefox it will show This is the title - Mozilla Firefox
    now you will see:
    Code:
    </head>
    This is telling the head tags to stop now you see:
    Code:
    <body>
    This is where you put your content in then you see:
    Code:
    This is my first homepage. <b>This text is bold</b> <i>this is italics</i>
    That is the text the the body will show this will be regular browser default text
    Code:
    This is my first homepage.
    This will be bold because of the <b> tags:
    Code:
    <b>This text is bold</b>
    and this will be italics because of the <i> tags:
    Code:
    <i>this is italics</i>
    now you will see:
    Code:
    </body>
    this is telling the html document to stop the <body> tags and display what is in them, Now you see:
    Code:
    </html>
    This is telling the html document to stop everything and display what was in the tags i am now going to show you some html tags.
    Code:
    <html> & </html> Start and end a html document.
    <head> & </head> start and end the section for the browser and bots to read.
    <body> & </body> start and end the content section.
    <b> & </b> will make text in it be bold.
    <s> & </s> will put a strike thew text.
    <i> & </i> will make text italics.
    <irame> & </iframe> will make a scroll box with content.
    <?php & ?> will start and end php code.
    <a> & </a> will start and end a link.
    <img> & </img> will start and end a picture
    
    Now you should be able to code with Xhtml!


    This tutorial was written by Pc Gamer 2007
    For http://www.Web-Cave.net

    Hope you enjoyed it :D
     
  2. keir

    keir S p i t F i r e

    Joined:
    5 Oct 2003
    Posts:
    4,380
    Likes Received:
    49
    Why have you posted this?
     
  3. AJB2K3

    AJB2K3 What's a Dremel?

    Joined:
    12 Dec 2005
    Posts:
    1,605
    Likes Received:
    4
    Nice start there but the title says XHTML and this starts on a bout HTML !
    Fix the following and ill delete the folowing from this post.
    Bit of a typo here/\
    you put <irame> instead of <iframe>
    And from the w3C
    It does NOT create a scroll box
     
  4. trigger

    trigger Procrastinator

    Joined:
    22 Mar 2004
    Posts:
    1,106
    Likes Received:
    37
    If you were aiming for valid XHTML, you forgot to put your paragraph in <p></p> tags :)
     
  5. cpemma

    cpemma Ecky thump

    Joined:
    27 Nov 2001
    Posts:
    12,328
    Likes Received:
    55
Thread Status:
Not open for further replies.

Share This Page