Layout

HTML layouts are created by using <div> element along with CSS styles. One single page layout is composed of following elements.

• Header
• Nav
• Section
• article
• aside
• footer

Syntax

In this way HTML layout is created by <div> element.

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>.

Practice Task

Open notepad or any other text editor, follow the following points.

• Create HTML layout
• Use ids #header_ele, #nav_ele, #section_ele, #article_ele, #aside_ele and #footer_ele instead of classes
• Use CSS to style the layout

save file with name task.html or task.htm and then open it using any browser and see results.

HTML Code Generators

Try our HTML generators to practice and generate HTML code in real time.