{"id":6784,"date":"2015-03-31T13:00:57","date_gmt":"2015-03-31T17:00:57","guid":{"rendered":"http:\/\/bangla.salearningschool.com\/?p=6784"},"modified":"2016-02-18T10:14:36","modified_gmt":"2016-02-18T15:14:36","slug":"%e0%a6%8f%e0%a6%87%e0%a6%9a%e0%a6%9f%e0%a6%bf-%e0%a6%8f%e0%a6%ae-%e0%a6%8f%e0%a6%b2-%e0%a6%b2%e0%a7%87%e0%a6%86%e0%a6%89%e0%a6%9f-html-layouts","status":"publish","type":"post","link":"http:\/\/bangla.sitestree.com\/?p=6784","title":{"rendered":"\u098f\u0987\u099a\u099f\u09bf\u098f\u09ae\u098f\u09b2 \u09b2\u09c7\u0986\u0989\u099f (HTML Layout)"},"content":{"rendered":"

Md. Mursedul Islam Sumon<\/p>\n

Web Designer<\/p>\n

 <\/p>\n

\u098f\u0987\u099a\u099f\u09bf\u098f\u09ae\u098f\u09b2 \u09b2\u09c7\u0986\u0989\u099f (HTML Layouts)<\/h2>\n

\u09ac\u09bf\u09ad\u09bf\u09a8\u09cd\u09a8 \u0993\u09df\u09c7\u09ac\u09b8\u09be\u0987\u099f\u09c7 \u0985\u09a8\u09c7\u0995 \u09b8\u09ae\u09df\u0987 \u09b2\u0995\u09cd\u09b7\u09cd\u09af \u0995\u09b0\u09be \u09af\u09be\u09df \u09af\u09c7 \u09b2\u09bf\u0996\u09be\u0997\u09c1\u09b2\u09cb \u0995\u09df\u09c7\u0995\u099f\u09bf \u0995\u09b2\u09be\u09ae\u09c7 \u09ac\u09bf\u09ad\u0995\u09cd\u09a4 \u0995\u09b0\u09be \u09a5\u09be\u0995\u09c7\u0964 \u09af\u09c7\u09ae\u09a8, \u09ae\u09cd\u09af\u09be\u0997\u09be\u099c\u09bf\u09a8, \u09a8\u09bf\u0989\u099c\u09aa\u09c7\u09aa\u09be\u09b0 \u0987\u09a4\u09cd\u09af\u09be\u09a6\u09bf\u0964<\/p>\n

HTML \u098f <div> tag \u098f\u09b0 \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09c7 layout design \u09ac\u09be \u0995\u09b2\u09be\u09ae\u09c7 \u09ac\u09bf\u09ad\u0995\u09cd\u09a4 \u0995\u09b0\u09be \u09af\u09be\u09df\u0964<\/p>\n

div element \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09c7 \u09aa\u09cd\u09b0\u09be\u09df layout \u0995\u09b0\u09be \u09b9\u09df, \u0995\u09be\u09b0\u09a8 div \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09b2\u09c7 \u098f\u0995\u09c7 \u09b8\u09b9\u099c\u09c7\u0987 CSS \u09a6\u09bf\u09df\u09c7 \u098f\u09b0 \u0985\u09ac\u09b8\u09cd\u09a5\u09be\u09a8 \u0993 \u09b8\u09ac\u0995\u09bf\u099b\u09c1 design \u0995\u09b0\u09c7 \u09a8\u09c7\u09df\u09be \u09af\u09be\u09df\u0964<\/p>\n

\u09a8\u09bf\u099a\u09c7\u09b0 \u0989\u09a6\u09be\u09b9\u09b0\u09a3\u099f\u09bf\u09a4\u09c7 \u099a\u09be\u09b0\u099f\u09bf div \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09c7 \u0995\u09df\u09c7\u0995\u099f\u09bf \u0995\u09b2\u09be\u09ae \u09a4\u09c8\u09b0\u09bf \u0995\u09b0\u09be \u09b9\u09b2-<\/p>\n

\n

<body><\/p>\n

<div id=”header”>
\n<h1>City Gallery<\/h1>
\n<\/div><\/p>\n

<div id=”nav”>
\nLondon<br>
\nParis<br>
\nTokyo<br>
\n<\/div><\/p>\n

<div id=”section”>
\n<h1>London<\/h1>
\n<p>
\nLondon is the capital city of England. It is the most populous city in the United Kingdom,
\nwith a metropolitan area of over 13 million inhabitants.
\n<\/p>
\n<p>
\nStanding on the River Thames, London has been a major settlement for two millennia,
\nits history going back to its founding by the Romans, who named it Londinium.
\n<\/p>
\n<\/div><\/p>\n

<div id=”footer”>
\nCopyright \u00a9 W3Schools.com
\n<\/div><\/p>\n

<\/body><\/p>\n

\n
<\/pre>\n
\u0989\u09aa\u09b0\u09cb\u0995\u09cd\u09a4 html \u098f\u09b0 CSS part \u099f\u09c1\u0995\u09c1 \u09a8\u09bf\u09ae\u09cd\u09a8\u09b0\u09c1\u09aa<\/strong><\/p>\n
\n
<style>\r\n#header <\/span>{\r\n\u00a0\u00a0\u00a0 background-color:<\/span>black;<\/span>\r\n \u00a0\u00a0 color:<\/span>white;<\/span>\r\n \u00a0\u00a0 text-align:<\/span>center;<\/span>\r\n\u00a0\u00a0\u00a0 padding:<\/span>5px;<\/span>\r\n}\r\n#nav <\/span>{\r\n\u00a0\u00a0\u00a0 line-height:<\/span>30px;<\/span>\r\n \u00a0\u00a0 background-color:<\/span>#eeeeee;<\/span>\r\n\u00a0\u00a0\u00a0 height:<\/span>300px;<\/span>\r\n\u00a0\u00a0\u00a0 width:<\/span>100px;<\/span>\r\n \u00a0\u00a0 float:<\/span>left;<\/span>\r\n \u00a0\u00a0 padding:<\/span>5px;<\/span> \r\n}\r\n#section <\/span>{\r\n\u00a0\u00a0\u00a0 width:<\/span>350px;<\/span>\r\n\u00a0\u00a0\u00a0 float:<\/span>left;<\/span>\r\n \u00a0\u00a0 padding:<\/span>10px;<\/span> \r\n}\r\n#footer <\/span>{\r\n\u00a0\u00a0\u00a0 background-color:<\/span>black;<\/span>\r\n \u00a0\u00a0 color:<\/span>white;<\/span>\r\n\u00a0\u00a0\u00a0 clear:<\/span>both;<\/span>\r\n\u00a0\u00a0\u00a0 text-align:<\/span>center;<\/span>\r\n \u00a0\u00a0 padding:<\/span>5px;<\/span> \r\n}\r\n <\/style><\/span><\/pre>\n
\n
 <\/p>\n
\u09ab\u09b2\u09be\u09ab\u09b2\u0983<\/strong><\/p>\n
\n
\"Table\"<\/a><\/p>\n
\n
 <\/p>\n
HTML5 \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09c7 \u0993\u09af\u09bc\u09c7\u09ac\u09b8\u09be\u0987\u099f \u09ac\u09bf\u09a8\u09cd\u09af\u09be\u09b8<\/h2>\n
HTML5 \u09a6\u09bf\u09df\u09c7 \u0996\u09c1\u09ac \u09b8\u09c1\u09a8\u09cd\u09a6\u09b0\u09ad\u09be\u09ac\u09c7 \u0993 \u09b8\u09b9\u099c\u09c7\u0987 \u098f\u0995\u099f\u09be website \u098f\u09b0 layout \u09a4\u09c8\u09b0\u09bf \u0995\u09b0\u09be \u09af\u09be\u09df\u0964<\/p>\n
HTML5 \u098f\u09b0 \u0995\u09bf\u099b\u09c1 \u09a8\u09a4\u09c1\u09a8 Tag \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09c7 \u09b8\u09b9\u099c\u09c7\u0987 website \u098f\u09b0 \u09ac\u09bf\u09ad\u09bf\u09a8\u09cd\u09a8 part \u0986\u09b2\u09be\u09a6\u09be \u0995\u09b0\u09be \u09af\u09be\u09df\u0964<\/p>\n
 <\/p>\n\n\n\n\n\n\n\n\n
header = \u098f\u0987 tag \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09c7 website \u098f\u09b0 header section \u0995\u09c7 \u09ac\u09c1\u099d\u09be\u09a8\u09cb \u09b9\u09df\u0964<\/td>\n<\/tr>\n
nav = \u098f\u0987 tag \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09c7 \u09ae\u09c7\u09a8\u09c1\u09b0 \u0986\u0987\u099f\u09c7\u09ae\u0997\u09c1\u09b2\u09cb\u09b0 link \u0995\u09b0\u09be \u09b9\u09df\u0964<\/td>\n<\/tr>\n
section = \u098f\u0987 tag \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09c7 \u0995\u09cb\u09a8 document \u098f\u09b0 section \u09ac\u09c1\u099d\u09be\u09a8\u09cb \u09b9\u09df\u0964<\/td>\n<\/tr>\n
article = \u098f\u0987 tag \u09a6\u09bf\u09df\u09c7 \u098f\u0995\u099f\u09bf article \u09ac\u09c1\u099d\u09be\u09a8\u09cb \u09b9\u09df\u0964<\/td>\n<\/tr>\n
aside = \u098f\u0987 tag \u09a6\u09bf\u09df\u09c7 \u09aa\u09c7\u099c \u098f\u09b0 sidebar \u09ac\u09c1\u099d\u09be\u09a8\u09cb \u09b9\u09df\u0964<\/td>\n<\/tr>\n
footer = \u098f\u0987 tag \u09a6\u09bf\u09df\u09c7 \u09aa\u09c7\u099c \u098f\u09b0 \u09b8\u09b0\u09cd\u09ac\u09a8\u09bf\u09ae\u09cd\u09a8 \u0985\u0982\u09b6 \u09ac\u09be footer part \u09ac\u09c1\u099d\u09be\u09a8\u09cb \u09b9\u09df\u0964<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
\u09a8\u09bf\u099a\u09c7\u09b0 \u0989\u09a6\u09be\u09b9\u09b0\u09a8\u09c7 <header>, <nav>, <section>, \u098f\u09ac\u0982 <footer> \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09c7 layout \u09a4\u09c8\u09b0\u09bf \u0995\u09b0\u09be \u09a6\u09c7\u0996\u09be\u09a8\u09cb \u09b9\u09b2-<\/p>\n
\n
<body><\/p>\n
<header>
\n<h1>City Gallery<\/h1>
\n<\/header><\/p>\n
<nav>
\nLondon<br>
\nParis<br>
\nTokyo<br>
\n<\/nav><\/p>\n
<section>
\n<h1>London<\/h1>
\n<p>
\nLondon is the capital city of England. It is the most populous city in the United Kingdom,
\nwith a metropolitan area of over 13 million inhabitants.
\n<\/p>
\n<p>
\nStanding on the River Thames, London has been a major settlement for two millennia,
\nits history going back to its founding by the Romans, who named it Londinium.
\n<\/p>
\n<\/section><\/p>\n
<footer>
\nCopyright \u00a9 W3Schools.com
\n<\/footer><\/p>\n
<\/body><\/p>\n
\n
 <\/p>\n
 <\/p>\n
\u0989\u09aa\u09b0\u09cb\u0995\u09cd\u09a4 html \u098f\u09b0 CSS \u09a8\u09bf\u09ae\u09cd\u09a8\u09c7 \u09a6\u09c7\u09df\u09be \u09b9\u09b2-<\/p>\n
\n
<style>\r\n header {\r\n \u00a0\u00a0\u00a0 background-color:black;\r\n \u00a0\u00a0\u00a0 color:white;\r\n \u00a0\u00a0\u00a0 text-align:center;\r\n \u00a0\u00a0\u00a0 padding:5px; \r\n }\r\n nav {\r\n \u00a0\u00a0\u00a0 line-height:30px;\r\n \u00a0\u00a0\u00a0 background-color:#eeeeee;\r\n \u00a0\u00a0\u00a0 height:300px;\r\n \u00a0\u00a0\u00a0 width:100px;\r\n \u00a0\u00a0\u00a0 float:left;\r\n \u00a0\u00a0\u00a0 padding:5px; \r\n }\r\n section {\r\n \u00a0\u00a0\u00a0 width:350px;\r\n \u00a0\u00a0\u00a0 float:left;\r\n \u00a0\u00a0\u00a0 padding:10px; \r\n }\r\n footer {\r\n \u00a0\u00a0\u00a0 background-color:black;\r\n \u00a0\u00a0\u00a0 color:white;\r\n \u00a0\u00a0\u00a0 clear:both;\r\n \u00a0\u00a0\u00a0 text-align:center;\r\n \u00a0\u00a0\u00a0 padding:5px; \r\n }<\/pre>\n
\n
<\/pre>\n
\u099f\u09c7\u09ac\u09bf\u09b2<\/span> \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09c7 HTML<\/span> \u09ac\u09bf\u09a8\u09cd\u09af\u09be\u09b8<\/span><\/span><\/h2>\n
Table tag \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09c7 html layout \u09a4\u09c8\u09b0\u09bf \u0995\u09b0\u09be \u09af\u09be\u09df\u0964<\/p>\n
\n
<body>\r\n \r\n <table class=\"lamp\">\r\n <tr>\r\n \u00a0 <th>\r\n \u00a0\u00a0\u00a0 <img src=\"\/images\/lamp.jpg\" alt=\"Note\" style=\"height:32px;width:32px\">\r\n \u00a0 <\/th>\r\n \u00a0 <td>\r\n \u00a0\u00a0\u00a0 The table element was not designed to be a layout tool.\r\n \u00a0 <\/td>\r\n <\/tr>\r\n <\/table>\r\n \r\n <\/body><\/pre>\n
\n
<\/pre>\n
 <\/p>\n
\u0989\u09aa\u09b0\u09cb\u0995\u09cd\u09a4 html \u098f\u09b0 CSS \u09a8\u09bf\u09ae\u09cd\u09a8\u09c7 \u09a6\u09c7\u09df\u09be \u09b9\u09b2-<\/p>\n
\n
<style>\r\n table.lamp {\r\n \u00a0\u00a0\u00a0 width:100%;\r\n \u00a0\u00a0\u00a0 border:1px solid #d4d4d4;\r\n }\r\n table.lamp th, td {\r\n \u00a0\u00a0\u00a0 padding:10px;\r\n }\r\n table.lamp th {\r\n \u00a0\u00a0\u00a0 width:40px;\r\n }\r\n <\/style><\/pre>\n
\n
\u00a0\r\n<\/pre>\n","protected":false},"excerpt":{"rendered":"
Md. Mursedul Islam Sumon Web Designer   \u098f\u0987\u099a\u099f\u09bf\u098f\u09ae\u098f\u09b2 \u09b2\u09c7\u0986\u0989\u099f (HTML Layouts) \u09ac\u09bf\u09ad\u09bf\u09a8\u09cd\u09a8 \u0993\u09df\u09c7\u09ac\u09b8\u09be\u0987\u099f\u09c7 \u0985\u09a8\u09c7\u0995 \u09b8\u09ae\u09df\u0987 \u09b2\u0995\u09cd\u09b7\u09cd\u09af \u0995\u09b0\u09be \u09af\u09be\u09df \u09af\u09c7 \u09b2\u09bf\u0996\u09be\u0997\u09c1\u09b2\u09cb \u0995\u09df\u09c7\u0995\u099f\u09bf \u0995\u09b2\u09be\u09ae\u09c7 \u09ac\u09bf\u09ad\u0995\u09cd\u09a4 \u0995\u09b0\u09be \u09a5\u09be\u0995\u09c7\u0964 \u09af\u09c7\u09ae\u09a8, \u09ae\u09cd\u09af\u09be\u0997\u09be\u099c\u09bf\u09a8, \u09a8\u09bf\u0989\u099c\u09aa\u09c7\u09aa\u09be\u09b0 \u0987\u09a4\u09cd\u09af\u09be\u09a6\u09bf\u0964 HTML \u098f <div> tag \u098f\u09b0 \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09c7 layout design \u09ac\u09be \u0995\u09b2\u09be\u09ae\u09c7 \u09ac\u09bf\u09ad\u0995\u09cd\u09a4 \u0995\u09b0\u09be \u09af\u09be\u09df\u0964 div element \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09c7 \u09aa\u09cd\u09b0\u09be\u09df layout \u0995\u09b0\u09be \u09b9\u09df, \u0995\u09be\u09b0\u09a8 div \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09b2\u09c7 … <\/p>\n
Continue reading<\/a><\/p>\n","protected":false},"author":8,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_post_was_ever_published":false},"categories":[494],"tags":[1581,1803,492,347,357,731,210,346,530,732,424,730],"class_list":["post-6784","post","type-post","status-publish","format-standard","hentry","category--html","tag-bangla","tag-bengali","tag-css","tag-html","tag-html5","tag-layout","tag-tutorial","tag-346","tag-530","tag-732","tag-424","tag-730","item-wrap"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack-related-posts":[{"id":6780,"url":"http:\/\/bangla.sitestree.com\/?p=6780","url_meta":{"origin":6784,"position":0},"title":"\u098f\u0987\u099a\u099f\u09bf\u098f\u09ae\u098f\u09b2 \u09ac\u09cd\u09b2\u0995 (HTML Block and Inline Elements)","author":"Author-Check- Article-or-Video","date":"March 29, 2015","format":false,"excerpt":"\u098f\u0987\u099a\u099f\u09bf \u098f\u09ae \u098f\u09b2 \u09ac\u09cd\u09b2\u0995 (HTML Block Elements) \u09a8\u09be\u09ae-\u09b6\u09b0\u09bf\u09ab\u09c1\u09b2 \u0987\u09b8\u09b2\u09be\u09ae Php Coder \u00a0 \u0989\u09a6\u09be\u09b9\u09b0\u09a3\u0983 
 
London<\/h2> 
London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.<\/p> <\/div> \u00a0 \u09ab\u09b2\u09be\u09ab\u09b2\u0983 London London is\u2026","rel":"","context":"In "\u098f\u0987\u099a\u099f\u09bf\u098f\u09ae\u098f\u09b2 HTML"","block_context":{"text":"\u098f\u0987\u099a\u099f\u09bf\u098f\u09ae\u098f\u09b2 HTML","link":"http:\/\/bangla.sitestree.com\/?cat=494"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":6770,"url":"http:\/\/bangla.sitestree.com\/?p=6770","url_meta":{"origin":6784,"position":1},"title":"\u098f\u0987\u099a\u099f\u09bf\u098f\u09ae\u098f\u09b2 \u098f\u09b0 \u09b8\u09bf\u098f\u09b8\u098f\u09b8 (HTML Style – CSS)","author":"Author-Check- Article-or-Video","date":"March 24, 2015","format":false,"excerpt":"\u09b6\u09b0\u09bf\u09ab\u09c1\u09b2 \u0987\u09b8\u09b2\u09be\u09ae Php Coder \u00a0 HTML Styles - CSS \u00a0\u0989\u09a6\u09be\u09b9\u09b0\u09a3