Saturday, 22 August 2015

Html Layouts

Html Layouts:

Usually websites display content in multiple columns,like magzine or newspaper.

Using <div> Element In Html Layouts:


<div> element is used as layout tool because it can be easily fit with Css.
In following example 4 <div> elements are used to create multiple column.

Example:


The CSS:


Layout Using Html5 Of Website:

Html5 offers semantic elements that defines parts of webpage.

In this example <header>,<nav>,<section> and <footer> to create multiple column layout.

Example:


The CSS:


Layout Using Tables In Html:

Layout can be acheived by <table> element because table element can be styled by Css.

Example:


No comments:

Post a Comment