• Newbie Basics – The HTML Layout

    Date: 2011.02.23 | Category: WebDesign | Tags:

    In this article we will look at some HTML tags that you will be using in every HTML document that you create. They are the base for every web page and are the essential pieces of HTML coding to ensure that your pages display correctly.

    The Structure Tags.

    Here is a look at the main structure tags. You will have to get used to these since you will be using them for all your pages.

    We would suggest that you start by copy and pasting the structure into your document then creating my page once they’re in place.

    Make it a habit to ensure that all surfers (regardless of their browsers) will be able to identify your creations. Each of these HTML tags are used in pairs with a start and ending tag in the same way as we mentioned in the previous chapter.

    <HTML> </HTML>

    The HTML tag tells the browser that your page is a valid HTML page.

    The first and last tag on all your HTML documents will be this tag.

    The complete HTML coding for the remainder of your document will be placed between these two HTML tags.

    <HEAD> </HEAD>

    This tag is used to reference your document.

    <TITLE> </TITLE>

    This tag enables you to give your HTML document a title.

    It’s best to insert descriptive text about your page between these tags we will go into this in more detail in the later chapters.

    This will also be the name that is displayed in a web browser’s system tray when someone bookmarks or adds your HTML document to their favorites list.

    <BODY> </BODY>

    The entire coding for your page goes in between these two tags.

    Basically, they mark the beginning and end of your web page’s body. They are the essence of your HTML.

    All your HTML tags in your document will be resting in between these two HTML tags.

    Putting It All Together.

    Now that the main tags have been outlined, it’s time to put them all together. Here is an example of what your HTML documents should look like.

    <HTML>
    <HEAD>
    <TITLE>The Title Of Your Html Document Goes Here</TITLE>
    </HEAD>

    <BODY>

    All your other HTML tags and text goes here.
    This Is the main body of your HTML document.
    At the end of this text you will also see where the closing Body and HTML tags go.

    </BODY>

    </HTML>

    This is the basic structure for any HTML document. Once these tags are in place, the rest is down to you. These Tags are not case sensitive. In other words, you don’t have to use all capital letters like we have in our Chapters. It won’t make a difference to the overall outcome of your tags. However we would recommend using Caps for your tags. It makes them a lot easier to distinguish from all the other sections of your HTML document coding, as you can see in the example above.

    Article written by Lee