[Basic Web Design] Part 2 - Constructing web layout

The basic markup :
<!DOCTYPE html>
<html>
<head>
<title>Basic Web Design</title>
<head>
<body>
</body>
</html>
Save it as index.html and we already create HTML 5 document. Now, create the web main section into <body> tag :

<header>
<!--Page title-->
</header>

<nav>
<!--Navigation-->
</nav>

<section id='highlight'>
<!--Highlight-->
</section>

<section id='content'>
   <aside id='left-side'>
   <!--Left side content-->
   </aside>

   <aside id='right-side'>
   <!--Right side content-->
   </aside>
</section

<footer>
<!--Footer here-->
</footer>
Next, we will applying style(section width, height, border etc) to this section using CSS3.

Write by Arafa Daming
Labels: