HTML layouts are created by using <div> element along with CSS styles. One single page layout is composed of following elements.
In this way HTML layout is created by <div> element.
You can create layout by using HTML5 defined elements <header> <nav> <section> <article> <aside> and <footer>
In above example .header, .nav, .section, .article, .asidse and .footer classes are used to create HTML layout. You can use ids #header, #nav, #section, #article, #aside and #footer instead of classes to make layout or you can create layout by using HTML5 elements <header>, <nav>, <section>, <article>, <aside>, and <footer>.
Open notepad or any other text editor, follow the following points.
save file with name task.html or task.htm and then open it using any browser and see results.