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>
