সোমবার, ২৫ জানুয়ারী, ২০১০

আর শর্টকার্ট নয় সঠিক নিয়মে সবাই মিলে শিখি ওয়েব ডিজাইন ও ওয়েব প্রোগ্রামিং (HTML-2)

টিউন করেছেন : ashim | প্রকাশিত হয়েছে : ৩০ ডিসেম্বর, ২০০৯ | 278 বার দেখা হয়েছে |

আর শর্টকার্ট নয় সঠিক নিয়মে সবাই মিলে শিখি ওয়েব ডিজাইন ও ওয়েব প্রোগ্রামিং (HTML-1) এর মাধ্যমে আমরা HTML সম্পর্কে প্রাথমিক ধারণা অর্জন করেছি। এখন আমরা HTML ব্যবহার করে কিভাবে একটা ওয়েব পেজের ব্যকগ্রাউন্ড কালার দিতে হয় সেই বিষয়টি দেখব।

আমাদের প্রয়োজনীয় Code এবং এর বিভিন্ন অংশ:

আমরা একটা নোটপ্যাড open করে নিচের code টুকু লিখি।


Code:





This is the title of your web site.





This is the body of your web site.







এখন file মেনু থেকে Save as এ ক্লিক করে File name: index.html , Save as type : All files, দিয়ে save করি । save করা index.html ফাইলটি Internet explorer দিয়ে open করলে নিচের মত দেখাবে।



2.a আর শর্টকার্ট নয় সঠিক নিয়মে সবাই মিলে শিখি ওয়েব ডিজাইন ও ওয়েব প্রোগ্রামিং (HTML 2) | Techtunes
C0de বিশ্লেষণ:

,,,<body> ট্যাগ গুলির সাথে আমরা এখন পরিচিত। আমরা যদি একটি ওয়েব পেজে HTML ব্যবহার করে ব্যকগ্রাউন্ড কালার দিতে চাই তাহলে আমাদেরকে <body> ট্যাগের মধ্যে body লেখার পর একটা স্পেস দিয়ে bgcolor=” “ লেখতে হবে এখন আমরা “ ” এর মধ্যে BLACK, SILVER, GRAY, WHITE, MAROON, RED, PURPLE, FUSCHSIA, GREEN, LIME, OLIVE, YELLOW, NAVY, BLUE, TEAL এবং AQUA এই ষেলটি রং এর যে কোন একটি লিখলে আমরা আমাদের তৈরিকৃত পেজের ব্যকগ্রাউন্ডে সেই কালারটি দেখতে পাব। যেহেতু case sensitive নয় তাই ছোট হতের অক্ষরে লিখলেও হবে, যেমন আমি লিখেছি <br /> <br /><body bgcolor=”green“> । <br /> <br /> <br /> <br />এছাড়া আমরা hexadecimal code ব্যবহার করেও ব্যাকগ্রাউন্ড কালার নির্বাচন করে দিতে পারি, যেমন আমরা উপরের কোডটি নিচের মত লেখতে পারি <br /> <br /><body bgcolor=”#00FF00“> । <br /> <br /> <br /> <br /> আমরা PHOTOSHOP এর color piker থেকে সহজেই আমরা বিভিন্ন কালারের জন্য hexadecimal code সংগ্রহ করতে পারি। এছাড়া নিচের চার্ট থেকেও আমরা এ কাজটি করতে পারি। যা হোক আমাদেরকে hexadecimal code এর শুরুতে একটা # চিহ্ন দিয়ে শুরু করতে হবে। <br /> <br />2.b আর শর্টকার্ট নয় সঠিক নিয়মে সবাই মিলে শিখি ওয়েব ডিজাইন ও ওয়েব প্রোগ্রামিং (HTML 2) | Techtunes <br /> <br />এখানেই শেষ নয় ব্যকগ্রাউন্ড কালার দেওয়ার আরও একটা মজার পদ্ধতি আছে। আমরা জানি লাল, সবুজ আর নীল এই তিনটি রং হল মৌলিক রং আর অন্য সব রং হচ্ছে এই তিনটি রং এর সংমিশ্রনে তৈরি। তাই আমরা যদি coding করে এই তিনটি রংকে মিশিয়ে নতুন রং তৈরি করতে পারি ও ব্যবহার করতে পারি তবে তা মন্দ হয় না। তাহলে আমরা সবুজ ব্যকগ্রাউন্ডের জন্য নিচের মত করে লিখতে পারি <br /> <br /><body bgcolor=”rgb(0,255,0)“> । <br /> <br />এখানে rgb অর্থ হল red green blue আর (0,255,0) এর অর্থ হল রংটিতে যথাক্রমে লাল, সবুজ, নীল রং এর পরিমান যথাক্রমে 0%, 100%, 0% কারন আমরা বিশুদ্ধ সবুজ রং নিয়েছি। আর যে কোন রং এর মান 0-255 পর্যন্ত হতে পারে। যেহেতু g বা green এর মান 255 তাই তা 100%। তিনটি রং এর মান 0-255 এর মধ্যে পরিবর্তন করে আমরা আমাদের ইচ্ছা অনুযায়ী নতুন নতুন রং তৈরি করতে পারি । <br /> <br />শেষে দুটি কথা: ছোট একটা ব্যপার লিখতে গিয়ে অনেক বড় করে ফেললাম । অমিও বুঝতে পারিনি যে এত বড় হবে । লেখতে লেখতে অনেক কিছু মাথায় চলে এল তাই শেয়ার করলাম। এক ঘেয়েমি লাগলে ক্ষমা করবেন । কিন্তু যা লেখলাম ভবিষ্যতে coding করতে গিয়ে আমাকেও বারবার এই লেখাটিতে ফিরে দেখতে হবে। আর আমাদের শুধুমাত্র ব্যকগ্রাউন্ডের জন্য নয় Text formating এর জন্যও রং এর code নির্বাচন খুবই গুরুত্বপূর্ণ। তো রঙে রঙে রাঙিয়ে তুলুন আপনার ওয়েব পেজ। সবাই ভাল থাকবেন। <div style='clear: both;'></div> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'> <span class='post-author vcard'> এর দ্বারা পোস্ট করা <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <meta content='https://www.blogger.com/profile/10413353797771666802' itemprop='url'/> <a class='g-profile' href='https://www.blogger.com/profile/10413353797771666802' rel='author' title='author profile'> <span itemprop='name'>jukpresent</span> </a> </span> </span> <span class='post-timestamp'> এই সময়ে <meta content='http://bdwebdevelopment.blogspot.com/2010/01/html-2.html' itemprop='url'/> <a class='timestamp-link' href='http://bdwebdevelopment.blogspot.com/2010/01/html-2.html' rel='bookmark' title='permanent link'><abbr class='published' itemprop='datePublished' title='2010-01-25T14:07:00-08:00'>২:০৭ PM</abbr></a> </span> <span class='post-comment-link'> </span> <span class='post-icons'> <span class='item-control blog-admin pid-1858640178'> <a href='https://www.blogger.com/post-edit.g?blogID=4825252245546390019&postID=8877736896548250755&from=pencil' title='পোস্ট সম্পাদনা করুন'> <img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/> </a> </span> </span> <div class='post-share-buttons goog-inline-block'> </div> </div> <div class='post-footer-line post-footer-line-2'> <span class='post-labels'> </span> </div> <div class='post-footer-line post-footer-line-3'> <span class='post-location'> </span> </div> </div> </div> <div class='comments' id='comments'> <a name='comments'></a> <h4> কোন মন্তব্য নেই:</h4> <div id='Blog1_comments-block-wrapper'> <dl class='avatar-comment-indent' id='comments-block'> </dl> </div> <p class='comment-footer'> <div class='comment-form'> <a name='comment-form'></a> <h4 id='comment-post-message'>একটি মন্তব্য পোস্ট করুন</h4> <p> </p> <a href='https://www.blogger.com/comment/frame/4825252245546390019?po=8877736896548250755&hl=bn' id='comment-editor-src'></a> <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410px' id='comment-editor' name='comment-editor' src='' width='100%'></iframe> <script src='https://www.blogger.com/static/v1/jsbin/4269703388-comment_from_post_iframe.js' type='text/javascript'></script> <script type='text/javascript'> BLOG_CMT_createIframe('https://www.blogger.com/rpc_relay.html'); </script> </div> </p> </div> </div> </div></div> </div> <div class='blog-pager' id='blog-pager'> <span id='blog-pager-newer-link'> <a class='blog-pager-newer-link' href='http://bdwebdevelopment.blogspot.com/2010/01/blog-post_9207.html' id='Blog1_blog-pager-newer-link' title='নবীনতর পোস্ট'>নবীনতর পোস্ট</a> </span> <span id='blog-pager-older-link'> <a class='blog-pager-older-link' href='http://bdwebdevelopment.blogspot.com/2010/01/html-1.html' id='Blog1_blog-pager-older-link' title='পুরাতন পোস্ট'>পুরাতন পোস্ট</a> </span> <a class='home-link' href='http://bdwebdevelopment.blogspot.com/'>হোম</a> </div> <div class='clear'></div> <div class='post-feeds'> <div class='feed-links'> এতে সদস্যতা: <a class='feed-link' href='http://bdwebdevelopment.blogspot.com/feeds/8877736896548250755/comments/default' target='_blank' type='application/atom+xml'>মন্তব্যগুলি পোস্ট করুন (Atom)</a> </div> </div> </div></div> </div> <div id='sidebar-wrapper'> <div class='sidebar section' id='sidebar'><div class='widget HTML' data-version='1' id='HTML1'> <h2 class='title'>Facebook Badge</h2> <div class='widget-content'> <!-- Facebook Badge START --><a href="http://www.facebook.com/russell.khan" title="Russell Khan" target="_TOP" style="font-family: "lucida grande",tahoma,verdana,arial,sans-serif; font-size: 11px; font-variant: normal; font-style: normal; font-weight: normal; color: #3B5998; text-decoration: none;">Russell Khan</a><br /><a href="http://www.facebook.com/russell.khan" title="Russell Khan" target="_TOP"><img src="http://badge.facebook.com/badge/1495713981.411.1992511994.png" width="120" height="389" style="border: 0px;" /></a><br /><a href="http://www.facebook.com/facebook-widgets/" title="Make your own badge!" target="_TOP" style="font-family: "lucida grande",tahoma,verdana,arial,sans-serif; font-size: 11px; font-variant: normal; font-style: normal; font-weight: normal; color: #3B5998; text-decoration: none;">Create Your Badge</a><!-- Facebook Badge END --> </div> <div class='clear'></div> </div><div class='widget BlogArchive' data-version='1' id='BlogArchive1'> <h2>ব্লগ সংরক্ষাণাগার</h2> <div class='widget-content'> <div id='ArchiveList'> <div id='BlogArchive1_ArchiveList'> <ul class='hierarchy'> <li class='archivedate expanded'> <a class='toggle' href='javascript:void(0)'> <span class='zippy toggle-open'> ▼  </span> </a> <a class='post-count-link' href='http://bdwebdevelopment.blogspot.com/2010/'> 2010 </a> <span class='post-count' dir='ltr'>(42)</span> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='http://bdwebdevelopment.blogspot.com/2010/02/'> ফেব্রুয়ারী </a> <span class='post-count' dir='ltr'>(15)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate expanded'> <a class='toggle' href='javascript:void(0)'> <span class='zippy toggle-open'> ▼  </span> </a> <a class='post-count-link' href='http://bdwebdevelopment.blogspot.com/2010/01/'> জানুয়ারী </a> <span class='post-count' dir='ltr'>(27)</span> <ul class='posts'> <li><a href='http://bdwebdevelopment.blogspot.com/2010/01/dofollow.html'>Dofollow এনাবেল ৫০টি ওয়েব ফোরামের লিংক (সাথে একটা...</a></li> <li><a href='http://bdwebdevelopment.blogspot.com/2010/01/download-antivirus-totally-free.html'>Download করুন নতুন নতুন সব ANTIVIRUS Totally Free.</a></li> <li><a href='http://bdwebdevelopment.blogspot.com/2010/01/youtube.html'>আপনার Youtube এর ভিডিও বাফার হতে বেশী সময় নেয়? কিভ...</a></li> <li><a href='http://bdwebdevelopment.blogspot.com/2010/01/blog-post_8920.html'>সাইটের পেজরেঙ্ক এবং এর গুরুত্ব</a></li> <li><a href='http://bdwebdevelopment.blogspot.com/2010/01/blog-post_2935.html'>বাংলা লিখুন, বাংলা লেখা খুব সহজ</a></li> <li><a href='http://bdwebdevelopment.blogspot.com/2010/01/blog-post_26.html'>এখন খুব সহজেই আপনি পেতে পারেন কাঙ্খিত মুভি, গান, স...</a></li> <li><a href='http://bdwebdevelopment.blogspot.com/2010/01/google-adsense-yahoo-adsense.html'>Google Adsense এর বিপ্লব শুরু হয়ে গেছে… Yahoo! Ads...</a></li> <li><a href='http://bdwebdevelopment.blogspot.com/2010/01/html-commnet.html'>HTML কোড-Commnet যোগ করুন আপনার সাইটে</a></li> <li><a href='http://bdwebdevelopment.blogspot.com/2010/01/blog-post_9837.html'>সার্চ ইজ্ঞিন অপটিমাইজেশানে মজিলার একটি জোসস্ এ্যাডঅন</a></li> <li><a href='http://bdwebdevelopment.blogspot.com/2010/01/blog-post_434.html'>সার্চ ইঞ্জিন অপটিমাইজেশন (মাস্টার টিউন)</a></li> <li><a href='http://bdwebdevelopment.blogspot.com/2010/01/website-javascript-slide-show.html'>website এর জন্য একটি চমৎকার javascript slide show</a></li> <li><a href='http://bdwebdevelopment.blogspot.com/2010/01/blog-post_1390.html'>কয়েকটি ফিচার সমৃদ্ধ এবং ভরসা করার মত ফ্রি হোস্টিং ...</a></li> <li><a href='http://bdwebdevelopment.blogspot.com/2010/01/blog-post_8570.html'>এইচ টি এম এল ওয়েব কালার কোড</a></li> <li><a href='http://bdwebdevelopment.blogspot.com/2010/01/blog-post_5410.html'>তৈরী করুন খুবই অল্প সময়ে এবং বিনামুল্যে নিজের সাইট...</a></li> <li><a href='http://bdwebdevelopment.blogspot.com/2010/01/blog-post_2195.html'>আপনার ওয়েব সাইট ভিজিটরের নাড়ি নক্ষত্র দেখে নিন</a></li> <li><a href='http://bdwebdevelopment.blogspot.com/2010/01/cddvd.html'>স্ক্র্যাচ CD/DVD থেকে ডাটা রিকভারি টুল</a></li> <li><a href='http://bdwebdevelopment.blogspot.com/2010/01/website-favicon.html'>Website- এর সৌন্দর্য বৃদ্ধি করে ফেভিকন বা FavIcon,...</a></li> <li><a href='http://bdwebdevelopment.blogspot.com/2010/01/blog-post_9207.html'>২৪ ঘন্টায় পি এইচ পি শিখুন।</a></li> <li><a href='http://bdwebdevelopment.blogspot.com/2010/01/html-2.html'>আর শর্টকার্ট নয় সঠিক নিয়মে সবাই মিলে শিখি ওয়েব ডিজ...</a></li> <li><a href='http://bdwebdevelopment.blogspot.com/2010/01/html-1.html'>আর শর্টকার্ট নয় সঠিক নিয়মে সবাই মিলে শিখি ওয়েব ডিজ...</a></li> <li><a href='http://bdwebdevelopment.blogspot.com/2010/01/delete-download.html'>ফ্রীলেন্সিং শেখার ৮ টি বই (সম্পুন্ন ফ্রী)। Delete ...</a></li> <li><a href='http://bdwebdevelopment.blogspot.com/2010/01/blog-post_5381.html'>ডমেইন এবং ওয়েব হোস্টিং নেবেন কি কি ফিচার দেখে? {...</a></li> <li><a href='http://bdwebdevelopment.blogspot.com/2010/01/web-site-design-and-web-applications.html'>Web Site Design and Web Applications Development এ...</a></li> <li><a href='http://bdwebdevelopment.blogspot.com/2010/01/blog-post_25.html'>একের ভিতর ছয় মুডের রেডিও !!!!!</a></li> <li><a href='http://bdwebdevelopment.blogspot.com/2010/01/blog-post.html'>জাভাস্ক্রিপ্ট কি ? এর কাজ কী ?</a></li> <li><a href='http://bdwebdevelopment.blogspot.com/2010/01/google-search-engine.html'>আমিও GooGle এর চাইতে শক্তিশালী Search Engine বানাই...</a></li> <li><a href='http://bdwebdevelopment.blogspot.com/2010/01/change.html'>এবার Change করুন আপনার ভয়েজ!! চ্যাট হবে ভয়েজকে চেঞ...</a></li> </ul> </li> </ul> </li> </ul> </div> </div> <div class='clear'></div> </div> </div><div class='widget Profile' data-version='1' id='Profile1'> <h2>আমার সম্পর্কে</h2> <div class='widget-content'> <a href='https://www.blogger.com/profile/10413353797771666802'><img alt='আমার ফটো' class='profile-img' height='64' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIpuXVlI0rS3vWW30CuD3IHKSO8NfCjip7z7MajV6m0T1Whvhfh6pDLreC5zpEkUrTobr6eaMWRrJdoJVrzCNJvXB7bMouwDJ3hMowzRM79RTqVQoAxwBkDezXbdH_ig/s220/MY-0002.jpg' width='80'/></a> <dl class='profile-datablock'> <dt class='profile-data'> <a class='profile-name-link g-profile' href='https://www.blogger.com/profile/10413353797771666802' rel='author' style='background-image: url(//www.blogger.com/img/logo-16.png);'> jukpresent </a> </dt> </dl> <a class='profile-link' href='https://www.blogger.com/profile/10413353797771666802' rel='author'>আমার সম্পূর্ণ প্রোফাইল দেখুন</a> <div class='clear'></div> </div> </div></div> </div> <!-- spacer for skins that want sidebar and main to be the same height--> <div class='clear'> </div> </div> <!-- end content-wrapper --> <div id='footer-wrapper'> <div class='footer no-items section' id='footer'></div> </div> </div></div> <!-- end outer-wrapper --> <script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/4290687098-widgets.js"></script> <script type='text/javascript'> window['__wavt'] = 'AOuZoY7DXCokN-0KvsbXt7tatEVgT_movw:1715128990626';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d4825252245546390019','//bdwebdevelopment.blogspot.com/2010/01/html-2.html','4825252245546390019'); _WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '4825252245546390019', 'title': '\u0993\u09df\u09c7\u09ac \u09a1\u09c7\u09ad\u09c7\u09b2\u09aa\u09ae\u09c7\u09a8\u09cd\u099f', 'url': 'http://bdwebdevelopment.blogspot.com/2010/01/html-2.html', 'canonicalUrl': 'http://bdwebdevelopment.blogspot.com/2010/01/html-2.html', 'homepageUrl': 'http://bdwebdevelopment.blogspot.com/', 'searchUrl': 'http://bdwebdevelopment.blogspot.com/search', 'canonicalHomepageUrl': 'http://bdwebdevelopment.blogspot.com/', 'blogspotFaviconUrl': 'http://bdwebdevelopment.blogspot.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': false, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': '', 'encoding': 'UTF-8', 'locale': 'bn', 'localeUnderscoreDelimited': 'bn', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22\u0993\u09df\u09c7\u09ac \u09a1\u09c7\u09ad\u09c7\u09b2\u09aa\u09ae\u09c7\u09a8\u09cd\u099f - Atom\x22 href\x3d\x22http://bdwebdevelopment.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22\u0993\u09df\u09c7\u09ac \u09a1\u09c7\u09ad\u09c7\u09b2\u09aa\u09ae\u09c7\u09a8\u09cd\u099f - RSS\x22 href\x3d\x22http://bdwebdevelopment.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22\u0993\u09df\u09c7\u09ac \u09a1\u09c7\u09ad\u09c7\u09b2\u09aa\u09ae\u09c7\u09a8\u09cd\u099f - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/4825252245546390019/posts/default\x22 /\x3e\n\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22\u0993\u09df\u09c7\u09ac \u09a1\u09c7\u09ad\u09c7\u09b2\u09aa\u09ae\u09c7\u09a8\u09cd\u099f - Atom\x22 href\x3d\x22http://bdwebdevelopment.blogspot.com/feeds/8877736896548250755/comments/default\x22 /\x3e\n', 'meTag': '', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': false, 'adsenseAutoAds': false, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/a26ecadc30bb77e6', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': '\u09b2\u09bf\u0999\u09cd\u0995 \u09aa\u09be\u09a8', 'key': 'link', 'shareMessage': '\u09b2\u09bf\u0999\u09cd\u0995 \u09aa\u09be\u09a8', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Facebook \u098f \u09b6\u09c7\u09df\u09be\u09b0 \u0995\u09b0\u09c1\u09a8', 'target': 'facebook'}, {'name': '\u098f\u099f\u09bf \u09ac\u09cd\u09b2\u0997 \u0995\u09b0\u09c1\u09a8!', 'key': 'blogThis', 'shareMessage': '\u098f\u099f\u09bf \u09ac\u09cd\u09b2\u0997 \u0995\u09b0\u09c1\u09a8!', 'target': 'blog'}, {'name': 'Twitter', 'key': 'twitter', 'shareMessage': 'Twitter \u098f \u09b6\u09c7\u09df\u09be\u09b0 \u0995\u09b0\u09c1\u09a8', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Pinterest \u098f \u09b6\u09c7\u09df\u09be\u09b0 \u0995\u09b0\u09c1\u09a8', 'target': 'pinterest'}, {'name': '\u0987\u09ae\u09c7\u09b2', 'key': 'email', 'shareMessage': '\u0987\u09ae\u09c7\u09b2', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27bn\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': false, 'jumpLinkMessage': '\u0986\u09b0\u0993 \u09aa\u09dc\u09c1\u09a8', 'pageType': 'item', 'postId': '8877736896548250755', 'pageName': '\u0986\u09b0 \u09b6\u09b0\u09cd\u099f\u0995\u09be\u09b0\u09cd\u099f \u09a8\u09df \u09b8\u09a0\u09bf\u0995 \u09a8\u09bf\u09df\u09ae\u09c7 \u09b8\u09ac\u09be\u0987 \u09ae\u09bf\u09b2\u09c7 \u09b6\u09bf\u0996\u09bf \u0993\u09df\u09c7\u09ac \u09a1\u09bf\u099c\u09be\u0987\u09a8 \u0993 \u0993\u09df\u09c7\u09ac \u09aa\u09cd\u09b0\u09cb\u0997\u09cd\u09b0\u09be\u09ae\u09bf\u0982 (HTML-2)', 'pageTitle': '\u0993\u09df\u09c7\u09ac \u09a1\u09c7\u09ad\u09c7\u09b2\u09aa\u09ae\u09c7\u09a8\u09cd\u099f: \u0986\u09b0 \u09b6\u09b0\u09cd\u099f\u0995\u09be\u09b0\u09cd\u099f \u09a8\u09df \u09b8\u09a0\u09bf\u0995 \u09a8\u09bf\u09df\u09ae\u09c7 \u09b8\u09ac\u09be\u0987 \u09ae\u09bf\u09b2\u09c7 \u09b6\u09bf\u0996\u09bf \u0993\u09df\u09c7\u09ac \u09a1\u09bf\u099c\u09be\u0987\u09a8 \u0993 \u0993\u09df\u09c7\u09ac \u09aa\u09cd\u09b0\u09cb\u0997\u09cd\u09b0\u09be\u09ae\u09bf\u0982 (HTML-2)'}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': '\u09b8\u09ae\u09cd\u09aa\u09be\u09a6\u09a8\u09be', 'linkCopiedToClipboard': '\u09b2\u09bf\u0999\u09cd\u0995 \u0995\u09cd\u09b2\u09bf\u09aa\u09ac\u09cb\u09b0\u09cd\u09a1\u09c7 \u0995\u09aa\u09bf \u0995\u09b0\u09be \u09b9\u09df\u09c7\u099b\u09c7!', 'ok': '\u09a0\u09bf\u0995 \u0986\u099b\u09c7', 'postLink': '\u09b2\u09bf\u0999\u09cd\u0995 \u09aa\u09cb\u09b8\u09cd\u099f \u0995\u09b0\u09c1\u09a8'}}, {'name': 'template', 'data': {'isResponsive': false, 'isAlternateRendering': false, 'isCustom': false}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': '\u0986\u09b0 \u09b6\u09b0\u09cd\u099f\u0995\u09be\u09b0\u09cd\u099f \u09a8\u09df \u09b8\u09a0\u09bf\u0995 \u09a8\u09bf\u09df\u09ae\u09c7 \u09b8\u09ac\u09be\u0987 \u09ae\u09bf\u09b2\u09c7 \u09b6\u09bf\u0996\u09bf \u0993\u09df\u09c7\u09ac \u09a1\u09bf\u099c\u09be\u0987\u09a8 \u0993 \u0993\u09df\u09c7\u09ac \u09aa\u09cd\u09b0\u09cb\u0997\u09cd\u09b0\u09be\u09ae\u09bf\u0982 (HTML-2)', 'description': ' \u099f\u09bf\u0989\u09a8 \u0995\u09b0\u09c7\u099b\u09c7\u09a8 : ashim | \u09aa\u09cd\u09b0\u0995\u09be\u09b6\u09bf\u09a4 \u09b9\u09df\u09c7\u099b\u09c7 : \u09e9\u09e6 \u09a1\u09bf\u09b8\u09c7\u09ae\u09cd\u09ac\u09b0, \u09e8\u09e6\u09e6\u09ef | 278 \u09ac\u09be\u09b0 \u09a6\u09c7\u0996\u09be \u09b9\u09df\u09c7\u099b\u09c7 |\r \r \u0986\u09b0 \u09b6\u09b0\u09cd\u099f\u0995\u09be\u09b0\u09cd\u099f \u09a8\u09df \u09b8\u09a0\u09bf\u0995 \u09a8\u09bf\u09df\u09ae\u09c7 \u09b8\u09ac\u09be\u0987 \u09ae\u09bf\u09b2\u09c7 \u09b6\u09bf\u0996\u09bf \u0993\u09df\u09c7\u09ac \u09a1\u09bf\u099c\u09be\u0987...', 'url': 'http://bdwebdevelopment.blogspot.com/2010/01/html-2.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': false, 'isPost': true, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'postId': 8877736896548250755}}]); _WidgetManager._RegisterWidget('_NavbarView', new _WidgetInfo('Navbar1', 'navbar', document.getElementById('Navbar1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header', document.getElementById('Header1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/2213984677-lbx__bn.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/13464135-lightbox_bundle.css'}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML1', 'sidebar', document.getElementById('HTML1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_BlogArchiveView', new _WidgetInfo('BlogArchive1', 'sidebar', document.getElementById('BlogArchive1'), {'languageDirection': 'ltr', 'loadingMessage': '\u09b2\u09cb\u09a1 \u09b9\u099a\u09cd\u099b\u09c7\x26hellip;'}, 'displayModeFull')); _WidgetManager._RegisterWidget('_ProfileView', new _WidgetInfo('Profile1', 'sidebar', document.getElementById('Profile1'), {}, 'displayModeFull')); </script> </body> </html>