I am aware of DIV tags, but I have never used exclusively to design a whole page layout, I have used them in conjuction with tables.
Here is my oportunity to ditch the tables and learn how to use the DIV tag.
QUOTE:
<div> is the professional way of designing the webpage. It provides flexibility in web designing as you can make any kind of design using CSS. But the problem with CSS is that, its debugging is not easy and people find it hard to learn. That’s why they stick to <table>.<table> is easier to learn and implement as you have to only figure out the layout of rows and cells.source: http://theprofessionalspoint.blogspot.com.au/2012/04/div-vs-table-tag-which-one-to-use.html
|The two most useful sites for learning and understanding DIV tags are:
W3Schools - http://www.w3schools.com/
and
Youtube - http://www.youtube.com
Both these sites were a fantastic resoruce for learning how to use DIV tags, and the associated CSS styles.
Youtube Video Links:
Learning to use CSS and DIV Tags for Columns in Dreamweaverhttp://www.youtube.com/watch?v=vSJT7Wf6A04
HTML div tag Example and Tutorial using CSS
http://www.youtube.com/watch?v=68kiDajh1lg
HTML 101 - The Div Tag
http://www.youtube.com/watch?v=3JvUqqKNh8M
Floating Div Tags :: Dreamweaver Tutorial
http://www.youtube.com/watch?v=B_JLXPDH-jY
Relative and Absolute Positioning of Div Tags, Nesting Tags
http://www.youtube.com/watch?v=YLWLfzx4nq0
Links:
The Professionals Point: DIV vs TABLE tag: Which one to use?
http://theprofessionalspoint.blogspot.com.au/2012/04/div-vs-table-tag-which-one-to-use.html
Adobe Community: Choosing <div> vs <table> layout
http://forums.adobe.com/thread/1183246
HTML Layouts - W3Schools
http://www.w3schools.com/html/html_layout.asp
No comments:
Post a Comment