Techcations Web Page Header/Banner image
Home     |     Educational Video Tutorials     |     Staff's Favorite DYI Videos     |     Services     |     Author & Friends

Web Design 101 lesson 1: How to setup the HTML layout

The first thing everyone must learn to create their own web pages is what html tags are and the HTML page layout. In this educational video tutorial Matthew Werstler will explain: what html tags are, the starting html tag, head html tag, title html tag, and body html tag. With this knowledge you will be able to write the most basic of web pages, and make the title appear correctly at the top of the web browser.




The videos above are gear towards people with absolutely no web design or html experience. Matthew Werstler explains the very basics of how to setup a web page.

    The tutorial explains:
  • What html tags are and how to open and close.
    • How white space (i.e. blank space is ignored in html). How easy it is to rename a .txt document to an .html document. To always start your html document with starting html tag <html> and end with the closing html tag </html>. The head <head></head>section loads browser information that is not visible in the main output of the web page. If the title tag <title> is added in the head section with text before it’s closing </title> it will put the title on the title bar of the web browser. The in between the opening and closing body tag is where all the pages content goes (i.e. <body>content</body>). The break tag <br/> will give you a line return.

The HTML Page Layout is as follows:
<html>
      <head>
            <title>Title of your page goes here</title>
      </head>
      <body>
            The content of text of your page goes here, and <br/>
            can be used for line breaks.
      </body>
</html>

Author: Matthew Werstler

Take a vacation from life and get a technical education at Techcation.com