Div tags in HTML 5 - Video tutorial for beginners

- Div tags in HTML 5

This video will teach you how to create a simple website layout using HTML div tags and some CSS. Therefore it is also recommended that you watch our CSS video tutorials for beginners before watching this HTML/CSS video tutorial.

The source code is available in the text box below - please feel free to copy it

<!--
#wrapper {
    width: 700px;
    height: 1000px;
    margin-left: auto;
    margin-right: auto;
    border-style: solid;
    border-width: thin;

}

#header {
    width: 600px;
    height: 100px;
    margin-left: auto;
    margin-right: auto;
    border-style: solid;
    border-width: thin;
    background-color: #CCC;


}
#menu {
    width: 100px;
    height: 600px;
    margin-left: 50px;
    border-style: solid;
    border-width: thin;
    float: left;


}
#content {
    width: 475px;
    height: 600px;
    margin-right: 50px;
    border-style: solid;
    border-width: thin;
    float: right;


}

<!DOCTYPE html>
<HTML lang="en-US">
    <HEAD>
        <TITLE> Divs in HTML and CSS </TITLE>
        <META charset="utf-8" />
        <META name="keywords" content="" />
        <META name="description" content="" />
        <link rel="stylesheet" href="Stylesheet.css" type="text/css" />
    </HEAD>
    <BODY>


        <div id="wrapper">


        <div id="header"></div>

        <div id="menu">This is the menu</div>

        <div id="content">This is content</div>
        </div>
    </BODY>
</HTML>



-->

Video tags:
This video relates to subjects such as: Make your own website, build your own website, free website , Making a website from scratch , web design, HTML website, websites, html, video tutorials, free tutorials, beginner tutorials, div tags in HTML, div tags in CSS, layout using div tags

If your have any comments, then feel free to use the form below. Everyone can comment without using a login.