tag:blogger.com,1999:blog-12800031186682141482024-03-14T04:20:09.797+06:00Web and Seo Tutorial Center
Md.Azizul Islamhttp://www.blogger.com/profile/15222849926934364194noreply@blogger.comBlogger57125tag:blogger.com,1999:blog-1280003118668214148.post-34094325570319380542017-04-14T15:16:00.002+06:002017-04-14T15:16:29.766+06:00Not everything happens by all || Best prank || USA <div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://www.youtube.com/watch?v=Ix6H2imWRKg" target="_blank"><iframe width="320" height="266" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/Ix6H2imWRKg/0.jpg" src="https://www.youtube.com/embed/Ix6H2imWRKg?feature=player_embedded" frameborder="0" allowfullscreen></iframe></a></div>
<br /></div>
Md.Azizul Islamhttp://www.blogger.com/profile/15222849926934364194noreply@blogger.com0tag:blogger.com,1999:blog-1280003118668214148.post-54064973168126346762017-04-11T21:53:00.000+06:002017-04-11T21:53:13.275+06:00Schedule of IPL 2017 <div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<iframe width="320" height="266" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/CoPbjD39ItM/0.jpg" src="https://www.youtube.com/embed/CoPbjD39ItM?feature=player_embedded" frameborder="0" allowfullscreen></iframe></div>
<br /></div>
Md.Azizul Islamhttp://www.blogger.com/profile/15222849926934364194noreply@blogger.com0tag:blogger.com,1999:blog-1280003118668214148.post-14833269006031791912017-04-09T09:23:00.002+06:002017-04-09T10:04:14.699+06:00<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
মেজিক দেখুন। </div>
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen="" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/Dhm76DasZ7o/0.jpg" frameborder="0" height="266" src="https://www.youtube.com/embed/Dhm76DasZ7o?feature=player_embedded" width="320"></iframe></div>
<br /></div>
Md.Azizul Islamhttp://www.blogger.com/profile/15222849926934364194noreply@blogger.com0tag:blogger.com,1999:blog-1280003118668214148.post-5626347720435590382017-04-09T09:12:00.002+06:002017-04-09T09:13:57.802+06:00Fireball Effect || Bangladesh<div dir="ltr" style="text-align: left;" trbidi="on">
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://youtu.be/-PI713fe0mA" style="margin-left: auto; margin-right: auto;" target="_blank"><img alt="Fire ball effects" border="0" src="https://3.bp.blogspot.com/-JjJJaaslK-0/WOmmK1fIFkI/AAAAAAAAB5s/j94VmA3IwgYArkeATHr0QR9q9JBJuORmQCLcB/s1600/Screenshot_1.png" title="after effect " /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Add caption</td></tr>
</tbody></table>
<br /></div>
Md.Azizul Islamhttp://www.blogger.com/profile/15222849926934364194noreply@blogger.com0tag:blogger.com,1999:blog-1280003118668214148.post-34758619329455802992017-03-05T18:52:00.000+06:002017-03-05T18:52:24.002+06:00সিএসএস লিংক টিউটোরিয়াল (Pseudo Class)<div dir="ltr" style="text-align: left;" trbidi="on">
<div align="center" class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-align: center; text-autospace: none;">
<b><u><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">সিএসএস লিংক টিউটোরিয়াল (</span></u></b><b><u><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">Pseudo Class)<span style="font-size: 11pt;"><o:p></o:p></span></span></u></b></div>
<div align="center" class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-align: center; text-autospace: none;">
<b><u><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: HI;"><br /></span></u></b></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<a href="https://3.bp.blogspot.com/-rPi_7bw1U8c/WLwI8oTnsPI/AAAAAAAABy0/eAWigl7I68UBRcq7zg4YU6pn1iqgy8fjQCLcB/s1600/Screenshot_1.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Pseudo Class" border="0" src="https://3.bp.blogspot.com/-rPi_7bw1U8c/WLwI8oTnsPI/AAAAAAAABy0/eAWigl7I68UBRcq7zg4YU6pn1iqgy8fjQCLcB/s1600/Screenshot_1.png" title="web and seo turorial" /></a><span lang="BN" style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">সিএসএস এর মাধ্যমে এনকর ট্যাগ বা লিংকে এ আমরা ইফেক্ট যোগ করতে পারি।<a href="http://w3bay.com/" target="_blank">http://w3bay.com</a></span><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: HI;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">সিএসএস এনকর/লিংক অবস্থা: আপনি কি জানেন লিংক এর চারটি ভিন্ন অবস্থা আছে। সিএসএস এর
মাধ্যমে প্রতিটি অবস্থাকে </span><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: HI;">customize </span><span lang="BN" style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">করা
যায়। নিচের </span><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: HI;">keyword </span><span lang="BN" style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">গুলো আলাদা অবস্থা নির্দেশ করে।<a href="http://w3bay.com/" target="_blank">http://w3bay.com</a></span><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: HI;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">১ </span><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: HI;">link –</span><span lang="BN" style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">এটি একটি লিংক যেটি ব্যবহার হয়নি ।<a href="http://w3bay.com/" target="_blank">http://w3bay.com</a></span><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: HI;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">২ </span><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: HI;">visited - </span><span lang="BN" style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">এটি একটি লিংক যা পূর্বে ব্যবহার হয়েছে কিন্তূ লিংকের ঊপর </span><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: HI;">mouse </span><span lang="BN" style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">রাখা
হয়নি।<a href="http://w3bay.com/" target="_blank">http://w3bay.com</a></span><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: HI;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">৩ </span><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: HI;">hover - </span><span lang="BN" style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">এটি একটি লিংক যার ঊপর মাউস রাখার সাথে সাথে </span><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: HI;">visual </span><span lang="BN" style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">ইফেক্ট
দেখাবে।<a href="http://w3bay.com/" target="_blank">http://w3bay.com</a></span><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: HI;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">৪ </span><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: HI;">active - </span><span lang="BN" style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">এটি একটি লিংক যেটা বর্তমানে সক্রিয় আছে</span><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: HI;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<b><u><span lang="BN" style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">সিএসএস </span></u></b><b><u><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: HI;">Pseudo-Classes:<a href="http://w3bay.com/" target="_blank">http://w3bay.com</a><o:p></o:p></span></u></b></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">সিএসএস </span><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: HI;">Pseudo-Classe </span><span lang="BN" style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">এর মাধ্যমে আমরা
সিএসএস লিংক এর চারটি অবস্থাকে(</span><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: HI;">state)modify
</span><span lang="BN" style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">করতে পারি।<a href="http://w3bay.com/" target="_blank">http://w3bay.com</a></span><b><u><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;"><o:p></o:p></span></u></b></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;"><br /></span></div>
<div align="center" class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-align: center; text-autospace: none;">
<b><u><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">সিএসএস কার্সর (</span></u></b><b><u><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">CSS Cursor)<span style="font-size: 11pt;"><o:p></o:p></span></span></u></b></div>
<div align="center" class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-align: center; text-autospace: none;">
<b><u><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: HI;"><br /></span></u></b></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">আমরা উইন্ডোজ</span><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: HI;">, </span><span lang="BN" style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">লিনাক্স
ব্যবহার সময় বিভিন্ন মাউস কার্সর আইকন দেখেছি। বিভিন্ন পরিস্থিতি সাপেক্ষে মাউস
কার্সর এর আইকন বিভিন্ন হয়। জনসাধারন যখন আপনার </span><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: HI;">site visit </span><span lang="BN" style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">করবে সেখানেও বিভিন্ন পরিস্থিতি সাপেক্ষে মাউস এর আইকন
বিভিন্ন করে তৈরী করা যায়। যা সিএসএস দ্বারা করা সম্ভব ।<a href="http://w3bay.com/" target="_blank">http://w3bay.com</a></span><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: HI;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">সিএসএস কার্সর আইকন: এবার আপনাদের দেখাবো কিভাবে বিভিন্ন
এইচটিএমএল এলিমেন্ট এর জন্য মাউস কার্সর আইকন পরিবর্তন করা যায়।<a href="http://w3bay.com/" target="_blank">http://w3bay.com</a></span><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: HI;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">১ </span><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: HI;">default - normal mouse cursor icon </span><span lang="BN" style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">প্রদর্শন করে।</span><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: HI;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">২ </span><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: HI;">wait – </span><span lang="BN" style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">এই </span><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: HI;">mouse
icon </span><span lang="BN" style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">নির্দেশ করে যে </span><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: HI;">computer </span><span lang="BN" style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">চিন্তা
করছে।<a href="http://w3bay.com/" target="_blank">http://w3bay.com</a></span><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: HI;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">৩ </span><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: HI;">crosshair - cross hair </span><span lang="BN" style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">চিহ্ন প্রদর্শন করে।<a href="http://w3bay.com/" target="_blank">http://w3bay.com</a></span><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: HI;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">৪ </span><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: HI;">text - </span><span lang="BN" style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">এই
"</span><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: HI;">I" shape icon
</span><span lang="BN" style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">টি নির্দেশ করে যে</span><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: HI;">, </span><span lang="BN" style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">যখন আপনি কোন </span><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: HI;">text </span><span lang="BN" style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">কে
</span><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: HI;">select </span><span lang="BN" style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">করবেন।<a href="http://w3bay.com/" target="_blank">http://w3bay.com</a></span><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: HI;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">৫ </span><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: HI;">pointer – </span><span lang="BN" style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">এই </span><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: HI;">hand icon </span><span lang="BN" style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">টি নির্দেশ করে যে</span><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: HI;">, </span><span lang="BN" style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">যখন আপনি কোন এইচটিএমএল </span><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: HI;">link </span><span lang="BN" style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">ঊপর
</span><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: HI;">hover </span><span lang="BN" style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">করবেন।</span><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: HI;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">৬ </span><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: HI;">help- </span><span lang="BN" style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">এই </span><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: HI;">icon </span><span lang="BN" style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">টি নির্দেশ করে
যে আপনি কোন বিষয়ে সাহায্য বা প্রশ্ন
করতে চাচ্ছেন (</span><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: HI;">question mark)<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: HI;"><br /></span></div>
<div align="center" class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-align: center; text-autospace: none;">
<b><u><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">সিএসএস পজিশন টিউটোরিয়াল (</span></u></b><b><u><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">CSS Position)<span style="font-size: 11pt;"><o:p></o:p></span></span></u></b></div>
<div align="center" class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-align: center; text-autospace: none;">
<b><u><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: HI;"><br /></span></u></b></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">সিএসএস পজিশন এর মাধ্যমে আমরা এইচটিএমএল এলিমেন্ট</span><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: HI;">s </span><span lang="BN" style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">এর </span><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: HI;">exact </span><span lang="BN" style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">পজিশন নির্দেশ করতে পারি।</span><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: HI;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<b><u><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: HI;">Position Relative:</span></u></b><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: HI;"> Relative position </span><span lang="BN" style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">দ্বারা
এইচটিএমএল এলিমেন্ট এর </span><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: HI;">position </span><span lang="BN" style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">অন্য এলিমেন্ট এর সাপেক্ষে পরিবর্তন করা যায়।<a href="http://w3bay.com/" target="_blank">http://w3bay.com</a></span><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: HI;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: HI;">h3 {position: relative; top: 15px; left: 150px;}<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: HI;">p {position: relative; left: -10px;}<a href="http://w3bay.com/" target="_blank">http://w3bay.com</a><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: HI;">Move Left - </span><span lang="BN" style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">এক্ষেত্রে </span><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: HI;">left
</span><span lang="BN" style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">এর জন্য </span><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: HI;">negative value
</span><span lang="BN" style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">ব্যবহার করতে হবে।</span><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: HI;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: HI;">Move Right - </span><span lang="BN" style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">এক্ষেত্রে
</span><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: HI;">left </span><span lang="BN" style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">এর
জন্য </span><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: HI;">positive value </span><span lang="BN" style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">ব্যবহার করতে হবে।</span><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: HI;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: HI;">Move Up - </span><span lang="BN" style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">এক্ষেত্রে </span><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: HI;">top
</span><span lang="BN" style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">এর জন্য </span><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: HI;">negative value
</span><span lang="BN" style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">ব্যবহার করতে হবে।
.</span><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: HI;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: HI;">Move Down - </span><span lang="BN" style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">এক্ষেত্রে
</span><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: HI;">left </span><span lang="BN" style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">এর
জন্য </span><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: HI;">positive value </span><span lang="BN" style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">ব্যবহার করতে হবে।</span><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: HI;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<b><u><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: HI;">Position Absolute:<a href="http://w3bay.com/" target="_blank">http://w3bay.com</a><o:p></o:p></span></u></b></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: HI;">absolute position </span><span lang="BN" style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">দ্বারা এইচটিএমএল
এলিমেন্ট এর </span><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: HI;">exact position (pixel value) </span><span lang="BN" style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">নির্দেশ করা যায়।</span><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: HI;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: HI;">h3 {position: absolute; top: 50px; left: 45px;}<a href="http://w3bay.com/" target="_blank">http://w3bay.com</a><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: HI;">p{position: absolute; top: 75px; left: 75px;}<a href="http://w3bay.com/" target="_blank">http://w3bay.com</a><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<b><u><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: HI;">Position Fixed<a href="http://w3bay.com/" target="_blank">http://w3bay.com</a> <o:p></o:p></span></u></b></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">একটা এলিমেন্টের পজিশন যদি ফিক্সড করে দেন তাহলে সেটা
ব্রাউজারের উইন্ডো সাপেক্ষে অবস্থান করবে এবং ব্রাউজার যদি স্ক্রল করেন তবুও সেটা
স্থির (</span><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: HI;">fixed) </span><span lang="BN" style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">থাকবে।<a href="http://w3bay.com/" target="_blank">http://w3bay.com</a></span><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: HI;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">উদাহরন:এখানে দেখুন "স্ক্রল করলেও আমি সরবনা" এই
লাইনটির পজিশন ফিক্সড করে দেয়া হয়েছে তাই স্ক্রল করলেও এটি তার অবস্থান থেকে
সরবেনা।<a href="http://w3bay.com/" target="_blank">http://w3bay.com</a></span><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: HI;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: HI;">Note: Internet Explorer 7 (and higher) supports the fixed
value if a !DOCTYPE is specified.<o:p></o:p></span></div>
<br />
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">নোট:</span><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: HI;">Internet
Explorer </span><span lang="BN" style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">এ এটি </span><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: HI;">support </span><span lang="BN" style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">করবে
যদি এর !</span><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: HI;">DOCTYPE </span><span lang="BN" style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">নির্দিষ্ট
করে দেন।<a href="http://w3bay.com/" target="_blank">http://w3bay.com</a></span><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;"><o:p></o:p></span></div>
</div>
Md.Azizul Islamhttp://www.blogger.com/profile/15222849926934364194noreply@blogger.com0tag:blogger.com,1999:blog-1280003118668214148.post-55680690446982657142017-03-04T19:20:00.000+06:002017-03-04T19:20:06.408+06:00সিএসএস আইডি বনাম ক্লাস (CSS ID Vs Class)<div dir="ltr" style="text-align: left;" trbidi="on">
<div align="center" class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-align: center; text-autospace: none;">
<b><u><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><span style="font-size: large;">সিএসএস আইডি বনাম ক্লাস (</span></span></u></b><b><u><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><span style="font-size: large;">CSS ID Vs Class)</span><span style="font-size: 11pt;"><o:p></o:p></span></span></u></b></div>
<div align="center" class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-align: center; text-autospace: none;">
<b><u><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><span style="font-size: large;"><br /></span></span></u></b></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<a href="https://4.bp.blogspot.com/-aI2FsQ9kNIo/WLq9_tn5wCI/AAAAAAAAByc/nVwe9_piZZsEcun_eGaRRlZ2LLSfqJtGQCLcB/s1600/Screenshot_1.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="css id tutorial" border="0" src="https://4.bp.blogspot.com/-aI2FsQ9kNIo/WLq9_tn5wCI/AAAAAAAAByc/nVwe9_piZZsEcun_eGaRRlZ2LLSfqJtGQCLcB/s1600/Screenshot_1.png" title="web design tutorial" /></a><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">এটা প্রায়ই সন্দেহের সৃষ্টি করে যে কখন আমরা সিএসএস </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">ID </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">ব্যবহার
করব আর কখন আমরা সিএসএস </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">Classes </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">ব্যবহার করব।এই অধ্যায়ে এ বিষয়ে পরিস্কার আলোচনা করা হবে।</span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">আইডি নির্বাচক (</span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">id Selector)<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">একটা এইচটিএমএল এলিমেন্ট এর স্টাইল কেমন হবে এটা ঠিক করার
জন্য সিএসএস আপনাকে নিজস্ব সিলেক্টর ব্যাবহারের সুবিধা দেয় এদেরকে বলে "</span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">id" </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">এবং
"</span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">selector"<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">ID </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">সিলেক্টর
একটা (অনন্য) এলিমেন্টের স্টাইল দিতে ব্যাবহৃত হয়। </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">id </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">হল এলিমেন্ট এর </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">unique
identifier <span lang="HI">।</span></span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">সিএসএস
</span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">ID </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">প্রায়ই সিএসএস </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">classes
</span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">কাছাকাছি।কিন্তূ তারা এলিমেন্ট এর </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">special case </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">নির্দেশ
করে ।<a href="http://w3bay.com/" target="_blank">w3bay.com</a></span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">p#exampleID1 { background-color: orange; }<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">p#exampleID2 { text-transform: uppercase; }<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><p id="ExampleID1">This paragraph has an
ID name of<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">"exampleID1" and has a orange CSS defined
background</p><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><p id="ExampleID2">This paragraph has an
ID name of<a href="http://w3bay.com/" target="_blank">w3bay.com</a><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">"exampleID2" and has had its text transformed
to uppercase letters. </p><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">**id </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">নাম
সংখ্যা দিয়ে শুরু করবেন না তাহলে এটা মজিলা ফায়ারফক্সে কাজ করবেনা।</span><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: HI;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;"><a href="http://w3bay.com/" target="_blank">w3bay.com</a></span></div>
<div align="center" class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-align: center; text-autospace: none;">
<b><u><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">ক্লাস নির্বাচক (</span></u></b><b><u><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">class Selector)<span style="font-size: 11pt;"><o:p></o:p></span></span></u></b></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">একদল এলিমেন্টের স্টাইল দেয়ার জন্য </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">class selector </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">ব্যাবহৃত হয়।</span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">class selector </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">এইচটিএমএল এর </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">class
attribute </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">ব্যাবহার করে এবং
এটা "." দিয়ে লেখা (সংঙ্গায়িত) হয়।নিচের উদাহরনে যেসব এইচটিএমএল এলিমেন্ট</span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">s </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">এ </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">class="center" </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">এটা থাকবে তাদের সকলের </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">Align
</span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">মাঝখানে হয়ে যাবে।</span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">.center {text-align:center;}<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">আপনি ইচ্ছে করলে এইচটিএমএল এর যেকোন একটা এলিমেন্ট ঠিক করে
দিতে পারেন যেটা একটা </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">class </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">দ্বারা প্রভাবিত হবে।যেম:</span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">p.center {text-align:center;}<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">**class </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">নাম
সংখ্যা দিয়ে শুরু করবেন না তাহলে এটা ইন্টারনেট এক্সপ্লোরার এ কাজ করবেনা।</span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">ID = </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">একজনের </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">Identification
(ID) </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">একজন ব্যক্তির জন্য </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">unique <span lang="HI">।</span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">Class = </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">অনেক
জনগণ একটি </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">class </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">এ
পড়ে ।</span><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;"><br /></span></div>
<div align="center" class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-align: center; text-autospace: none;">
<b><u><span lang="BN-BD" style="font-family: "Nirmala UI","sans-serif"; mso-ascii-font-family: "Century Gothic"; mso-ascii-theme-font: minor-latin; mso-hansi-font-family: "Century Gothic"; mso-hansi-theme-font: minor-latin;"><span style="font-size: x-large;">সিএসএস ক্লাস টিউটোরিয়াল </span></span></u></b><b><u><span style="font-size: x-large;"><span lang="BN-BD" style="font-family: Vrinda; mso-ascii-font-family: "Century Gothic"; mso-ascii-theme-font: minor-latin; mso-hansi-font-family: "Century Gothic"; mso-hansi-theme-font: minor-latin;">(</span>CSS Class)</span><o:p></o:p></u></b></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">সিএসএস এর মাধ্যমে এইচটিএমএল এলিমেন্ট এর অসংখ্য স্টাইল
দেয়া যায়। একটা উদাহরন দিয়ে বিষয়টি পরিস্কার করা যাক । ধরুন আপনি কখনও চাচ্ছেন
আপনার লেখাটির ফন্ট বড় এবং সাদা হোক।
আবার চাচ্ছেন ছোট এবং কাল হোক। আপনি ভাগ্যবান এই অর্থে যে সিএসএস </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">classes
</span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">ব্যবহার করার
মাধ্যমে আপনি আপনার ইচ্ছা পুরন করতে পারেন।</span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">Class </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">এর
</span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">Format<a href="http://w3bay.com/" target="_blank">w3bay.com</a><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">Class </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">ব্যবহার করা খুব সাধারন। সাধারন সিএসএস কোড এর
অংশকে বর্ধিত (</span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">extension) </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">করতে হবে। আর এই বর্ধিত অংশকে অবশ্যই এইচটিএমএল ট্যাগ এ </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">Class </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">এর
মান হিসাবে বসাতে হবে। নিচে উদাহরন দেয়া হলো:<a href="http://w3bay.com/" target="_blank">w3bay.com</a></span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">p.first{ color: blue; }<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">p.second{ color: red; }<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><html><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><body><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><p>This is a normal paragraph.</p><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><p class="first">This is a paragraph that
uses the p.first CSS code!</p><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><p class="second">This is a paragraph
that uses the p.second CSS code!</p><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"></body></html><a href="http://w3bay.com/" target="_blank">w3bay.com</a><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">আপ নি যেকোন এইচটিএমএল এলিমেন্ট এর সাথে সিএসএস </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">class </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">ব্যবহার করতে পারেন।ধরুন আপনি </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><p> </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">ট্যাগ
ব্যবহার করে স্টাইল দিয়েছেন এবং সিএসএস </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">class
</span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">ব্যবহার করে অন্য একটি স্টাইল নিদিষ্ট করে দিয়েছেনে ফলে
আগের </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">default
</span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">স্টাইল টি আর নিদিষ্ট লেখার ঊপর কাজ করবে না।</span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">p{ color: red; font-size: 20px; }<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">p.test1{ color: blue; }<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">p.test2{ font-size: 12px; }<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><html><a href="http://w3bay.com/" target="_blank">w3bay.com</a><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><body><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><p>This is a normal paragraph.</p><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><p class="test1">This is a paragraph that
uses the p.test1 CSS code!</p><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><p class="test2">This is a paragraph that
uses the p.test2 CSS code!</p><span style="font-size: 11pt;"><o:p></o:p></span></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: HI;"><a href="http://w3bay.com/" target="_blank">w3bay.com</a></span></div>
<div align="center" class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-align: center; text-autospace: none;">
<b><u><span lang="BN-BD" style="font-family: "Nirmala UI","sans-serif"; mso-ascii-font-family: "Century Gothic"; mso-ascii-theme-font: minor-latin; mso-hansi-font-family: "Century Gothic"; mso-hansi-theme-font: minor-latin;"><span style="font-size: large;">সিএসএস ব্যাকগ্রাউন্ড টিউটোরিয়াল </span></span></u></b><b><u><span style="font-size: large;"><span lang="BN-BD" style="font-family: Vrinda; mso-ascii-font-family: "Century Gothic"; mso-ascii-theme-font: minor-latin; mso-hansi-font-family: "Century Gothic"; mso-hansi-theme-font: minor-latin;">(</span>CSS Background)</span><o:p></o:p></u></b></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">আপনার সাইটের </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">background
</span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">অনেক বেশি গুরুত্ত্বপুর্ন তাই এই টিউটোরিয়াল টি আপনাদের
মনোযোগ সহকারে দেখা উচিত। আপনি যদি </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">professional
website </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">তৈরী করতে চান
তাহলে </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">light background </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">এর মধ্যে </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">dark </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">টেক্স
ব্যবহার করা উচিত। আর যদি শুধু শখের জন্য তৈরী করতে চান তাহলে যেকোন কালারের
সমন্নয় গ্রহনযোগ্য।<a href="http://w3bay.com/" target="_blank">w3bay.com</a></span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">সিএসএস এর মাধ্যমে আপনি যেকোন সিএসএস এলিমেন্ট এর </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">background color or image
</span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">সেট করতে পারেন।
তাছাড়া </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">background image </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">কিভাবে
প্রর্দশিত হবে সে বিষয়টি আপনি নিয়ন্ত্রন করতে পারবেন। আপনি পছন্দমত এটিকে </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">horizontally, vertically repeat </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">করতে পারেন।তাছাড়া আপনি
</span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">background </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">কে
</span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">fixed position </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">এ রাখতে পারেন বা </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">scroll </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">করতে পারেন।</span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">নিচে সিএসএস </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">background
</span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">এর ঊদাহরন দেয়া হলো।</span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">h4 { background-color: white; }<a href="http://w3bay.com/" target="_blank">w3bay.com</a><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">p {
background-color: #1078E1; }<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">ul { background-color: rgb( 149, 206, 145); }<a href="http://w3bay.com/" target="_blank">w3bay.com</a><span style="font-size: 11pt;"><o:p></o:p></span></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: HI;"><br /></span></div>
<div align="center" class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-align: center; text-autospace: none;">
<b><u><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><span style="font-size: large;">সিএসএস </span></span></u></b><b><u><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><span style="font-size: large;">Background
Image:</span><span style="font-size: 11pt;"><o:p></o:p></span></span></u></b></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">gradient background </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">এর মত </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">image </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">কে </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">left-to-right </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">করা
যায়। অথবা যখন ইউজার স্ক্রল করবে তখন আপনি </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">image
</span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">কে </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">fixed </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">অবস্থায়
রাখতে পারেন ।<a href="http://w3bay.com/" target="_blank">w3bay.com</a></span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">p { background-image: url(smallPic.jpg); }<a href="http://w3bay.com/" target="_blank">w3bay.com</a><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">h4{ background-image: url(http://www.ypdesign.tk/pics/cssT/example.jpg);
}<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">This <p> has a background image using a local path
to the picture.<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">This <h4> has a background image using the complete
url path.<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">p { background-image: url(smallPic.jpg);
background-repeat: repeat; }<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">h4 {background-image: url(smallPic.jpg); background-repeat:
repeat-y;}<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">ol { background-image: url(smallPic.jpg);
background-repeat: repeat-x;}<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">ul {background-image: url(smallPic.jpg); background-repeat:
no-repeat;}<span style="font-size: 11pt;"><o:p></o:p></span></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: HI;"><br /></span></div>
<div align="center" class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-align: center; text-autospace: none;">
<span style="font-size: large;"><b><u><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">সিএসএস </span></u></b><b><u><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">Background
Image </span></u></b><b><u><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">এর অবস্থান:</span></u></b></span><b><u><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: HI;"><o:p></o:p></span></u></b></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">আপনি যদি নির্দিষ্ট করতে চান যে এইচটিএমএল এলিমেন্ট এর
মধ্যে কোথায় </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">image </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">টি প্রদর্শিত হবে তাহলে সেটা </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">CSS's background-position </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">এর মাধ্যমে করা যায়।নিচে তিন (</span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">length, percentages, keywords) </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">প্রকারের নির্দিষ্ট করার ঊপায় দেখানো হলো।<a href="http://w3bay.com/" target="_blank">w3bay.com</a></span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">p {background-image: url(smallPic.jpg);
background-position: 20px 10px;}<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">h4 {background-image: url(smallPic.jpg); background-position:
30% 30%;}<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">প্রদর্শন:<a href="http://w3bay.com/" target="_blank">w3bay.com</a></span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">যদি </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">gradient
background </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">তৈরী করতে চান তাহলে আপনাকে প্রথমে কাজটি ফটোশপে করতে হবে।</span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">যদি </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">gradient
background </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">তৈরী করতে চান তাহলে আপনাকে প্রথমে কাজটি ফটোশপে করতে হবে।</span><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: HI;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;"><br /></span></div>
<div align="center" class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-align: center; text-autospace: none;">
<b><u><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><span style="font-size: large;">সিএসএস </span></span></u></b><b><u><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><span style="font-size: large;">Gradient
Background:</span><span style="font-size: 11pt;"><o:p></o:p></span></span></u></b></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">যদি </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">gradient
background </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">তৈরী করতে চান তাহলে আপনাকে প্রথমে কাজটি ফটোশপে করতে হবে।</span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">Image: Background Image<a href="http://w3bay.com/" target="_blank">w3bay.com</a><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">ঊপরের </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">image </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">টি খুব সাধারন । আমরা এটাকে </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">horizontal </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">ভাবে রেখেছি । এই </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">image </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">টি
</span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">1 pixel </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">এর।
</span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">repeat attribute </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">এর মাধ্যমে এর </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">value repeat-x </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">সেট
করেছি যার ফলে </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">image </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">টি
নির্দিষ্ট এর বাম হতে ডান দিকে বিস্তৃতি লাভ করবে। নিচে উদাহরনে </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">paragraph </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">এলিমেন্ট
এ </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">gradient background </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">যোগ হয়েছে</span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">p {background-image: url(</span><a href="http://www.ypdesigner.tk/images/stories/back_image.jpg"><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">http://www.ypdesigner.tk/images/stories/back_image.jpg</span></a><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">); background-repeat: repeat-x;}<a href="http://w3bay.com/" target="_blank">w3bay.com</a><o:p></o:p></span></div>
<div align="center" class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-align: center; text-autospace: none;">
<b><u><span lang="BN-BD" style="font-family: "Nirmala UI","sans-serif"; mso-ascii-font-family: "Century Gothic"; mso-ascii-theme-font: minor-latin; mso-hansi-font-family: "Century Gothic"; mso-hansi-theme-font: minor-latin;"><span style="font-size: large;">সিএসএস ফন্ট </span></span></u></b><b><u><span style="font-size: large;"><span lang="BN-BD" style="font-family: Vrinda; mso-ascii-font-family: "Century Gothic"; mso-ascii-theme-font: minor-latin; mso-hansi-font-family: "Century Gothic"; mso-hansi-theme-font: minor-latin;">(</span>CSS Font)</span><o:p></o:p></u></b></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">টেক্স কিভাবে প্রদর্শিত হবে তার নিয়ন্ত্রন ভার সিএসএস
আপনাকে দিয়েছে। আপনি টেক্সের </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">size, color,
style </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">ইত্যাদি পরিবর্তন করতে পারেন।
আপনি জেনেছেন কিভাবে টেক্স </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">bold </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">বা
</span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">underline </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">করতে
হয় কিন্তু আপনি কি জানেন </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">percentage </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">ব্যবহার
কিভাবে ফন্ট </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">resize </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">করা
যায়। এই বিষয়ে আলোচনা নিচে করা হয়েছে ।<a href="http://w3bay.com/" target="_blank">w3bay.com</a></span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">সিএসএস ফন্ট রং: যদিও টেক্সের কালারকে সিএসএস ফন্ট অংশ মনে
হয় কিন্তু প্রকৃতপক্ষে এটা স্বাধীন
সিএসএস </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">attribute<span lang="HI">। </span></span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">নিচে ফন্ট এর কালার পরিবর্তনের উদাহরন দেয়া হলো।</span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">h4 { color: red; }<a href="http://w3bay.com/" target="_blank">w3bay.com</a><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">h5 { color: #9000A1; }<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">h6 { color: rgb(0, 220, 98); }<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">প্রদর্শন:<a href="http://w3bay.com/" target="_blank">w3bay.com</a></span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">This is a red h4 header.<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">This is a hexadecimal #9000A1 h5 header.<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">This is an rgb(0, 220, 98) h6 header.<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">উপরের উদাহরনে কালার নির্দেশ করতে আমরা কালারের তিন
প্রকারের ফরমেট ব্যবহার করেছি।</span><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: HI;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;"><br /></span></div>
<div align="center" class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-align: center; text-autospace: none;">
<b><u><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><span style="font-size: large;">সিএসএস ফন্ট </span></span></u></b><b><u><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><span style="font-size: large;">Family:</span><span style="font-size: 11pt;"><o:p></o:p></span></span></u></b></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">ফন্ট </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">family </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">দুইটি </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">group </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">এ বিভক্ত যেমন: </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">serif
and sans-serif <span lang="HI">। </span></span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">গবেষনায় দেখা গিয়েছে </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">serif fonts </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">হতে </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">sans-serif
fonts </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">যা </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">computer
monitor </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">এ খুব সহজে পড়া
যায় ।</span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">h4 { font-family: sans-serif; }<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">h5 { font-family: serif; }<a href="http://w3bay.com/" target="_blank">w3bay.com</a><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">h6 { font-family: arial; }<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<br /></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">প্রদর্শন:<a href="http://w3bay.com/" target="_blank">w3bay.com</a></span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">This is a header with sans-serif font<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">This is a header with a serif font<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">This is a header with an arial font<a href="http://w3bay.com/" target="_blank">w3bay.com</a><span style="font-size: 11pt;"><o:p></o:p></span></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: HI;"><br /></span></div>
<div align="center" class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-align: center; text-autospace: none;">
<b><u><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><span style="font-size: large;">সিএসএস ফন্ট আকার:</span></span></u></b><b><u><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: HI;"><o:p></o:p></span></u></b></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">আপনি </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">values,
percentages </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">বা </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">key terms </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">ব্যবহার
করে ফন্ট আকার ঠিক করতে পারেন। যখন আপনি </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">default
</span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">ফন্ট পরিবর্তন করতে চাবেন তখন </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">Percentages </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">ব্যবহার
করা ভাল কিন্তু </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">static value </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">সেট করা উচিত নয়।</span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">p { font-size: 120%; }<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">ol{ font-size: 10px; }<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">ul{ font-size: x-large; }<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">ফন্ট-</span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">weight </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">এর অন্যান্য </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">key
terms </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">গুলো হল: </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">bold, bolder, and normal.<span style="font-size: 11pt;"><o:p></o:p></span></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: HI;"><br /></span></div>
<div align="center" class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-align: center; text-autospace: none;">
<b><u><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><span style="font-size: large;">সিএসএস ফন্ট </span></span></u></b><b><u><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><span style="font-size: large;">Variant:</span><span style="font-size: 11pt;"><o:p></o:p></span></span></u></b></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">সিএসএস ফন্ট </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">Variant
</span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">এর সাহায্যে আপনি ফন্ট কে
</span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">small caps </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">এ
পরিবর্তিত করতে পারেন। </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">Note: </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">কিন্তু সকল ফন্ট</span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">, </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">সিএসএস
ফন্ট </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">Variant </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">কে
সাপোর্ট করে না তাই প্রকাশ করা আগে নিশ্চিত হয়ে নেয়া উচিত।<a href="http://w3bay.com/" target="_blank">w3bay.com</a></span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">p { font-variant: small-caps; }<span style="font-size: 11pt;"><o:p></o:p></span></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><span style="font-size: large;"><b><br /></b></span></span></div>
<div align="center" class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-align: center; text-autospace: none;">
<b><u><span lang="BN-BD" style="font-family: "Nirmala UI","sans-serif"; mso-ascii-font-family: "Century Gothic"; mso-ascii-theme-font: minor-latin; mso-hansi-font-family: "Century Gothic"; mso-hansi-theme-font: minor-latin;"><span style="font-size: large;">সিএসএস টেক্সক্ট টিউটোরিয়াল </span></span></u></b><b><u><span style="font-size: large;"><span lang="BN-BD" style="font-family: Vrinda; mso-ascii-font-family: "Century Gothic"; mso-ascii-theme-font: minor-latin; mso-hansi-font-family: "Century Gothic"; mso-hansi-theme-font: minor-latin;">(</span>CSS Text)</span><o:p></o:p></u></b></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">সিএসএস টেক্সট এর মাধ্যমে আপনি টেক্সট এর </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">spacing,
decoration, </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">এবং </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">alignment </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">নিয়ন্ত্রন করতে পারেন।<a href="http://w3bay.com/" target="_blank">w3bay.com</a></span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<b><u><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">টেক্সট </span></u></b><b><u><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">Decoration:<o:p></o:p></span></u></b></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">টেক্সট </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">Decoration </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">এর মাধ্যমে আমরা লিংক এর </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">underline </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">দুর করতে পারি। তাছাড়া </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">line-through,<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">overline </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">এবং
</span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">underline </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">ইত্যাদি টেক্সট এ ব্যব্হার করতে পারি।</span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">h4{ text-decoration: line-through; }<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">h5{ text-decoration: overline; }<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">h6{ text-decoration: underline; }<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">a { text-decoration: none; }<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<b><u><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">টেক্সট </span></u></b><b><u><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">Indent:<a href="http://w3bay.com/" target="_blank">w3bay.com</a><o:p></o:p></span></u></b></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">সিএসএস </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">text-indent </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">কে আমরা এইচটিএমএল (</span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><pre>) </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">ট্যাগ
পরিবর্তে ব্যবহার করতে পারি। </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">values<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">or percentages </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">ব্যবহার করে আমরা </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">text-indent </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">নির্দিষ্ট করি।</span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">text
indent </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">মানে লেখাটি বাম
দিকে থেকে কতটুকু ছাড় দিয়ে শুরু হবে।</span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">p { text-indent: 20px; }<a href="http://w3bay.com/" target="_blank">w3bay.com</a><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">h5 { text-indent: 30%; }<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<b><u><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">টেক্সট </span></u></b><b><u><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">Align:<o:p></o:p></span></u></b></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">সাধারনত </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">website </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">এ </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">default </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">হিসাবে
টেক্সট </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">Align: left </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">নিবার্চিত
থাকে। টেক্সট </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">Align attribute </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">এর সাহায্যে<a href="http://w3bay.com/" target="_blank">w3bay.com</a></span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">টেক্সট এর বিভিন্ন </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">Alignment </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">দেয়া
যায়।</span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">p { text-align: right; }<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">h5{ text-align: justify; }<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<b><u><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">টেক্সট </span></u></b><b><u><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">Transform:<a href="http://w3bay.com/" target="_blank">w3bay.com</a><o:p></o:p></span></u></b></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">টেক্সট </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">Transform </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">এর মাধ্যমে টেক্সট এর দ্রুত </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">capitalize </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">করা যায়।</span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">p { text-transform: capitalize; }<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">h5{ text-transform: uppercase; }<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">h6{ text-transform: lowercase; }<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<b><u><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">সিএসএস </span></u></b><b><u><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">White Space:<a href="http://w3bay.com/" target="_blank">w3bay.com</a><o:p></o:p></span></u></b></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">white-space attribute </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">এর মাধ্যমে লেখাটি এক লাইনে চলতে থাকবে যতক্ষন না আপনি </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">break <br /><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">ট্যাগ না দিবেন।<a href="http://w3bay.com/" target="_blank">w3bay.com</a></span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">p { white-space: nowrap; }<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"></br> </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">ট্যাগ
দিলে তারপর থেকে নিচে লাইন যাবে।</span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<b><u><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">সিএসএস </span></u></b><b><u><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">Word Spacing:<a href="http://w3bay.com/" target="_blank">w3bay.com</a><o:p></o:p></span></u></b></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">সিএসএস </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">Word Spacing
attribute </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">এর মাধ্যমে পাশাপাশি
শব্দগলোর মধ্যে </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">gap </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">এর পরিমান নির্ধারন করে দেয়া যায়।<a href="http://w3bay.com/" target="_blank">w3bay.com</a></span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">p { word-spacing: 10px; }<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<b><u><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">সিএসএস </span></u></b><b><u><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">Letter Spacing:<o:p></o:p></span></u></b></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">সিএসএস </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">letter-spacing
attribute </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">এর মাধ্যমে শব্দের
মধ্যে বর্ণ গুলোর মধ্যে </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">gap </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">এর পরিমান নির্ধারন করে</span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">দেয়া যায়।<a href="http://w3bay.com/" target="_blank">w3bay.com</a></span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">p { letter-spacing: 3px; }<span style="font-size: 11pt;"><o:p></o:p></span></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: HI;"><br /></span></div>
<div align="center" class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-align: center; text-autospace: none;">
<b><u><span lang="BN-BD" style="font-family: "Nirmala UI","sans-serif"; mso-ascii-font-family: "Century Gothic"; mso-ascii-theme-font: minor-latin; mso-hansi-font-family: "Century Gothic"; mso-hansi-theme-font: minor-latin;"><span style="font-size: large;">সিএসএস প্যাডিং টিউটোরিয়াল </span></span></u></b><b><u><span style="font-size: large;"><span lang="BN-BD" style="font-family: Vrinda; mso-ascii-font-family: "Century Gothic"; mso-ascii-theme-font: minor-latin; mso-hansi-font-family: "Century Gothic"; mso-hansi-theme-font: minor-latin;">(</span>CSS Padding)</span><o:p></o:p></u></b></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">সিএসএস প্যাডিং ব্যবহার করে আপনি এইচটিএমএল এলিমেন্ট (</span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">paragraphs, tables </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">ইত্যাদি ) এর </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">default </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">প্যাডিং পরিবর্তন করতে পারেন। আর প্যাডিং বলতে বোঝায় এলিমেন্ট এর </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">border
</span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">এবং তার </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">content </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">এর
মধ্যের অংশকে।<a href="http://w3bay.com/" target="_blank">w3bay.com</a></span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">p {padding: 15px; border: 1px solid black; }<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">h5{padding: 0px; border: 1px solid red;}<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<b><u><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">সিএসএস প্যাডিং:</span></u></b><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"> </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">1 Value<a href="http://w3bay.com/" target="_blank">w3bay.com</a><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">1 Value </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">বিশিষ্ট
প্যাডিং সকল (</span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">top, right, bottom, left.) </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">পাশে </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">uniform
padding </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">তৈরী করে।</span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">p {padding: 2%; border: 1px solid black; }<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">h5{padding: 0px; border: 1px solid red;}<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<b><u><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">সিএসএস প্যাডিং: </span></u></b><b><u><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">padding-(direction):<a href="http://w3bay.com/" target="_blank">w3bay.com</a><o:p></o:p></span></u></b></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">প্রত্যেক এইচটিএমএল
এলিমেন্ট এর প্রকৃতপক্ষে চারটি ভিন্ন প্যাডিং থাকে যেমন </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">top, right, bottom, </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">এবং </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">left <span lang="HI">। </span></span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">প্যাডিং </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">direction
attribute </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">এর মাধ্যমে পৃথক
পৃথক প্যাডিং নির্দেশ করা যায়। এক </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">direction
(</span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">যেমন -</span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">left) </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">এ
নির্দেশ করলে অন্যগুলো অপরিবর্তিত থাকে।</span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">p {padding-left: 5px; border: 1px solid black; }<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">h5{padding-top: 0px; padding-right: 2px; padding-bottom:
13px; padding-left: 21px; border: 1px solid red;}<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<b><u><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">সিএসএস প্যাডিং: </span></u></b><b><u><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">2 & 4 Values<o:p></o:p></span></u></b></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">যখন আমরা দুইটি প্যাডিং </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">Value </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">ব্যবহার করবো তখন
প্রথম </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">Value </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">টি
</span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">top </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">এবং
</span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">bottom </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">প্যাডিং
</span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">Value </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">নির্দেশ
করবে এবং দ্বিতীয় </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">Value </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">টি </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">left
and right </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">প্যাডিং </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">Value </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">নির্দেশ
করবে। মনে রাখতে হবে সাধারনত প্যাডিং </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">Value
</span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">টি </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">top </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">দিয়ে
শুরু হয় এবং </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">clockwise </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">ভাবে এটি </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">left </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">এ
শেষ হয়। প্যাডিং </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">Value </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">এর
ধারাবাহিকতা হল </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">top, right, bottom </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">এবং </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">left <span lang="HI">।</span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">p {padding: 5px 15px; border: 1px solid black;}<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">h5{padding: 0px 5px 10px 3px; border: 1px solid red;}<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<b><u><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">সিএসএস </span></u></b><b><u><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">Margin:<a href="http://w3bay.com/" target="_blank">w3bay.com</a><o:p></o:p></span></u></b></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">সিএসএস </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">Margins </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">প্রায়
সিএসএস প্যাডিং </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">attribute </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">এর মত। শুধু একটা গুরুত্বপূর্ন পাথর্ক্য হচ্ছে:</span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">Margin </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">বলতে
এইচটিএমএল এলিমেন্ট এর </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">border </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">এর চারপাশের অংশকে
বোঝায় আর প্যাডিং বলতে </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">border </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">এর
ভিতরের অংশকে বোঝায়। প্যাডিং এর মত </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">Margin
</span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">এর </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">Value </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">সেট করা যায়।</span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">p {margin: 5px; border: 1px solid black; }<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">h5{margin: 0px; border: 1px solid red;}<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<b><u><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">সিএসএস </span></u></b><b><u><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">Margin: 1 Value<o:p></o:p></span></u></b></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">এটা সিএসএস প্যাডিং: </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">1
Value </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">এর মত</span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><b> </b><a href="http://w3bay.com/" target="_blank">w3bay.com</a><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">p {margin: 2%; border: 1px solid black; }<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">h5{margin: 0px; border: 1px solid red;}<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<b><u><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">সিএসএস </span></u></b><b><u><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">Margin: margin-(direction):<o:p></o:p></span></u></b></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">এটা সিএসএস প্যাডিং: </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">padding-(direction)
</span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">এর মত ।</span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">p {margin-left: 5px; border: 1px solid black; }<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">h5{margin-top: 0px; margin-right: 2px; margin-bottom:
13px; margin-left: 21px; border: 1px solid red; }<a href="http://w3bay.com/" target="_blank">w3bay.com</a><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<b><u><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">সিএসএস </span></u></b><b><u><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">Margin: 4 Values<o:p></o:p></span></u></b></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">এটা সিএসএস প্যাডিং: </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">2
& 4 Values </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">এর মত</span><span lang="HI" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"> ।</span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">p {margin: 5px 15px; border: 1px solid black;}<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">h5{margin: 0px 5px 10px 3px; border: 1px solid red;}<span style="font-size: 11pt;"><o:p></o:p></span></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><span style="font-size: large;"><b><br /></b></span></span></div>
<div align="center" class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-align: center; text-autospace: none;">
<b><u><span lang="BN-BD" style="font-family: "Nirmala UI","sans-serif"; mso-ascii-font-family: "Century Gothic"; mso-ascii-theme-font: minor-latin; mso-hansi-font-family: "Century Gothic"; mso-hansi-theme-font: minor-latin;"><span style="font-size: large;">সিএসএস বর্ডার টিউটোরিয়াল </span></span></u></b><b><u><span style="font-size: large;"><span lang="BN-BD" style="font-family: Vrinda; mso-ascii-font-family: "Century Gothic"; mso-ascii-theme-font: minor-latin; mso-hansi-font-family: "Century Gothic"; mso-hansi-theme-font: minor-latin;">(</span>CSS Border)</span><o:p></o:p></u></b></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">এইচটিএমএল এলিমেন্ট</span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">s </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">এর চারপাশে যে বর্ডার দেখা যায় তা সিএসএস বর্ডার এর
মাধ্যমে সম্পুর্নভাবে </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">customize </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">করা যায়। সিএসএস বর্ডার এর মাধ্যমে বর্ডার এর স্টাইল
পরিবর্তন করা যায়।</span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">বর্ডার </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">Style Types: </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">অসংখ্য প্রকারের বর্ডার </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">Style </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">রয়েছে যা আপনি
আপনার পছন্দমত বিভিন্ন ধরনের বর্ডার তৈরী করতে পারেন।<a href="http://w3bay.com/" target="_blank">w3bay.com</a></span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">এই টিউটোরিয়ালে সিএসএস ক্লাস ব্যবহার করেছি</span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">,</span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">ক্লাস সমন্ধে
জনা না থাকলে আগে আমাদের সিএসএস ক্লাস টিউটোরিয়ালটি পরে আসুন।</span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">p.solid {border-style: solid; }<a href="http://w3bay.com/" target="_blank">w3bay.com</a><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">p.double {border-style: double; }<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">p.groove {border-style: groove; }<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">p.dotted {border-style: dotted; }<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">p.dashed {border-style: dashed; }<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">p.inset {border-style: inset; }<a href="http://w3bay.com/" target="_blank">w3bay.com</a><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">p.outset {border-style: outset; }<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">p.ridge {border-style: ridge; }<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">p.hidden {border-style: hidden; }<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<b><u><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">বর্ডার </span></u></b><b><u><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">Width:<a href="http://w3bay.com/" target="_blank">w3bay.com</a><o:p></o:p></span></u></b></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">বর্ডার-</span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">width
attribute </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">এর সাহায্যে বর্ডার
এর পুরুত্ব পরিবর্তন করা যায়। বিভিন্ন </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">key
terms </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">বা ভেলু দিয়ে বর্ডার-</span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">width </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">নির্দিষ্ট
করা যায়। বিভিন্ন </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">term </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">ব্যবহার করা যেতে পারে যেমন </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">thin, medium, thick </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">ইত্যাদি।<a href="http://w3bay.com/" target="_blank">w3bay.com</a></span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">table { border-width: 7px; border-style: outset; }<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">td { border-width: medium; border-style: outset; }<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">p { border-width: thick; border-style: solid; }<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<b><u><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">বর্ডার </span></u></b><b><u><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">Color:<a href="http://w3bay.com/" target="_blank">w3bay.com</a><o:p></o:p></span></u></b></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">border-color attribute </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">এর মাধ্যমে আপনি পছন্দমত </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">color combination </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">করে বর্ডারকে
দৃষ্টি নন্দন করে তুলতে পারেন।<a href="http://w3bay.com/" target="_blank">w3bay.com</a></span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">table { border-color: rgb( 100, 100, 255); border-style:
dashed; }<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"> td { border-color:
#FFBD32; border-style: ridge; }<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"> p { border-color:
blue; border-style: solid; }<span style="font-size: 11pt;"><o:p></o:p></span></span></div>
<div align="center" class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-align: center; text-autospace: none;">
<br /></div>
<div align="center" class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-align: center; text-autospace: none;">
<br /></div>
<div align="center" class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-align: center; text-autospace: none;">
<b><u><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><span style="font-size: large;">সিএসএস লিস্ট টিউটোরিয়াল (</span></span></u></b><b><u><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><span style="font-size: large;">CSS List)</span><span style="font-size: 11pt;"><o:p></o:p></span></span></u></b></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">লিস্ট</span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">s </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">মুলত
দুই প্রকার যথা: </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">unordered </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">এবং </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">ordered
<span lang="HI">।</span></span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">সিএসএস দিয়ে
লিস্ট কে এইচটিএমএল হতে অনেক বেশি </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">customize
</span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">করা যায়। এমনকি </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">image </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">কে
</span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">bullet points </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">হিসাবে
</span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">unordered </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">লিস্ট
এর জন্য ব্যবহার করা যায়।<a href="http://w3bay.com/" target="_blank">w3bay.com</a></span><b><u><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><o:p></o:p></span></u></b></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<b><u><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">সিএসএস লিস্ট </span></u></b><b><u><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">Style Type:<o:p></o:p></span></u></b></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">আপনি যদি </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">default number
</span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">এর </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">ordered </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">লিস্ট বা </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">unordered </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">লিস্ট এর </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">bullets/discs </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">হতে
ভিন্ন স্টাইল ব্যবহার করতে চান তাহলে আপনি
লিস্ট এর জন্য বিভিন্ন ধরনের স্টাইল
ব্যবহার করতে পারেন। নিচে বিভিন্ন স্টাইল
দেয়া হলো:<a href="http://w3bay.com/" target="_blank">w3bay.com</a></span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">১. </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">Unordered list
styles: square, circle, disc (default), </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">এবং </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">none <span lang="HI">।</span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">২. </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">Ordered list styles: upper-alpha, lower-alpha,
upper-roman, lower-roman, decimal (default), </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">এবং </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">none <span lang="HI">।<a href="http://w3bay.com/" target="_blank">w3bay.com</a></span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">ol { list-style-type: upper-roman; }<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">ul { list-style-type: circle; }<a href="http://w3bay.com/" target="_blank">w3bay.com</a><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<br /></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<b><u><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">সিএসএস লিস্ট ইমেজের সাথে:</span></u></b><b><u><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><o:p></o:p></span></u></b></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">আমরা আগেই বলেছি </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">normal bullet </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">এর
পরিবর্তে </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">image </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">কে ব্যবহার করা যায়।</span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">ul { list-style-image: url("listArrow.gif"); }<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">ol { list-style-image: url("listArrow2.gif"); }<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">সবচেয়ে ভাল হয় </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">Unordered
</span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">লিস্ট এর
ক্ষেত্রে </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">image </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">কে ব্যবহার করা।</span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<b><u><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">সিএসএস লিস্ট </span></u></b><b><u><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">Position:<a href="http://w3bay.com/" target="_blank">w3bay.com</a><o:p></o:p></span></u></b></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">list-style-position </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">এর ভেলু </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">inside </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">দিলে
তখন লিস্টগুলো মার্জিন হতে ভিতরের দিকে থাকবে আর </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">Outside </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">দিলে </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">normal </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">লিস্ট
</span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">Position </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">এ
থাকবে। </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">Outside </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">ভেলুটি
একটি </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">default setting <span lang="HI">।</span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">ul { list-style-position: inside; }<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">ol { list-style-position: outside; }<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<b><u><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">লিস্ট:সব একটাতে<a href="http://w3bay.com/" target="_blank">w3bay.com</a></span></u></b><b><u><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><o:p></o:p></span></u></b></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">এই </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">list-style-type </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">এর মাধ্যমে এমন একটা ব্যবস্থা করা যায় যখন আপনার </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">list-style image </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">লোড নিবে না তখন অন্য </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">list-style </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">দেখাবে।<a href="http://w3bay.com/" target="_blank">w3bay.com</a></span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><o:p></o:p></span></div>
<br />
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">ul { list-style: upper-roman inside
url("http://www.example.com/notHere.gif");}<span style="font-size: 11pt;"><o:p></o:p></span></span></div>
</div>
Md.Azizul Islamhttp://www.blogger.com/profile/15222849926934364194noreply@blogger.com0tag:blogger.com,1999:blog-1280003118668214148.post-65138412120323048402017-03-02T12:39:00.001+06:002017-03-02T12:39:25.095+06:00Internal/External/Inline CSS Tutorial (ইন্টারনাল/এক্সটার্নাল/ইনলাইন সিএসএস টিউটোরিয়াল)<div dir="ltr" style="text-align: left;" trbidi="on">
<div align="center" class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-align: center; text-autospace: none;">
<b><u><span lang="BN-BD" style="font-family: "Nirmala UI","sans-serif"; mso-ascii-font-family: "Century Gothic"; mso-ascii-theme-font: minor-latin; mso-hansi-font-family: "Century Gothic"; mso-hansi-theme-font: minor-latin;"><span style="font-size: large;">ইন্টারনাল সিএসএস টিউটোরিয়াল </span></span></u></b><b><u><span style="font-size: large;"><span lang="BN-BD" style="font-family: Vrinda; mso-ascii-font-family: "Century Gothic"; mso-ascii-theme-font: minor-latin; mso-hansi-font-family: "Century Gothic"; mso-hansi-theme-font: minor-latin;">(</span>Internal CSS)</span><o:p></o:p></u></b></div>
<div align="center" class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-align: center; text-autospace: none;">
<b><u><br /></u></b></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<a href="https://4.bp.blogspot.com/-8yPZMyuSwKk/WLe9YT20WPI/AAAAAAAABSU/lS1xOvtB-zgz_aL5EUQQleujfOwIj5n6ACLcB/s1600/Screenshot_1.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Interter/External/Inline CSS Tutorial " border="0" src="https://4.bp.blogspot.com/-8yPZMyuSwKk/WLe9YT20WPI/AAAAAAAABSU/lS1xOvtB-zgz_aL5EUQQleujfOwIj5n6ACLcB/s1600/Screenshot_1.png" title="Interter/External/Inline CSS Tutorial " /></a><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">Cascading Style Sheets <span lang="BN">লেখার তিনটি ধরন আছে
যেমন - </span>internal, external <span lang="BN">এবং </span>inline</span><span lang="HI" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">। </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">যখন
আপনারা ইন্টারনাল সিএসএস ব্যবহার করবেন
তখন অবশ্যই একটা নতুন ট্যাগ যোগ করতে হবে যেটা হচ্ছে </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><style>
tag <span lang="BN">এবং যা </span>HTML <head> <span lang="BN">ট্যাগ এর ভিতরে
রাখতে হবে। নিচে উদাহরন দেয়া হলো।<a href="http://w3bay.com/" target="_blank">w3bay.com</a></span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><html><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><head><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><style><a href="http://w3bay.com/" target="_blank">w3bay.com</a><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"></style><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"></head><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><body><a href="http://w3bay.com/" target="_blank">w3bay.com</a><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><p>Your page's content!</p><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"></body><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"></html><a href="http://w3bay.com/" target="_blank">w3bay.com</a><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<br /></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">এমত অবস্থায় পেজে নতুন কিছু দেখাবে না। এই </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">style <span lang="BN">ট্যাগ টি শুধু ব্রাউজার কে বলবে যে
তারা এই পেজে নতুন কিছু </span>CSS element <span lang="BN">যোগ করতে যাচ্ছে ।</span><span style="font-size: 11pt;"><o:p></o:p></span></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><span lang="BN"><br /></span></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<b><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><span style="font-size: large;">ইন্টারনাল সিএসএস কোড তৈরী:</span></span></b><b><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;"><o:p></o:p></span></b></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">HTML code <span lang="BN">এর মত করে </span>CSS code <span lang="BN">লেখা হয় না</span>, <span lang="BN">যার অর্থ এই দাড়ায় </span>CSS <span lang="BN">যা </span>HTML
<span lang="BN">এর মত নয়।</span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">নিচে উদাহরন দেয়া হলো।</span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><html><a href="http://w3bay.com/" target="_blank">w3bay.com</a><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><head><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><style><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">p {color: white; }<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">body {background-color: black; }<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"></style><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"></head><a href="http://w3bay.com/" target="_blank">w3bay.com</a><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><body><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><p>White text on a black background!</p><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"></body><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"></html><a href="http://w3bay.com/" target="_blank">w3bay.com</a><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">প্রদর্শন:</span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">White text on a black background!<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">উপরের উদাহরনে আপনারা দেখেছেন </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">CSS code <span lang="BN">এর মাধ্যমে </span><body> and
<p> HTML tags <span lang="BN">এর এলিমেন্ট পরিবর্তিত হয়ে গেছে।<a href="http://w3bay.com/" target="_blank">w3bay.com</a></span><span style="font-size: 11pt;"><o:p></o:p></span></span></div>
<div align="center" class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-align: center; text-autospace: none;">
<br /></div>
<div align="center" class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-align: center; text-autospace: none;">
<b><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><span style="font-size: large;">সাধারন সিএসএস ফরমেট</span></span></b><b><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;"><o:p></o:p></span></b></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">"HTML tag" { "CSS Property" :
"Value" ; }<a href="http://w3bay.com/" target="_blank">w3bay.com</a><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">বিষয়টি পরিস্কার করতে
ধাপে ধাপে দেখা যাক কিভাবে সিএসএস কোড দিয়ে এইচটিএমএল এলিমেন্ট পরিবর্তিত
হয়ে গেছে।প্রথমে একটা এইচটিএমএল এলিমেন্ট
বাছাই করেছি যাকে নিয়ে আমরা কাজ করেছি
- </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">p { : ;
}<a href="http://w3bay.com/" target="_blank">w3bay.com</a><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">তারপর </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">CSS attribute
color <span lang="BN">নির্বাচন করেছি - </span>p
{ color: ; }<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">পরে </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">Value <span lang="BN">হিসাবে আমরা ফন্ট এর </span>color
<span lang="BN">নির্বাচন করেছি - </span>p
{ color: white; } <span lang="BN">এসব করার ফলে কি হয়েছে </span>paragraph tag <span lang="BN">এর মধ্যে অবস্থিত সকল লেখা সাদা হয়ে গেছে ।এখন আমরা আলোচনা করবো সিএসএস
কোড কিভাবে </span><body> <span lang="BN">ট্যাগের </span>background <span lang="BN">কে পরিবর্তন
করেছে। প্রথমে একটা </span>HTML Body element
<span lang="BN">বাছাই করেছি - </span>body { : ; } <span lang="BN">তারপর </span>CSS
attribute, background-color <span lang="BN">নির্বাচন করেছি - </span>body {
background-color: ; } CSS attribute background-color <span lang="BN">এর রং
নির্বাচন করেছি - </span>body {
background-color: black; }<a href="http://w3bay.com/" target="_blank">w3bay.com</a><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">অনেক সময় দেখা যাবে যে সিএসএস স্টাইল প্রয়োগ করার পরও তা প্রদর্শন করছে না
তখন আমাদের যেসব বিষয় লক্ষ রাখতে তা হলো আমরা সিএসএস </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">attribute <span lang="BN">এর পর কোলন এবং সিএসএস </span>attribute
<span lang="BN">এর ভেলুর পর সেমিকোলন ঠিক মত দিয়েছে কিনা </span>{ CSS attribute :
value;}</span><span lang="HI" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">। <a href="http://w3bay.com/" target="_blank">w3bay.com</a></span><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: HI;"><o:p></o:p></span></div>
<div align="center" class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-align: center; text-autospace: none;">
<span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: HI;"><br />
</span><b><u><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><span style="font-size: large;">এক্সটার্নাল সিএসএস (</span></span></u></b><b><u><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><span style="font-size: large;">External CSS)</span><span style="font-size: 11pt;"><o:p></o:p></span></span></u></b></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">সবচেয়ে ভাল হয় যদি আপনারা সিএসএস কে এইচটিএমএল হতে পৃথক রাখেন।এক্সটার্নাল সিএসএস
ফাইলটি শুধুমাত্র সিএসএস </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">code </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">ধারন করে এবং এই ফাইলটিকে ".</span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">css" </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">ফাইল
</span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">extension </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">দিয়ে
সেভ করা হয়। সিএসএস ফাইল টিকে </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><style> </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">ট্যাগ
এর পরিবর্তে </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><link> </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">ট্যাগ এর সাহায্যে লিংক করা হয় ।</span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">ফাইল তৈরী:<a href="http://w3bay.com/" target="_blank">w3bay.com</a></span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">প্রাথমিকভাবে আমরা
নোটপ্যাড দিয়ে নিচের সিএসএস কোড টি লিখবো।</span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">.<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">body{ background-color: gray;}<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">p { color: blue; }<a href="http://w3bay.com/" target="_blank">w3bay.com</a><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">h3{ color: white; }<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">তারপর সিএসএস ফাইলটিকে
(.</span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">css) </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">ফাইল </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">extension </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">দিয়ে সেভ করবো। ফাইলটির নাম হবে </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">test.css <span lang="HI">।
</span></span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">তবে </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">test </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">ছাড়াও
আমরা অন্য নাম দিতে পারি তবে ফাইল </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">extension(.css) </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">টি
ঠিক রাখতে হবে ।</span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">এরপর নতুন
এইচটিএমএল ফাইল তৈরী করে সিএসএস ফাইলটির সাথে লিংক করবো।</span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><html><a href="http://w3bay.com/" target="_blank">w3bay.com</a><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><head><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><link rel="stylesheet"
type="text/css" href="css/test.css" /><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"></head><a href="http://w3bay.com/" target="_blank">w3bay.com</a><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><body><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><h3> A White Header </h3><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><p> This paragraph has a blue font. <o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">The background color of this page is gray because<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">we changed it with CSS! </p><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"></body><a href="http://w3bay.com/" target="_blank">w3bay.com</a><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"></html><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">3</span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"> নম্বর লাইনে </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">test.css </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">এর
আগে যে </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">css<span lang="BN">/ চিহ্নটা আছে </span></span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">,<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">তারপর এইচটিএমএল ফাইল টিকে </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">index.html </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">হিসাবে একই ফোল্ডারে
অর্থাৎ যেখানে সিএসএস ফাইল আছে
সেখানে সেভ করবো। এবার আপনার এইচটিএমএল ফাইল টিকে ব্রাউজারে এ খুলুন করুন এবং
পরিবর্তন লক্ষ্য করুন।</span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">প্রদর্শন:<a href="http://w3bay.com/" target="_blank">w3bay.com</a></span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">A White Header<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">This paragraph has a blue font. The background color of
this page is gray because we changed it with </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">সিএসএস!<a href="http://w3bay.com/" target="_blank">w3bay.com</a></span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">কেন আমরা এক্সটার্নাল সিএসএস ব্যবহার করবো</span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">?<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">আপনার ওয়েবসাইট
ডিজাইন কে সংরক্ষন এবং </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">content </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">কে পৃথক রাখতে ব্যবহ্নত হয়।</span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">আলাদা ফাইল হিসাবে রাখলে খুব সহজেই সিএসএস কোড কে পুনরায় ব্যবহার করা যায়।
বারবার একই সিএসএস কোড প্রত্যেক ওয়েব পেজ এ লেখার পরিবর্তে শুধুমাত্র "</span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">link" </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">ট্যাগ
এর সাহায্যে একটা সিএসএস ফাইল কে প্রত্যেক ওয়েব পেজ এ যুক্ত করা যায়।</span><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;"><br />
<!--[if !supportLineBreakNewLine]--><a href="http://w3bay.com/" target="_blank">w3bay.com</a><br />
<!--[endif]--></span><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: HI;"><o:p></o:p></span></div>
<div align="center" class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-align: center; text-autospace: none;">
<span style="font-size: large;"><b><u><span lang="BN-BD" style="font-family: "Nirmala UI","sans-serif"; mso-ascii-font-family: "Century Gothic"; mso-ascii-theme-font: minor-latin; mso-hansi-font-family: "Century Gothic"; mso-hansi-theme-font: minor-latin;">ইনলাইন সিএসএস টিউটোরিয়াল</span></u></b><b><u><span lang="BN-BD" style="font-family: Vrinda; mso-ascii-font-family: "Century Gothic"; mso-ascii-theme-font: minor-latin; mso-hansi-font-family: "Century Gothic"; mso-hansi-theme-font: minor-latin;">(</span>Inline CSS)</u></b></span><b><u><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: HI;"><o:p></o:p></span></u></b></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">ইনলাইন সিএসএস হচ্ছে সিএসএস </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">style </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">কে এইচটিএমএল কোড এর ভিতরে ব্যবহার করার নিয়ম।</span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">এক্সটার্নাল বা ইন্টারনাল সিএসএস হতে ইনলাইন সিএসএস এর
প্রাধান্য বেশি। এর অর্থ হচ্ছে একসটার্নাল বা ইন্টারনাল সিএসএস দ্বারা স্টাইল
নির্দেশিত থাকলেও আপনি স্টাইল </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">override </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">করতে
পারেন। যাহোক</span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">, </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">ইনলাইন সিএসএস যা সিএসএস এর সঠিক উদ্দেশ্য হতে বিচ্যুতি
ঘটায় তাই এটা আংশিকভাবে ব্যবহার করা উচিত।<a href="http://w3bay.com/" target="_blank">w3bay.com</a></span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">সিএসএস </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">Inline - HTML
Attribute:<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">বিশ্বাস করেন বা না করেন প্রত্যেক এইচটিএমএল ট্যাগ এর মধ্যে
সিএসএস কে তৈরী করা যায়। যদি আপনি সব এইচটিএমএল এলিমেন্ট এর স্টাইল করতে চান তাহলে
</span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">style </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">নামক </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">HTML
attribute </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">এর মধ্যে
প্রত্যাশিত সিএসএস </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">property </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">গুলো
লিখুন।<a href="http://w3bay.com/" target="_blank">w3bay.com</a></span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><p style="background: blue; color:
white;">A new background and font color with inline CSS</p><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">যে কোন </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">HTML element </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">সম্বলিত </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">inline CSS </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">সেটিং এর একটি
সাধারন ফরমেট দেয়া হলো:</span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">Pseudo Code:<a href="http://w3bay.com/" target="_blank">w3bay.com</a><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><html tag style="css property1: value; css
property2: value;"> </html tag><o:p></o:p></span></div>
<span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">প্রত্যেক
সিএসএস </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">statement
</span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">অবশ্যই </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">semicolon ";" </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">দ্বারা
পৃথক থাকবে এবং সিএসএস </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">property
</span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">ও তার </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">value
":"colons </span><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">দ্বারা
পৃথক থাকবে।</span><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-ansi-language: EN-US; mso-bidi-language: BN; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: EN-US; mso-fareast-theme-font: minor-fareast;"><br />
<!--[if !supportLineBreakNewLine]--><a href="http://w3bay.com/" target="_blank">w3bay.com</a><br />
<!--[endif]--></span></div>
Md.Azizul Islamhttp://www.blogger.com/profile/15222849926934364194noreply@blogger.com0tag:blogger.com,1999:blog-1280003118668214148.post-23029875969195681452017-03-01T12:08:00.002+06:002017-03-01T12:08:23.562+06:00HTMT TAG LIST<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-YGNr-IPvDB8/WLZlHnwn_qI/AAAAAAAABR4/8qjGgkTJyjQ38U1by5oeVJMh6NzaSeYVQCLcB/s1600/Screenshot_1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="HTML TAG LIST" border="0" src="https://1.bp.blogspot.com/-YGNr-IPvDB8/WLZlHnwn_qI/AAAAAAAABR4/8qjGgkTJyjQ38U1by5oeVJMh6NzaSeYVQCLcB/s1600/Screenshot_1.png" title="HTML TAG LIST" /></a></div>
<div align="center" class="MsoNoSpacing" style="text-align: center;">
<b><u><span style="font-family: "Arial Black", sans-serif;">Ordered
Alphabetically</span></u></b></div>
<div align="center" class="MsoNoSpacing" style="text-align: center;">
<b style="text-align: left; text-indent: 0.5in;"><span style="font-family: "Arial Black", sans-serif;">DTD:
indicates in which </span></b><a href="http://www.w3schools.com/tags/tag_doctype.asp" style="text-align: left; text-indent: 0.5in;"><b><span style="color: windowtext; font-family: "Arial Black", sans-serif;">HTML 4.01 / XHTML
1.0 DTD</span></b></a><b style="text-align: left; text-indent: 0.5in;"><span style="font-family: "Arial Black", sans-serif;"> the tag is allowed.</span></b></div>
<div align="center" class="MsoNoSpacing" style="text-align: center;">
<b style="text-align: left; text-indent: 0.5in;"><span style="font-family: "Arial Black", sans-serif;">S=Strict,
T=Transitional, and F=Frameset</span></b></div>
<div class="MsoNoSpacing" style="margin-left: 2.0in; text-indent: .5in;">
<b><u><span style="font-family: "Arial Black", sans-serif;"> 88
----HTMT TAG<span style="font-size: 9pt;"><o:p></o:p></span></span></u></b></div>
<table border="0" cellpadding="0" class="MsoNormalTable" style="mso-cellspacing: 1.5pt; mso-yfti-tbllook: 1184; width: 91%px;">
<tbody>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%">
<div class="MsoNoSpacing">
<br /></div>
<div class="MsoNoSpacing">
<b><span style="font-family: "Arial Black", sans-serif;">Tag<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Arial Black", sans-serif;">Description<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Arial Black", sans-serif;">DTD<span style="font-size: 9pt;"><o:p></o:p></span></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%">
<div class="MsoNoSpacing">
<a href="http://www.w3schools.com/tags/tag_comment.asp"><b><span style="color: windowtext; font-family: "Bell MT", serif;"><!--...--></span></b></a><b><span style="font-family: "Bell MT", serif;"><o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">Defines a comment<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%">
<div class="MsoNoSpacing">
<a href="http://www.w3schools.com/tags/tag_doctype.asp"><b><span style="color: windowtext; font-family: "Bell MT", serif;"><!DOCTYPE></span></b></a><b><span style="font-family: "Bell MT", serif;"><o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">Defines the document type<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%">
<div class="MsoNoSpacing">
<a href="http://www.w3schools.com/tags/tag_a.asp"><b><span style="color: windowtext; font-family: "Bell MT", serif;"><a></span></b></a><b><span style="font-family: "Bell MT", serif;"><o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">Defines an anchor<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%">
<div class="MsoNoSpacing">
<a href="http://www.w3schools.com/tags/tag_abbr.asp"><b><span style="color: windowtext; font-family: "Bell MT", serif;"><abbr></span></b></a><b><span style="font-family: "Bell MT", serif;"><o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">Defines an abbreviation<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%">
<div class="MsoNoSpacing">
<a href="http://www.w3schools.com/tags/tag_acronym.asp"><b><span style="color: windowtext; font-family: "Bell MT", serif;"><acronym></span></b></a><b><span style="font-family: "Bell MT", serif;"><o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">Defines an acronym<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%">
<div class="MsoNoSpacing">
<a href="http://www.w3schools.com/tags/tag_address.asp"><b><span style="color: windowtext; font-family: "Bell MT", serif;"><address></span></b></a><b><span style="font-family: "Bell MT", serif;"><o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">Defines contact information for the author/owner of a
document<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%">
<div class="MsoNoSpacing">
<a href="http://www.w3schools.com/tags/tag_applet.asp"><b><span style="color: windowtext; font-family: "Bell MT", serif;"><applet></span></b></a><b><span style="font-family: "Bell MT", serif;"><o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">Deprecated. Defines an embedded applet<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">TF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%">
<div class="MsoNoSpacing">
<a href="http://www.w3schools.com/tags/tag_area.asp"><b><span style="color: windowtext; font-family: "Bell MT", serif;"><area
/></span></b></a><b><span style="font-family: "Bell MT", serif;"><o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">Defines an area inside an image-map<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%">
<div class="MsoNoSpacing">
<a href="http://www.w3schools.com/tags/tag_font_style.asp"><b><span style="color: windowtext; font-family: "Bell MT", serif;"><b></span></b></a><b><span style="font-family: "Bell MT", serif;"><o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">Defines bold text<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%">
<div class="MsoNoSpacing">
<a href="http://www.w3schools.com/tags/tag_base.asp"><b><span style="color: windowtext; font-family: "Bell MT", serif;"><base
/></span></b></a><b><span style="font-family: "Bell MT", serif;"><o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">Specifies the base URL/target for all relative URLs in a
document<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%">
<div class="MsoNoSpacing">
<a href="http://www.w3schools.com/tags/tag_basefont.asp"><b><span style="color: windowtext; font-family: "Bell MT", serif;"><basefont
/></span></b></a><b><span style="font-family: "Bell MT", serif;"><o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">Deprecated. Specifies a default color, size, or font for
all the text in a document<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">TF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%">
<div class="MsoNoSpacing">
<a href="http://www.w3schools.com/tags/tag_bdo.asp"><b><span style="color: windowtext; font-family: "Bell MT", serif;"><bdo></span></b></a><b><span style="font-family: "Bell MT", serif;"><o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">Overrides the current text direction<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%">
<div class="MsoNoSpacing">
<a href="http://www.w3schools.com/tags/tag_font_style.asp"><b><span style="color: windowtext; font-family: "Bell MT", serif;"><big></span></b></a><b><span style="font-family: "Bell MT", serif;"><o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">Defines big text<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%">
<div class="MsoNoSpacing">
<a href="http://www.w3schools.com/tags/tag_blockquote.asp"><b><span style="color: windowtext; font-family: "Bell MT", serif;"><blockquote></span></b></a><b><span style="font-family: "Bell MT", serif;"><o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">Defines a long quotation<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%">
<div class="MsoNoSpacing">
<a href="http://www.w3schools.com/tags/tag_body.asp"><b><span style="color: windowtext; font-family: "Bell MT", serif;"><body></span></b></a><b><span style="font-family: "Bell MT", serif;"><o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">Defines the document's body<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%">
<div class="MsoNoSpacing">
<a href="http://www.w3schools.com/tags/tag_br.asp"><b><span style="color: windowtext; font-family: "Bell MT", serif;"><br
/></span></b></a><b><span style="font-family: "Bell MT", serif;"><o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">Defines a single line break<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%">
<div class="MsoNoSpacing">
<a href="http://www.w3schools.com/tags/tag_button.asp"><b><span style="color: windowtext; font-family: "Bell MT", serif;"><button></span></b></a><b><span style="font-family: "Bell MT", serif;"><o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">Defines a clickable button<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%">
<div class="MsoNoSpacing">
<a href="http://www.w3schools.com/tags/tag_caption.asp"><b><span style="color: windowtext; font-family: "Bell MT", serif;"><caption></span></b></a><b><span style="font-family: "Bell MT", serif;"><o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">Defines a table caption<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%">
<div class="MsoNoSpacing">
<a href="http://www.w3schools.com/tags/tag_center.asp"><b><span style="color: windowtext; font-family: "Bell MT", serif;"><center></span></b></a><b><span style="font-family: "Bell MT", serif;"><o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">Deprecated. Defines centered text<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">TF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%">
<div class="MsoNoSpacing">
<a href="http://www.w3schools.com/tags/tag_phrase_elements.asp"><b><span style="color: windowtext; font-family: "Bell MT", serif;"><cite></span></b></a><b><span style="font-family: "Bell MT", serif;"><o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">Defines a citation<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%">
<div class="MsoNoSpacing">
<a href="http://www.w3schools.com/tags/tag_phrase_elements.asp"><b><span style="color: windowtext; font-family: "Bell MT", serif;"><code></span></b></a><b><span style="font-family: "Bell MT", serif;"><o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">Defines a piece of computer code<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%">
<div class="MsoNoSpacing">
<a href="http://www.w3schools.com/tags/tag_col.asp"><b><span style="color: windowtext; font-family: "Bell MT", serif;"><col
/></span></b></a><b><span style="font-family: "Bell MT", serif;"><o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">Defines attribute values for one or more columns in a
table<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%">
<div class="MsoNoSpacing">
<a href="http://www.w3schools.com/tags/tag_colgroup.asp"><b><span style="color: windowtext; font-family: "Bell MT", serif;"><colgroup></span></b></a><b><span style="font-family: "Bell MT", serif;"><o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">Specifies a group of one or more columns in a table for
formatting<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%">
<div class="MsoNoSpacing">
<a href="http://www.w3schools.com/tags/tag_dd.asp"><b><span style="color: windowtext; font-family: "Bell MT", serif;"><dd></span></b></a><b><span style="font-family: "Bell MT", serif;"><o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">Defines a description of an item in a definition list<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%">
<div class="MsoNoSpacing">
<a href="http://www.w3schools.com/tags/tag_del.asp"><b><span style="color: windowtext; font-family: "Bell MT", serif;"><del></span></b></a><b><span style="font-family: "Bell MT", serif;"><o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">Defines text that has been deleted from a document<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%">
<div class="MsoNoSpacing">
<a href="http://www.w3schools.com/tags/tag_phrase_elements.asp"><b><span style="color: windowtext; font-family: "Bell MT", serif;"><dfn></span></b></a><b><span style="font-family: "Bell MT", serif;"><o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">Defines a definition term<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%">
<div class="MsoNoSpacing">
<a href="http://www.w3schools.com/tags/tag_dir.asp"><b><span style="color: windowtext; font-family: "Bell MT", serif;"><dir></span></b></a><b><span style="font-family: "Bell MT", serif;"><o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">Deprecated. Defines a directory list<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">TF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%">
<div class="MsoNoSpacing">
<a href="http://www.w3schools.com/tags/tag_div.asp"><b><span style="color: windowtext; font-family: "Bell MT", serif;"><div></span></b></a><b><span style="font-family: "Bell MT", serif;"><o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">Defines a section in a document<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%">
<div class="MsoNoSpacing">
<a href="http://www.w3schools.com/tags/tag_dl.asp"><b><span style="color: windowtext; font-family: "Bell MT", serif;"><dl></span></b></a><b><span style="font-family: "Bell MT", serif;"><o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">Defines a definition list<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%">
<div class="MsoNoSpacing">
<a href="http://www.w3schools.com/tags/tag_dt.asp"><b><span style="color: windowtext; font-family: "Bell MT", serif;"><dt></span></b></a><b><span style="font-family: "Bell MT", serif;"><o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">Defines a term (an item) in a definition list<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%">
<div class="MsoNoSpacing">
<a href="http://www.w3schools.com/tags/tag_phrase_elements.asp"><b><span style="color: windowtext; font-family: "Bell MT", serif;"><em></span></b></a><b><span style="font-family: "Bell MT", serif;"><o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">Defines emphasized text<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%">
<div class="MsoNoSpacing">
<a href="http://www.w3schools.com/tags/tag_fieldset.asp"><b><span style="color: windowtext; font-family: "Bell MT", serif;"><fieldset></span></b></a><b><span style="font-family: "Bell MT", serif;"><o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">Groups related elements in a form<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%">
<div class="MsoNoSpacing">
<a href="http://www.w3schools.com/tags/tag_font.asp"><b><span style="color: windowtext; font-family: "Bell MT", serif;"><font></span></b></a><b><span style="font-family: "Bell MT", serif;"><o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">Deprecated. Defines font, color, and size for text<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">TF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%">
<div class="MsoNoSpacing">
<a href="http://www.w3schools.com/tags/tag_form.asp"><b><span style="color: windowtext; font-family: "Bell MT", serif;"><form></span></b></a><b><span style="font-family: "Bell MT", serif;"><o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">Defines an HTML form for user input<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%">
<div class="MsoNoSpacing">
<a href="http://www.w3schools.com/tags/tag_frame.asp"><b><span style="color: windowtext; font-family: "Bell MT", serif;"><frame
/></span></b></a><b><span style="font-family: "Bell MT", serif;"><o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">Defines a window (a frame) in a frameset<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">F<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%">
<div class="MsoNoSpacing">
<a href="http://www.w3schools.com/tags/tag_frameset.asp"><b><span style="color: windowtext; font-family: "Bell MT", serif;"><frameset></span></b></a><b><span style="font-family: "Bell MT", serif;"><o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">Defines a set of frames<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">F<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%">
<div class="MsoNoSpacing">
<a href="http://www.w3schools.com/tags/tag_hn.asp"><b><span style="color: windowtext; font-family: "Bell MT", serif;"><h1>
to <h6></span></b></a><b><span style="font-family: "Bell MT", serif;"><o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">Defines HTML headings<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%">
<div class="MsoNoSpacing">
<a href="http://www.w3schools.com/tags/tag_head.asp"><b><span style="color: windowtext; font-family: "Bell MT", serif;"><head></span></b></a><b><span style="font-family: "Bell MT", serif;"><o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">Defines information about the document<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%">
<div class="MsoNoSpacing">
<a href="http://www.w3schools.com/tags/tag_hr.asp"><b><span style="color: windowtext; font-family: "Bell MT", serif;"><hr
/></span></b></a><b><span style="font-family: "Bell MT", serif;"><o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">Defines a horizontal line<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%">
<div class="MsoNoSpacing">
<a href="http://www.w3schools.com/tags/tag_html.asp"><b><span style="color: windowtext; font-family: "Bell MT", serif;"><html></span></b></a><b><span style="font-family: "Bell MT", serif;"><o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">Defines the root of an HTML document<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%">
<div class="MsoNoSpacing">
<a href="http://www.w3schools.com/tags/tag_font_style.asp"><b><span style="color: windowtext; font-family: "Bell MT", serif;"><i></span></b></a><b><span style="font-family: "Bell MT", serif;"><o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">Defines italic text<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%">
<div class="MsoNoSpacing">
<a href="http://www.w3schools.com/tags/tag_iframe.asp"><b><span style="color: windowtext; font-family: "Bell MT", serif;"><iframe></span></b></a><b><span style="font-family: "Bell MT", serif;"><o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">Defines an inline frame<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">TF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%">
<div class="MsoNoSpacing">
<a href="http://www.w3schools.com/tags/tag_img.asp"><b><span style="color: windowtext; font-family: "Bell MT", serif;"><img
/></span></b></a><b><span style="font-family: "Bell MT", serif;"><o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">Defines an image<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%">
<div class="MsoNoSpacing">
<a href="http://www.w3schools.com/tags/tag_input.asp"><b><span style="color: windowtext; font-family: "Bell MT", serif;"><input
/></span></b></a><b><span style="font-family: "Bell MT", serif;"><o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">Defines an input control<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%">
<div class="MsoNoSpacing">
<a href="http://www.w3schools.com/tags/tag_ins.asp"><b><span style="color: windowtext; font-family: "Bell MT", serif;"><ins></span></b></a><b><span style="font-family: "Bell MT", serif;"><o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">Defines text that has been inserted into a document<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%">
<div class="MsoNoSpacing">
<a href="http://www.w3schools.com/tags/tag_phrase_elements.asp"><b><span style="color: windowtext; font-family: "Bell MT", serif;"><kbd></span></b></a><b><span style="font-family: "Bell MT", serif;"><o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">Defines keyboard input<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%">
<div class="MsoNoSpacing">
<a href="http://www.w3schools.com/tags/tag_label.asp"><b><span style="color: windowtext; font-family: "Bell MT", serif;"><label></span></b></a><b><span style="font-family: "Bell MT", serif;"><o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">Defines a label for an <input> element<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%">
<div class="MsoNoSpacing">
<a href="http://www.w3schools.com/tags/tag_legend.asp"><b><span style="color: windowtext; font-family: "Bell MT", serif;"><legend></span></b></a><b><span style="font-family: "Bell MT", serif;"><o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">Defines a caption for a <fieldset> element<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%">
<div class="MsoNoSpacing">
<a href="http://www.w3schools.com/tags/tag_li.asp"><b><span style="color: windowtext; font-family: "Bell MT", serif;"><li></span></b></a><b><span style="font-family: "Bell MT", serif;"><o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">Defines a list item<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%">
<div class="MsoNoSpacing">
<a href="http://www.w3schools.com/tags/tag_link.asp"><b><span style="color: windowtext; font-family: "Bell MT", serif;"><link
/></span></b></a><b><span style="font-family: "Bell MT", serif;"><o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">Defines the relationship between a document and an
external resource<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%">
<div class="MsoNoSpacing">
<a href="http://www.w3schools.com/tags/tag_map.asp"><b><span style="color: windowtext; font-family: "Bell MT", serif;"><map></span></b></a><b><span style="font-family: "Bell MT", serif;"><o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">Defines a client-side image-map<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%">
<div class="MsoNoSpacing">
<a href="http://www.w3schools.com/tags/tag_menu.asp"><b><span style="color: windowtext; font-family: "Bell MT", serif;"><menu></span></b></a><b><span style="font-family: "Bell MT", serif;"><o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">Deprecated. Defines a menu list<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">TF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%">
<div class="MsoNoSpacing">
<a href="http://www.w3schools.com/tags/tag_meta.asp"><b><span style="color: windowtext; font-family: "Bell MT", serif;"><meta
/></span></b></a><b><span style="font-family: "Bell MT", serif;"><o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">Defines metadata about an HTML document<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%">
<div class="MsoNoSpacing">
<a href="http://www.w3schools.com/tags/tag_noframes.asp"><b><span style="color: windowtext; font-family: "Bell MT", serif;"><noframes></span></b></a><b><span style="font-family: "Bell MT", serif;"><o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">Defines an alternate content for users that do not
support frames<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">TF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%">
<div class="MsoNoSpacing">
<a href="http://www.w3schools.com/tags/tag_noscript.asp"><b><span style="color: windowtext; font-family: "Bell MT", serif;"><noscript></span></b></a><b><span style="font-family: "Bell MT", serif;"><o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">Defines an alternate content for users that do not
support client-side scripts<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%">
<div class="MsoNoSpacing">
<a href="http://www.w3schools.com/tags/tag_object.asp"><b><span style="color: windowtext; font-family: "Bell MT", serif;"><object></span></b></a><b><span style="font-family: "Bell MT", serif;"><o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">Defines an embedded object<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%">
<div class="MsoNoSpacing">
<a href="http://www.w3schools.com/tags/tag_ol.asp"><b><span style="color: windowtext; font-family: "Bell MT", serif;"><ol></span></b></a><b><span style="font-family: "Bell MT", serif;"><o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">Defines an ordered list<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%">
<div class="MsoNoSpacing">
<a href="http://www.w3schools.com/tags/tag_optgroup.asp"><b><span style="color: windowtext; font-family: "Bell MT", serif;"><optgroup></span></b></a><b><span style="font-family: "Bell MT", serif;"><o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">Defines a group of related options in a drop-down list<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%">
<div class="MsoNoSpacing">
<a href="http://www.w3schools.com/tags/tag_option.asp"><b><span style="color: windowtext; font-family: "Bell MT", serif;"><option></span></b></a><b><span style="font-family: "Bell MT", serif;"><o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">Defines an option in a drop-down list<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%">
<div class="MsoNoSpacing">
<a href="http://www.w3schools.com/tags/tag_p.asp"><b><span style="color: windowtext; font-family: "Bell MT", serif;"><p></span></b></a><b><span style="font-family: "Bell MT", serif;"><o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">Defines a paragraph<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%">
<div class="MsoNoSpacing">
<a href="http://www.w3schools.com/tags/tag_param.asp"><b><span style="color: windowtext; font-family: "Bell MT", serif;"><param
/></span></b></a><b><span style="font-family: "Bell MT", serif;"><o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">Defines a parameter for an object<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%">
<div class="MsoNoSpacing">
<a href="http://www.w3schools.com/tags/tag_pre.asp"><b><span style="color: windowtext; font-family: "Bell MT", serif;"><pre></span></b></a><b><span style="font-family: "Bell MT", serif;"><o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">Defines preformatted text<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%">
<div class="MsoNoSpacing">
<a href="http://www.w3schools.com/tags/tag_q.asp"><b><span style="color: windowtext; font-family: "Bell MT", serif;"><q></span></b></a><b><span style="font-family: "Bell MT", serif;"><o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">Defines a short quotation<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%">
<div class="MsoNoSpacing">
<a href="http://www.w3schools.com/tags/tag_strike.asp"><b><span style="color: windowtext; font-family: "Bell MT", serif;"><s></span></b></a><b><span style="font-family: "Bell MT", serif;"><o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">Deprecated. Defines strikethrough text<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">TF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%">
<div class="MsoNoSpacing">
<a href="http://www.w3schools.com/tags/tag_phrase_elements.asp"><b><span style="color: windowtext; font-family: "Bell MT", serif;"><samp></span></b></a><b><span style="font-family: "Bell MT", serif;"><o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">Defines sample output from a computer program<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%">
<div class="MsoNoSpacing">
<a href="http://www.w3schools.com/tags/tag_script.asp"><b><span style="color: windowtext; font-family: "Bell MT", serif;"><script></span></b></a><b><span style="font-family: "Bell MT", serif;"><o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">Defines a client-side script<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%">
<div class="MsoNoSpacing">
<a href="http://www.w3schools.com/tags/tag_select.asp"><b><span style="color: windowtext; font-family: "Bell MT", serif;"><select></span></b></a><b><span style="font-family: "Bell MT", serif;"><o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">Defines a drop-down list<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%">
<div class="MsoNoSpacing">
<a href="http://www.w3schools.com/tags/tag_font_style.asp"><b><span style="color: windowtext; font-family: "Bell MT", serif;"><small></span></b></a><b><span style="font-family: "Bell MT", serif;"><o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">Defines smaller text<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%">
<div class="MsoNoSpacing">
<a href="http://www.w3schools.com/tags/tag_span.asp"><b><span style="color: windowtext; font-family: "Bell MT", serif;"><span></span></b></a><b><span style="font-family: "Bell MT", serif;"><o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">Defines a section in a document<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%">
<div class="MsoNoSpacing">
<a href="http://www.w3schools.com/tags/tag_strike.asp"><b><span style="color: windowtext; font-family: "Bell MT", serif;"><strike></span></b></a><b><span style="font-family: "Bell MT", serif;"><o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">Deprecated. Defines strikethrough text<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">TF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%">
<div class="MsoNoSpacing">
<a href="http://www.w3schools.com/tags/tag_phrase_elements.asp"><b><span style="color: windowtext; font-family: "Bell MT", serif;"><strong></span></b></a><b><span style="font-family: "Bell MT", serif;"><o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">Defines strong text<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%">
<div class="MsoNoSpacing">
<a href="http://www.w3schools.com/tags/tag_style.asp"><b><span style="color: windowtext; font-family: "Bell MT", serif;"><style></span></b></a><b><span style="font-family: "Bell MT", serif;"><o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">Defines style information for a document<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%">
<div class="MsoNoSpacing">
<a href="http://www.w3schools.com/tags/tag_sup.asp"><b><span style="color: windowtext; font-family: "Bell MT", serif;"><sub></span></b></a><b><span style="font-family: "Bell MT", serif;"><o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">Defines subscripted text<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%">
<div class="MsoNoSpacing">
<a href="http://www.w3schools.com/tags/tag_sup.asp"><b><span style="color: windowtext; font-family: "Bell MT", serif;"><sup></span></b></a><b><span style="font-family: "Bell MT", serif;"><o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">Defines superscripted text<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%">
<div class="MsoNoSpacing">
<a href="http://www.w3schools.com/tags/tag_table.asp"><b><span style="color: windowtext; font-family: "Bell MT", serif;"><table></span></b></a><b><span style="font-family: "Bell MT", serif;"><o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">Defines a table<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%">
<div class="MsoNoSpacing">
<a href="http://www.w3schools.com/tags/tag_tbody.asp"><b><span style="color: windowtext; font-family: "Bell MT", serif;"><tbody></span></b></a><b><span style="font-family: "Bell MT", serif;"><o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">Groups the body content in a table<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%">
<div class="MsoNoSpacing">
<a href="http://www.w3schools.com/tags/tag_td.asp"><b><span style="color: windowtext; font-family: "Bell MT", serif;"><td></span></b></a><b><span style="font-family: "Bell MT", serif;"><o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">Defines a cell in a table<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%">
<div class="MsoNoSpacing">
<a href="http://www.w3schools.com/tags/tag_textarea.asp"><b><span style="color: windowtext; font-family: "Bell MT", serif;"><textarea></span></b></a><b><span style="font-family: "Bell MT", serif;"><o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">Defines a multiline input control (text area)<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%">
<div class="MsoNoSpacing">
<a href="http://www.w3schools.com/tags/tag_tfoot.asp"><b><span style="color: windowtext; font-family: "Bell MT", serif;"><tfoot></span></b></a><b><span style="font-family: "Bell MT", serif;"><o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">Groups the footer content in a table<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%">
<div class="MsoNoSpacing">
<a href="http://www.w3schools.com/tags/tag_th.asp"><b><span style="color: windowtext; font-family: "Bell MT", serif;"><th></span></b></a><b><span style="font-family: "Bell MT", serif;"><o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">Defines a header cell in a table<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%">
<div class="MsoNoSpacing">
<a href="http://www.w3schools.com/tags/tag_thead.asp"><b><span style="color: windowtext; font-family: "Bell MT", serif;"><thead></span></b></a><b><span style="font-family: "Bell MT", serif;"><o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">Groups the header content in a table<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%">
<div class="MsoNoSpacing">
<a href="http://www.w3schools.com/tags/tag_title.asp"><b><span style="color: windowtext; font-family: "Bell MT", serif;"><title></span></b></a><b><span style="font-family: "Bell MT", serif;"><o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">Defines a title for the document<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%">
<div class="MsoNoSpacing">
<a href="http://www.w3schools.com/tags/tag_tr.asp"><b><span style="color: windowtext; font-family: "Bell MT", serif;"><tr></span></b></a><b><span style="font-family: "Bell MT", serif;"><o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">Defines a row in a table<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%">
<div class="MsoNoSpacing">
<a href="http://www.w3schools.com/tags/tag_font_style.asp"><b><span style="color: windowtext; font-family: "Bell MT", serif;"><tt></span></b></a><b><span style="font-family: "Bell MT", serif;"><o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">Defines teletype text<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%">
<div class="MsoNoSpacing">
<a href="http://www.w3schools.com/tags/tag_u.asp"><b><span style="color: windowtext; font-family: "Bell MT", serif;"><u></span></b></a><b><span style="font-family: "Bell MT", serif;"><o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">Deprecated. Defines underlined text<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">TF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%">
<div class="MsoNoSpacing">
<a href="http://www.w3schools.com/tags/tag_ul.asp"><b><span style="color: windowtext; font-family: "Bell MT", serif;"><ul></span></b></a><b><span style="font-family: "Bell MT", serif;"><o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">Defines an unordered list<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%">
<div class="MsoNoSpacing">
<a href="http://www.w3schools.com/tags/tag_phrase_elements.asp"><b><span style="color: windowtext; font-family: "Bell MT", serif;"><var></span></b></a><b><span style="font-family: "Bell MT", serif;"><o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">Defines a variable<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;"><xmp><o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%">
<div class="MsoNoSpacing">
<b><span style="font-family: "Bell MT", serif;">Deprecated. Defines preformatted text<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%"></td>
</tr>
</tbody></table>
<br />
<div class="MsoNoSpacing">
<br /></div>
</div>
Md.Azizul Islamhttp://www.blogger.com/profile/15222849926934364194noreply@blogger.com0tag:blogger.com,1999:blog-1280003118668214148.post-88694541158172218812017-02-28T17:45:00.002+06:002017-02-28T17:45:56.750+06:00জেনে নিই সার্চ ইঞ্জিন এর ইনডেক্স করার সীমাবদ্ধতা।।<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="MsoNormal" style="line-height: 115%; margin-bottom: 10.0pt; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;">
<br /></div>
<div class="MsoNormal" style="line-height: 115%; margin-bottom: 10pt; text-align: center;">
<b><span style="font-size: x-large;"><span lang="BN" style="font-family: "Shonar Bangla", sans-serif; line-height: 115%;">জেনে নিই সার্চ ইঞ্জিন এর ইনডেক্স করার
সীমাবদ্ধতা</span><span lang="HI" style="font-family: Mangal, serif; line-height: 115%;">।।</span></span></b><span style="font-size: 14.0pt; line-height: 115%; mso-ascii-font-family: Calibri; mso-bidi-font-family: Calibri; mso-bidi-language: BN; mso-hansi-font-family: Calibri;"><o:p></o:p></span></div>
<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: right; margin-left: 1em; text-align: right;"><tbody>
<tr><td style="text-align: center;"><a href="https://3.bp.blogspot.com/-Bb687cCDtdc/WLViL9pk8CI/AAAAAAAABRg/5Y9_SoYn_wQ4Q_N9dinLvHvMDwkAq60OwCLcB/s1600/Screenshot_1.png" imageanchor="1" style="clear: right; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img alt="On-Page SEO " border="0" src="https://3.bp.blogspot.com/-Bb687cCDtdc/WLViL9pk8CI/AAAAAAAABRg/5Y9_SoYn_wQ4Q_N9dinLvHvMDwkAq60OwCLcB/s1600/Screenshot_1.png" title="On-Page SEO Tutorial" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Add caption</td></tr>
</tbody></table>
<div class="MsoNormal" style="line-height: 115%; margin-bottom: 10pt; text-align: center;">
<b><span lang="HI" style="font-family: Mangal, serif; line-height: 115%;"><span style="font-size: large;"><br /></span></span></b></div>
<div class="MsoNormal" style="line-height: 115%; margin-bottom: 10.0pt; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;">
<span style="font-size: large;"><span style="line-height: 115%;"> </span><span style="font-family: "Shonar Bangla", sans-serif;"><b>পেজ এর ফাইল সাইজ:</b></span></span></div>
<div class="MsoNormal" style="line-height: 115%; margin-bottom: 10.0pt; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;">
<span style="font-size: 14.0pt; line-height: 115%; mso-ascii-font-family: Calibri; mso-bidi-font-family: Calibri; mso-bidi-language: BN; mso-hansi-font-family: Calibri;"> </span><span lang="BN" style="font-family: "Shonar Bangla", sans-serif; font-size: 14pt; line-height: 115%;">১৫০ কিলোবাইট এর বেশি নয় ( ইমেজ</span><span style="font-family: "Shonar Bangla", sans-serif; font-size: 14pt; line-height: 115%;">, <span lang="BN">সিএসএস ও অন্যান্য অ্যাটাচমেন্ট ছাড়া)</span></span></div>
<div class="MsoNormal" style="line-height: 115%; margin-bottom: 10.0pt; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;">
<span style="font-size: 14.0pt; line-height: 115%; mso-ascii-font-family: Calibri; mso-bidi-font-family: Calibri; mso-bidi-language: BN; mso-hansi-font-family: Calibri;"> </span><span style="font-family: "Shonar Bangla", sans-serif;"><b><span style="font-size: large;">পেজ এ লিংক এর পরিমান: <a href="http://w3bay.com/" target="_blank">w3bay.com</a></span></b></span></div>
<div class="MsoNormal" style="line-height: 115%; margin-bottom: 10.0pt; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;">
<span style="font-size: 14.0pt; line-height: 115%; mso-ascii-font-family: Calibri; mso-bidi-font-family: Calibri; mso-bidi-language: BN; mso-hansi-font-family: Calibri;"> </span><span style="font-family: "Shonar Bangla", sans-serif; font-size: 14pt;">১০০ টি ইউনিক লিংক এর বেশি নয়</span></div>
<div class="MsoNormal" style="line-height: 115%; margin-bottom: 10.0pt; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;">
<b><span style="font-size: large;"><span style="line-height: 115%;"> </span><span style="font-family: "Shonar Bangla", sans-serif;">টাইটেল ট্যাগ:</span></span></b></div>
<div class="MsoNormal" style="line-height: 115%; margin-bottom: 10.0pt; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;">
<span style="font-size: 14.0pt; line-height: 115%; mso-ascii-font-family: Calibri; mso-bidi-font-family: Calibri; mso-bidi-language: BN; mso-hansi-font-family: Calibri;"> </span><span style="font-family: "Shonar Bangla", sans-serif; font-size: 14pt;">৭০ টি শব্দের বেশি নয়<a href="http://w3bay.com/" target="_blank">w3bay.com</a></span></div>
<div class="MsoNormal" style="line-height: 115%; margin-bottom: 10.0pt; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;">
<span style="font-size: large;"><b><span style="line-height: 115%;"> </span><span style="font-family: "Shonar Bangla", sans-serif;">মেটা ডেসক্রিপশন:</span></b></span></div>
<div class="MsoNormal" style="line-height: 115%; margin-bottom: 10.0pt; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;">
<span style="font-size: 14.0pt; line-height: 115%; mso-ascii-font-family: Calibri; mso-bidi-font-family: Calibri; mso-bidi-language: BN; mso-hansi-font-family: Calibri;"> </span><span style="font-family: "Shonar Bangla", sans-serif; font-size: 14pt;">১৫৫ টি শব্দের বেশি নয়<a href="http://w3bay.com/" target="_blank">w3bay.com</a></span></div>
<div class="MsoNormal" style="line-height: 115%; margin-bottom: 10.0pt; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;">
<span style="font-size: 14.0pt; line-height: 115%; mso-ascii-font-family: Calibri; mso-bidi-font-family: Calibri; mso-bidi-language: BN; mso-hansi-font-family: Calibri;"> </span><span style="font-size: large;"><b><span style="line-height: 115%;">URL </span><span lang="BN" style="font-family: "Shonar Bangla", sans-serif; line-height: 115%;">এর মানসমূহঃ</span></b></span></div>
<div class="MsoNormal" style="line-height: 115%; margin-bottom: 10.0pt; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;">
<span style="font-size: 14.0pt; line-height: 115%; mso-ascii-font-family: Calibri; mso-bidi-font-family: Calibri; mso-bidi-language: BN; mso-hansi-font-family: Calibri;"> </span><span style="font-family: "Shonar Bangla", sans-serif; font-size: 14pt;">২ এর বেশি নয়w3bay.com<a href="http://w3bay.com/" target="_blank">w3bay.com</a></span></div>
<div class="MsoNormal" style="line-height: 115%; margin-bottom: 10.0pt; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;">
<span style="font-family: "Shonar Bangla", sans-serif;"><span style="font-size: large;"><b>ভূল পদ্ধতিঃ</b></span></span></div>
<div class="MsoNormal" style="line-height: 115%; margin-bottom: 10.0pt; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;">
<span style="font-size: 14.0pt; line-height: 115%; mso-ascii-font-family: Calibri; mso-bidi-font-family: Calibri; mso-bidi-language: BN; mso-hansi-font-family: Calibri;"> </span><a href="http://www.mysite.com/brands.php?object=1&type=2&kind=3&node=5&arg=6" style="font-size: 14pt;"><span style="color: windowtext; text-decoration: none; text-underline: none;">http://www.mysite.com/brands.php?object=1&type=2&kind=3&node=5&arg=6</span></a></div>
<div class="MsoNormal" style="line-height: 115%; margin-bottom: 10.0pt; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;">
<span style="font-size: large;"><b><span style="line-height: 115%;"> </span><span style="font-family: "Shonar Bangla", sans-serif;">সঠিক পদ্ধতিঃ<a href="http://w3bay.com/" target="_blank">w3bay.com</a></span></b></span></div>
<div class="MsoNormal" style="line-height: 115%; margin-bottom: 10.0pt; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;">
<span style="font-size: 14.0pt; line-height: 115%; mso-ascii-font-family: Calibri; mso-bidi-font-family: Calibri; mso-bidi-language: BN; mso-hansi-font-family: Calibri;"> </span><a href="http://www.mysite.com/brands.php?nike" style="font-size: 14pt;"><span style="color: windowtext; text-decoration: none; text-underline: none;">http://www.mysite.com/brands.php?nike</span></a></div>
<div class="MsoNormal" style="line-height: 115%; margin-bottom: 10.0pt; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;">
<span style="font-size: 14.0pt; line-height: 115%; mso-ascii-font-family: Calibri; mso-bidi-font-family: Calibri; mso-bidi-language: BN; mso-hansi-font-family: Calibri;"> </span><b><span style="font-size: large;"><span style="line-height: 115%;">URL </span><span lang="BN" style="font-family: "Shonar Bangla", sans-serif; line-height: 115%;">এর গভীরতা:<a href="http://w3bay.com/" target="_blank">w3bay.com</a></span></span></b></div>
<div class="MsoNormal" style="line-height: 115%; margin-bottom: 10.0pt; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;">
<span style="font-size: 14.0pt; line-height: 115%; mso-ascii-font-family: Calibri; mso-bidi-font-family: Calibri; mso-bidi-language: BN; mso-hansi-font-family: Calibri;"> </span><span style="font-family: "Shonar Bangla", sans-serif; font-size: 14pt;">৪ এর বেশি নয়</span></div>
<div class="MsoNormal" style="line-height: 115%; margin-bottom: 10.0pt; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;">
<span style="font-size: large;"><b><span style="line-height: 115%;"> </span><span style="font-family: "Shonar Bangla", sans-serif;">পদ্ধতিঃ<a href="http://w3bay.com/" target="_blank">w3bay.com</a></span></b></span></div>
<div class="MsoNormal" style="line-height: 115%; margin-bottom: 10.0pt; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;">
<span style="font-size: 14.0pt; line-height: 115%; mso-ascii-font-family: Calibri; mso-bidi-font-family: Calibri; mso-bidi-language: BN; mso-hansi-font-family: Calibri;"> </span><a href="http://www.mysite.com/people/places/things/noun/danny/car" style="font-size: 14pt;"><span style="color: windowtext; text-decoration: none; text-underline: none;">http://www.mysite.com/people/places/things/noun/danny/car</span></a></div>
<div class="MsoNormal" style="line-height: 115%; margin-bottom: 10.0pt; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;">
<b><span style="font-size: large;"><span style="line-height: 115%;"> </span><span style="font-family: "Shonar Bangla", sans-serif;">তবে সবচেয়ে ভাল ফলাফল পেতে এভাবে ব্যবহার করুনঃ<a href="http://w3bay.com/" target="_blank">w3bay.com</a></span></span></b></div>
<div class="MsoNormal" style="line-height: 115%; margin-bottom: 10.0pt; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;">
<span style="font-size: 14.0pt; line-height: 115%; mso-ascii-font-family: Calibri; mso-bidi-font-family: Calibri; mso-bidi-language: BN; mso-hansi-font-family: Calibri;"> </span><span style="color: windowtext; text-decoration: none; text-underline: none;">http://www.mysite.com/people/danny </span><b style="font-family: "Shonar Bangla", sans-serif;"><span style="font-size: large;"><a href="http://w3bay.com/">w3bay.com</a></span></b></div>
<div class="MsoNormal" style="line-height: 115%; margin-bottom: 10.0pt; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;">
<br /></div>
<br />
<div class="MsoNormal" style="line-height: 115%; margin-bottom: 10.0pt; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;">
<br /></div>
</div>
Md.Azizul Islamhttp://www.blogger.com/profile/15222849926934364194noreply@blogger.com0tag:blogger.com,1999:blog-1280003118668214148.post-50181055624700584922017-02-27T19:43:00.002+06:002017-02-27T20:21:33.280+06:00Off-page SEO Tutorial<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: center;">
<b><span style="font-size: x-large;"><u>Off-page SEO </u></span></b></div>
<div style="text-align: center;">
<b><span style="font-size: x-large;"><br /></span></b></div>
<strong><span style="font-size: large;">1). Community Creation in Social
Networking Sites:</span></strong><o:p></o:p><br />
<strong><br /></strong>
<a href="https://2.bp.blogspot.com/--sos6BLdMXE/WLQs3BEetYI/AAAAAAAABRE/xq75LQXyUEQ29uyclX95QrSuZTOI8BflQCLcB/s1600/Screenshot_1.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Off-page seo" border="0" src="https://2.bp.blogspot.com/--sos6BLdMXE/WLQs3BEetYI/AAAAAAAABRE/xq75LQXyUEQ29uyclX95QrSuZTOI8BflQCLcB/s1600/Screenshot_1.png" title="Off-page seo" /></a>Also known as online reputation management, this
is the first and foremost step with which you have to initiate your process.
Try to become a member of the most popular social networking sites like Orkut, Myspace,
Facebook, Linked In, Ecademy, etc., and create a profile of your own. By doing
this you can extend your network online, get connect with your friends, share
things with each other, and promote your company/website to build an online
reputation. This is most likely the same as Web 2.0 (Participatory Web), which
means you have to show your active participation on a regular basis. <o:p></o:p><br />
<br />
<strong><span style="font-size: large;">2). Blogging:</span></strong><o:p></o:p><br />
This is one of the most powerful ways to promote your company/website
online. Write a blog of your own for your company/website and include lots of
unique content. Be precise in what you're trying to convey for the users in
your blog entry and promote your blog in blog directories and blog search
engines. You can also promote your blog/website by posting comments in other
service-related blogs which allow links in the comments section that are
crawlable by the search engines (these blogs are commonly identified as
Do-Follow Blogs). If you're not very good at writing content for blog posts,
hire a guest blogger for your blog and ask him/her to write precise and unique
content so that your blog can gain more credit from a search engine point of
view.<o:p></o:p><br />
<br />
<strong><span style="font-size: large;">3). Forum Postings:</span></strong><o:p></o:p><br />
Create a forum/online discussion board of your own and start a discussion or
share topics with your friends. You can also post/reply to a thread in other
service-related pre-existing forums that allow links in your signature which
can be crawled by the search engines (aka "Do-Follow Forums").<o:p></o:p><br />
<strong>4). Search Engine Submission</strong><o:p></o:p><br />
Submit your website to the most popular search engines like Google, Yahoo,
MSN, Altavista, Alexa, Alltheweb, Lycos, Excite, etc., to get listed for free.<o:p></o:p><br />
<br />
<strong><span style="font-size: large;">5). Directory Submission:</span></strong><o:p></o:p><br />
Many people may say that directory submission is dead. As far as I'm
concerned it is still alive. It is purely based on how effectively we are
selecting those directories and how efficiently we are choosing the category
for submission. Of course, I agree that it gives quite delayed results, but it
is worth doing it. Submit your websites to the topmost quality directories like
DMOZ, Yahoo Directory, ZoomInfo, One Mission, Pegasus, etc. Nowadays many web
directories may offer paid listings but<br />
don't go for it.<br />
<br />
<o:p></o:p><br />
<strong><span style="font-size: large;">6). Social Bookmarking:</span></strong><o:p></o:p><br />
Social Bookmarking is yet another powerful way of promoting your website,
but nowadays most people are spamming social bookmarking sites without knowing
how to use them. Since content in these websites update frequently, search
engines like these types of sites and often visit them (this is commonly termed
as Tagsonomy & Folksonomy in Web 2.0). Do some social bookmarking in
popular bookmarking sites like Digg, Delicious, StumbleUpon, Propeller, etc.
You should be very careful while doing this and you must properly handle the
tags which are very essential to broadcast your news on a wide area network.
This may increase your website traffic based on how effectively you have
participated.<o:p></o:p><br />
<br />
<strong><i><span style="font-size: large;">6). Link Exchange:</span></i></strong><i><o:p></o:p></i><br />
<i>Exchange links with service-related
websites (this is commonly termed as Thematic Link Exchange) that can help
increase your link popularity, which is a major factor of Google's PageRank
algorithm. Beware of Black-Hats while doing exchanges.<o:p></o:p></i><br />
<i><br /></i>
<strong><i><span style="font-size: large;">7). Link Baiting:</span></i></strong><i><o:p></o:p></i><br />
<i>Suppose you have copied/published
another website's news or content in your blog/website. Don't forget to place
their website link as a reference. Do it for others and, if your content is
trustworthy, let others do it for you. This is another way to increase your
link popularity.<o:p></o:p></i><br />
<i><br /></i>
<strong><i><span style="font-size: large;">8). Cross-Linking:</span></i></strong><i><o:p></o:p></i><br />
<i>Link to internal pages within your
site wherever necessary (this is commonly termed Internal Linking). This
increases your internal link popularity ,which is another major factor of
Google Page Rank algorithm. The best known example of successful internal
linking is Wikipedia. Also try to get a content link from websites/blogs that
are related to your site theme. Try getting a link from within their site
content using a targeted keyword as anchor text (much like Wikipedia does). We
know that this strategy can often be hard to implement, but these types of
links have more weight from a search engine point of view. <o:p></o:p></i><br />
<i><span style="font-size: large;"><br /></span></i>
<strong><span style="font-size: large;">9). Photo Sharing:</span></strong><o:p></o:p><br />
Publish/share your website product pictures and make them public. Let your
friends see them and comment on them too, which will help drive traffic towards
your website. Do this in major photo sharing websites like Flickr, Picasa,
Photo Bucket, Picli, etc. <o:p></o:p><br />
<br />
<strong><span style="font-size: large;">10). Video Promotions:</span></strong><o:p></o:p><br />
Like with photo sharing, you can publish/share your product videos, expert
opinions, and reviews of your product and make them public in YouTube,
Metacafe, Dailymotion, etc.<o:p></o:p><br />
<br />
<strong><span style="font-size: large;">11). Business Reviews:</span></strong><o:p></o:p><br />
Write reviews about others businesses or ask your friends/clients to write a
review of your business in major business review sites like RateitAll, Shvoong,
Kaboodle, Stylefeeder, etc. <o:p></o:p><br />
<br />
<strong><span style="font-size: large;">12). Local Listings & Yellow Pages:</span></strong><o:p></o:p><br />
Instead of going global and facing huge competition, make your website local
so that search engines can easily view your website and fetch the content. This
will help you to reach a targeted audience. Submit your website to Google
Local, Maps, Yahoo Local, Yellow Pages, Superpages, Hotfrog, etc. <o:p></o:p><br />
<br />
<strong><span style="font-size: large;">13). Article Submission:</span></strong><o:p></o:p><br />
Write articles of your own and submit them to popular article sites like
Ezine, Go Articles, Now Public, Buzzle, etc. This will help you to attain some
deep links for your website (though it's usually a slower process).<o:p></o:p><br />
<br />
<strong><span style="font-size: large;">14). Press Release Promotion:</span></strong><o:p></o:p><br />
If you are a business/service provider then go for PR submission in popular
PR websites like 1888pressrelease, Open PR, PR Leap, etc. This will help you to
publish your site in Google News.<o:p></o:p><br />
<br />
<strong><span style="font-size: large;">15). Classifieds Submission:</span></strong><o:p></o:p><br />
Do some classifieds submissions to advertise your products for free. Try
Craigslist and other major classifieds sites like Kugli, Myspace, iMadespace,
Vivastreet, etc. <o:p></o:p><br />
<span style="font-size: large;"><br /></span>
<strong><span style="font-size: large;">16). Social Shopping Network:</span></strong><o:p></o:p><br />
If you own an e-commerce website, this is a good strategy for advertising
and easily branding your products for free. Submit your products to Google
Product Search, Yahoo Online Shopping, MSN Online Shopping, and other major
social shopping network sites like Kaboodle, Style Feeder, Wists, Five Limes,
Buzz Shout, Ohmybuzz, etc.<o:p></o:p><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large; font-weight: bold;">17). Answers</span>:<br />
Participate in Answers by asking and answering relevant questions and
placing a link to your website in the source section if necessary. If you don't
spam, this is another great way to increase your link popularity (Yahoo Answers,
Cha-Cha, Answer Bag, etc.) <o:p></o:p><br />
<br />
<strong><span style="font-size: large;">18). Document Sharing:</span></strong><o:p></o:p><br />
Share your website documents like business documents, information brochures,
and slides in Google Docs, Slide Share, etc. This will help you brand your
website.<o:p></o:p><br />
<br />
<strong><span style="font-size: large;">19) CSS, W3C & RSS Directories Submission:</span></strong><o:p></o:p><br />
If you have a web design site or offer services related to web design,
submit your website to CSS and W3C website directories which may drive traffic
towards your website. Also submit your website to RSS feed directories which,
again, will help you attain more traffic. <o:p></o:p><br />
<span style="font-size: large;"><br /></span>
<strong><span style="font-size: large;">20). Widget / Gadget Development:</span></strong><o:p></o:p><br />
Develop some interactive and innovative widget/gadget applications (such as
an online poll or game widgets) for your website and publish them on your
blog/website or in other popular social networking sites like Facebook and
Myspace. Let your friends and others vote/play/use the widget/application,
which will help you increase your branding and website visits. <o:p></o:p><br />
<br />
<strong><span style="font-size: large;">21). PPC Ad Campaign:</span></strong><o:p></o:p><br />
When none of the above strategies work for you, go for a PPC ad campaign
with your targeted keywords. Remember that you have to pay to drive more
traffic towards your website through PPC.<o:p></o:p><br />
<br />
<div class="MsoNormal">
<br /></div>
</div>
Md.Azizul Islamhttp://www.blogger.com/profile/15222849926934364194noreply@blogger.com0tag:blogger.com,1999:blog-1280003118668214148.post-6776097223223649352017-02-27T10:47:00.000+06:002017-02-27T10:47:24.433+06:00On-Page SEO Tutorial (অনপেজ এসইও টিউটোরিয়াল)<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="MsoNormal" style="line-height: 115%; margin-bottom: 10pt; text-align: center;">
<b><span style="font-size: large;"><span lang="BN" style="font-family: "Shonar Bangla", sans-serif; line-height: 115%;">অনপেজ এসইও যদিও কোন প্লাটফর্ম এ ওয়েবসাইটটি বানানু সেটার উপর
ডিপেন্ড করে</span><span style="font-family: "Shonar Bangla", sans-serif; line-height: 115%;">, <span lang="BN">তাও যা যা করতে
হয় তার কিছু তালিকা উল্লেখ্য করিঃ</span></span></span></b></div>
<div class="MsoNormal" style="line-height: 115%; margin-bottom: 10pt; text-align: center;">
<span style="line-height: 115%;"><b><span style="font-size: large;"><u>Website Analysis
& Technical Audit:-</u></span></b></span></div>
<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: right; margin-left: 1em; text-align: right;"><tbody>
<tr><td style="text-align: center;"><a href="https://4.bp.blogspot.com/-_HG-KZ8TI1o/WLOu9aM5FkI/AAAAAAAABQk/zP08OTP5G-kc6171TCJw9VFJ-Un86u2_gCLcB/s1600/Screenshot_1.png" imageanchor="1" style="clear: right; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img alt="On-Page SEO Tutorial" border="0" src="https://4.bp.blogspot.com/-_HG-KZ8TI1o/WLOu9aM5FkI/AAAAAAAABQk/zP08OTP5G-kc6171TCJw9VFJ-Un86u2_gCLcB/s1600/Screenshot_1.png" title="On-Page SEO Tutorial" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Add caption</td></tr>
</tbody></table>
<div class="MsoNormal" style="line-height: 115%; margin-bottom: 10.0pt; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;">
<span style="font-size: 14.0pt; line-height: 115%; mso-ascii-font-family: Calibri; mso-bidi-font-family: Calibri; mso-bidi-language: BN; mso-hansi-font-family: Calibri;">• Inbound links on
different Search Engines.<o:p></o:p></span></div>
<div class="MsoNormal" style="line-height: 115%; margin-bottom: 10.0pt; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;">
<span style="font-size: 14.0pt; line-height: 115%; mso-ascii-font-family: Calibri; mso-bidi-font-family: Calibri; mso-bidi-language: BN; mso-hansi-font-family: Calibri;">• Number of pages
Indexed on different Search Engines.<o:p></o:p></span></div>
<div class="MsoNormal" style="line-height: 115%; margin-bottom: 10.0pt; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;">
<span style="font-size: 14.0pt; line-height: 115%; mso-ascii-font-family: Calibri; mso-bidi-font-family: Calibri; mso-bidi-language: BN; mso-hansi-font-family: Calibri;">• Current Ranking on
different Search Engines.<o:p></o:p></span></div>
<div class="MsoNormal" style="line-height: 115%; margin-bottom: 10.0pt; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;">
<span style="font-size: 14.0pt; line-height: 115%; mso-ascii-font-family: Calibri; mso-bidi-font-family: Calibri; mso-bidi-language: BN; mso-hansi-font-family: Calibri;">• Load Speed<o:p></o:p></span></div>
<div class="MsoNormal" style="line-height: 115%; margin-bottom: 10.0pt; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;">
<span style="font-size: 14.0pt; line-height: 115%; mso-ascii-font-family: Calibri; mso-bidi-font-family: Calibri; mso-bidi-language: BN; mso-hansi-font-family: Calibri;">• Browser
Compatibility<o:p></o:p></span></div>
<div class="MsoNormal" style="line-height: 115%; margin-bottom: 10.0pt; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;">
<span style="font-size: 14.0pt; line-height: 115%; mso-ascii-font-family: Calibri; mso-bidi-font-family: Calibri; mso-bidi-language: BN; mso-hansi-font-family: Calibri;">• Hidden Text<o:p></o:p></span></div>
<div class="MsoNormal" style="line-height: 115%; margin-bottom: 10.0pt; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;">
<span style="font-size: 14.0pt; line-height: 115%; mso-ascii-font-family: Calibri; mso-bidi-font-family: Calibri; mso-bidi-language: BN; mso-hansi-font-family: Calibri;">• Keywords Density<o:p></o:p></span></div>
<div class="MsoNormal" style="line-height: 115%; margin-bottom: 10.0pt; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;">
<span style="font-size: 14.0pt; line-height: 115%; mso-ascii-font-family: Calibri; mso-bidi-font-family: Calibri; mso-bidi-language: BN; mso-hansi-font-family: Calibri;">• HTML Errors<o:p></o:p></span></div>
<div class="MsoNormal" style="line-height: 115%; margin-bottom: 10.0pt; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;">
<span style="font-size: 14.0pt; line-height: 115%; mso-ascii-font-family: Calibri; mso-bidi-font-family: Calibri; mso-bidi-language: BN; mso-hansi-font-family: Calibri;">• Broken or Dead
links<o:p></o:p></span></div>
<div class="MsoNormal" style="line-height: 115%; margin-bottom: 10.0pt; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;">
<span style="font-size: 14.0pt; line-height: 115%; mso-ascii-font-family: Calibri; mso-bidi-font-family: Calibri; mso-bidi-language: BN; mso-hansi-font-family: Calibri;">• Page Rank.<o:p></o:p></span></div>
<div class="MsoNormal" style="line-height: 115%; margin-bottom: 10.0pt; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;">
<span style="font-size: 14.0pt; line-height: 115%; mso-ascii-font-family: Calibri; mso-bidi-font-family: Calibri; mso-bidi-language: BN; mso-hansi-font-family: Calibri;"><!--This is our
keyword --> HTML Comments<br />
/* Css Comments */ <o:p></o:p></span></div>
<div class="MsoNormal" style="line-height: 115%; margin-bottom: 10.0pt; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;">
<span style="font-size: 14.0pt; line-height: 115%; mso-ascii-font-family: Calibri; mso-bidi-font-family: Calibri; mso-bidi-language: BN; mso-hansi-font-family: Calibri;">//this is php
comments<br />
<!--[if !supportLineBreakNewLine]--><br />
<!--[endif]--><o:p></o:p></span></div>
<div class="MsoNormal" style="line-height: 115%; margin-bottom: 10pt; text-align: center;">
<span lang="BN" style="font-family: "Shonar Bangla", sans-serif; line-height: 115%;"><span style="font-size: large;"><b><u>অন্যান্য বিষয় গুলো হলোঃ</u></b></span></span></div>
<div class="MsoNormal" style="line-height: 115%; margin-bottom: 10.0pt; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;">
<span style="font-size: 14.0pt; line-height: 115%; mso-ascii-font-family: Calibri; mso-bidi-font-family: Calibri; mso-bidi-language: BN; mso-hansi-font-family: Calibri;">• Keyword Research
& Analysis<o:p></o:p></span></div>
<div class="MsoNormal" style="line-height: 115%; margin-bottom: 10.0pt; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;">
<span style="font-size: 14.0pt; line-height: 115%; mso-ascii-font-family: Calibri; mso-bidi-font-family: Calibri; mso-bidi-language: BN; mso-hansi-font-family: Calibri;">• Finalized Key
phrases Pre-optimization Ranking Audit report<o:p></o:p></span></div>
<div class="MsoNormal" style="line-height: 115%; margin-bottom: 10.0pt; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;">
<span style="font-size: 14pt; line-height: 115%;">• URL Architecture<o:p></o:p></span></div>
<div class="MsoNormal" style="line-height: 115%; margin-bottom: 10.0pt; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;">
<span style="font-size: 14.0pt; line-height: 115%; mso-ascii-font-family: Calibri; mso-bidi-font-family: Calibri; mso-bidi-language: BN; mso-hansi-font-family: Calibri;">• Identification of
Pages for Keywords<o:p></o:p></span></div>
<div class="MsoNormal" style="line-height: 115%; margin-bottom: 10.0pt; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;">
<span style="font-size: 14pt; line-height: 115%;">• Meta Tags<o:p></o:p></span></div>
<div class="MsoNormal" style="line-height: 115%; margin-bottom: 10.0pt; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;">
<span style="font-size: 14pt; line-height: 115%;">• Google Site map (XML Site map)<o:p></o:p></span></div>
<div class="MsoNormal" style="line-height: 115%; margin-bottom: 10.0pt; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;">
<span style="font-size: 14.0pt; line-height: 115%; mso-ascii-font-family: Calibri; mso-bidi-font-family: Calibri; mso-bidi-language: BN; mso-hansi-font-family: Calibri;">• Robots.txt (copy,
paste) SEO class 5<b><o:p></o:p></b></span></div>
<div class="MsoNormal" style="line-height: 115%; margin-bottom: 10.0pt; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;">
<br /></div>
<div class="MsoNormal" style="line-height: 115%; margin-bottom: 10pt; text-align: center;">
<span lang="BN" style="font-family: "Shonar Bangla", sans-serif; line-height: 115%;"><b><span style="font-size: large;"><u>আরো কিছু গুরুত্তপূর্ন বিষয়ঃ</u></span></b></span></div>
<div class="MsoNormal" style="line-height: 115%; margin-bottom: 10.0pt; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;">
<span style="font-size: 14pt; line-height: 115%;">1. Site Title Tag.<o:p></o:p></span></div>
<div class="MsoNormal" style="line-height: 115%; margin-bottom: 10.0pt; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;">
<span style="font-size: 14pt; line-height: 115%;">2. Meta keyword<o:p></o:p></span></div>
<div class="MsoNormal" style="line-height: 115%; margin-bottom: 10.0pt; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;">
<span style="font-size: 14pt; line-height: 115%;">3. Meta description.<o:p></o:p></span></div>
<div class="MsoNormal" style="line-height: 115%; margin-bottom: 10.0pt; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;">
<span style="font-size: 14pt; line-height: 115%;">4. URL permalinks structure.<o:p></o:p></span></div>
<div class="MsoNormal" style="line-height: 115%; margin-bottom: 10.0pt; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;">
<span style="font-size: 14pt; line-height: 115%;">5. Navigation.<o:p></o:p></span></div>
<div class="MsoNormal" style="line-height: 115%; margin-bottom: 10.0pt; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;">
<span style="font-size: 14.0pt; line-height: 115%; mso-ascii-font-family: Calibri; mso-bidi-font-family: Calibri; mso-bidi-language: BN; mso-hansi-font-family: Calibri;">6. Sitemap (https://www.xml-sitemaps.com/)
/ RSS FEED
(blogspot)<o:p></o:p></span></div>
<div class="MsoNormal" style="line-height: 115%; margin-bottom: 10.0pt; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;">
<span style="font-size: 14pt; line-height: 115%;">7. Content skill. (ginger)<o:p></o:p></span></div>
<div class="MsoNormal" style="line-height: 115%; margin-bottom: 10.0pt; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;">
<span style="font-size: 14pt; line-height: 115%;">8. Anchor text.<o:p></o:p></span></div>
<div class="MsoNormal" style="line-height: 115%; margin-bottom: 10.0pt; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;">
<span style="font-size: 14pt; line-height: 115%;">9. Alt tag using.<o:p></o:p></span></div>
<div class="MsoNormal" style="line-height: 115%; margin-bottom: 10.0pt; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;">
<span style="font-size: 14pt; line-height: 115%;"><img src=”img link” alt=”</span><span style="font-size: 14pt; line-height: 115%;">keywords</span><span style="font-size: 14pt; line-height: 115%;">” height=”150” width=”150” /><o:p></o:p></span></div>
<div class="MsoNormal" style="line-height: 115%; margin-bottom: 10.0pt; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;">
<span style="font-size: 14pt; line-height: 115%;">10. Heading tag. <h1> / <h2> ..<o:p></o:p></span></div>
<div class="MsoNormal" style="line-height: 115%; margin-bottom: 10.0pt; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;">
<span style="font-size: 14pt; line-height: 115%;">11. Bold/ Italic tag.<o:p></o:p></span></div>
<div class="MsoNormal" style="line-height: 115%; margin-bottom: 10.0pt; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;">
<span style="font-size: 14pt; line-height: 115%;">12. site terms widget. (WP)<o:p></o:p></span></div>
<div class="MsoNormal" style="line-height: 115%; margin-bottom: 10.0pt; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;">
<span style="font-size: 14pt; line-height: 115%;">13. all in one seo/yoast (WP)<o:p></o:p></span></div>
<br />
<div class="MsoNormal" style="line-height: 115%; margin-bottom: 10.0pt; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;">
<span style="font-size: 14pt; line-height: 115%;">14. Internal link building</span><b><span lang="EN" style="color: red; font-size: 14.0pt; line-height: 115%; mso-ansi-language: EN; mso-ascii-font-family: Calibri; mso-bidi-font-family: Calibri; mso-bidi-language: BN; mso-hansi-font-family: Calibri;"><o:p></o:p></span></b></div>
</div>
Md.Azizul Islamhttp://www.blogger.com/profile/15222849926934364194noreply@blogger.com0tag:blogger.com,1999:blog-1280003118668214148.post-68868991308567342372017-02-26T17:12:00.003+06:002017-02-26T17:12:50.801+06:00 css tutorial / css selector tutorial / <div dir="ltr" style="text-align: left;" trbidi="on">
<div align="center" class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-align: center; text-autospace: none;">
<u><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><b><span style="font-size: large;">সিএসএস টিউটোরিয়াল </span></b></span></u><u><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><b><span style="font-size: large;">| <span lang="BN">ভূমিকা</span></span><span style="font-size: 11pt;"><o:p></o:p></span></b></span></u></div>
<div align="center" class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-align: center; text-autospace: none;">
<u><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><b><span style="font-size: large;"><span lang="BN"><br /></span></span></b></span></u></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">আপনারা নিজের </span><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">web
designing <span lang="BN">এর দক্ষতা উপরের ধাপে উন্নিত করতে চাইলে </span>Cascading
Style Sheets (CSS) <span lang="BN">এর কোন বিকল্প নেই। এখানে ধারাবাহিকভাবে সিএসএস
টিউটোরিয়াল গুলো আলোচনা করা হবে। সিএসএস এর মাধ্যমে ওয়েব সাইটের শ্রী বৃদ্ধি করা
যায়।<a href="http://w3bay.com/" target="_blank">w3bay.com</a></span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">সিএসএস এর মাধ্যমে যেসব বিষয় করা যায় ---</span><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">১ সিএসএস এর মাধ্যমে
এইচটিএমএল এ তৈরীকৃত পেজটি আরও দৃষ্টিনন্দন
করা যায়।</span><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">২ কিছু সিএসএস কোড
পরিবর্তন করে সম্পুর্নভাবে সাইট এর </span><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">restyle
<span lang="BN">করা যায়।<a href="http://w3bay.com/">w3bay.com</a></span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<br /></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<a href="https://3.bp.blogspot.com/-8mvX8ebBdZw/WLK3bw9LFeI/AAAAAAAABQM/jlVioSaygYMm-V09PXY1CpSDE5gYAOASQCLcB/s1600/Screenshot_1.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="CSS Selector Tutorials " border="0" src="https://3.bp.blogspot.com/-8mvX8ebBdZw/WLK3bw9LFeI/AAAAAAAABQM/jlVioSaygYMm-V09PXY1CpSDE5gYAOASQCLcB/s1600/Screenshot_1.png" title="CSS Tutorials" /></a><span lang="BN" style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">আপনার </span><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">stylesheet (<span lang="BN">যেখানে আপনি কোডগুলো লিখবেন) টি সম্পুর্নভাবে এইচটিএমএল </span>documents <span lang="BN">হতে
পৃথক হবে যখন আপনি সিএসএস এবং এইচটিএমএল এ
দক্ষতা অর্জন করতে পারবেন। আর একটি কথা না বললেই নয় সিএসএস শেখার আগে অবশ্যই
এইচটিএমএল সম্বন্ধে ভাল জানতে হবে।</span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">**<span lang="BN">একটা এইচটিএমএল পেজে </span><head> <span lang="BN">ট্যাগের ভিতর </span><style> <span lang="BN">ট্যাগ দিয়ে সিএসএস কোড
যোগ করে পেজ স্টাইলিং করা যায়।এটা হচ্ছে ইন্টারনাল সিএসএস আর যদি সিএসএস কোড বেশি হয়ে যায় তখন সিএসএস কোড
আলাদা ফাইলে লেখা হয় এবং </span><head> <span lang="BN">ট্যাগের ভিতর </span><link>
<span lang="BN">ট্যাগ দিয়ে সিএসএস ফাইলটি ঢুকিয়ে দেয়া হয়।এই পদ্ধতি হচ্ছে
এক্সটার্নাল সিএসএস।অধিকাংশ টিউটোরিয়ালের উদাহরনগুলিতে এক্সটার্নাল সিএসএস ব্যবহার
করে দেখানো হয়েছে এবং এইচটিএমএল ফাইলগুলিতে এক্সটার্নাল সিএসএস ফাইলটি কিভাবে
সংযোগ করতে হয় তা বারবার দেখানো হয়নি।তাই
প্রাকটিস করার সময় এইচটিএমএল ফাইলে এটা আপনাকে করে নিতে হবে।</span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;"><span lang="BN"><br /></span></span></div>
<div align="center" class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-align: center; text-autospace: none;">
<b><u><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><span style="font-size: large;">সিএসএস সিলেক্টর টিউটোরিয়াল</span></span></u></b><b><u><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;"><o:p></o:p></span></u></b></div>
<div align="center" class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-align: center; text-autospace: none;">
<b><u><span lang="BN" style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;"><br /></span></u></b></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">সিএসএস সিলেক্টর কে সিএসএস এর হৃদপিন্ড বলা হয়।বিভিন্ন
ধরনের সিলেক্টর আছে</span><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">,<span lang="BN">এসব
দিয়ে এইচটিএমএল পেজের এলিমেন্ট সিলেক্ট করা যায় এবং সিলেক্ট করার পর নিজের ইচ্ছেমত
স্টাইলিং করা যায়।সিএসএস সিলেক্টর এর ব্যাপারে খুব গভীর এবং স্বচ্ছ ধারনা থাকতে
হবে।সিলেক্টর নিয়ে কাজ করার আগে কিছু টার্ম জানতে হবে যেমন:এইচটিএমএল এলিমেন্ট</span>,
<span lang="BN">এট্রিবিউট</span>, <span lang="BN">রুল সেট বা রুল ইত্যাদি..</span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;"><span lang="BN"><br /></span></span></div>
<div align="center" class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-align: center; text-autospace: none;">
<b><u><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><span style="font-size: large;">css selector tutorial</span><span style="font-size: 11pt;"><o:p></o:p></span></span></u></b></div>
<div align="center" class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-align: center; text-autospace: none;">
<b><u><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><span style="font-size: large;"><br /></span></span></u></b></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">h4 { background-color:white; font-size:12px; }<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">p { color:red; }<a href="http://w3bay.com/" target="_blank">w3bay.com</a><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">এখানে </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">h4, p <span lang="BN">এসব হচ্ছে সিলেক্টর</span>,h4<span lang="BN"> এর দ্বারা এইচটিএমএল পেজের </span><h4></h4>
<span lang="BN">এর ভিতরে যা আছে তা সিলেক্ট করবে বা বলা যায় </span>h4<span lang="BN"> এলিমেন্ট সিলেক্ট করবে।<a href="http://w3bay.com/" target="_blank">w3bay.com</a></span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">h4<span lang="BN"> এর পর সেকেন্ড ব্রাকেট যেখান থেকে শুরু
হয়েছে এবং </span>p <span lang="BN">এর আগে যেখানে সেকেন্ড ব্রাকেট শেষ হয়েছে এইটুকু
ডিক্লেয়ারেশন ব্লক।<a href="http://w3bay.com/" target="_blank">w3bay.com</a></span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">সেকেন্ড ব্রাকেটের ভিতরে সবটুকু হচ্ছে ডিক্লেয়ারেশন। </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">background-color <span lang="BN">হচ্ছে প্রোপার্টি এবং </span>white
<span lang="BN">হচ্ছে এর ভ্যালু। আর পুরোটা অর্থ্যাৎ </span>h4<span lang="BN"> থেকে
শুরু করে এর সেকেন্ড ব্রাকেট যেখানে শেষ হয়েছে এইটুকু রুল বা রুল সেট। উপরের কোডে
দুটি রুল আছে </span>h4<span lang="BN"> এবং </span>p <span lang="BN">নিচে বিভিন্ন
সিলেক্টর এর নাম এবং এরা কিভাবে কাজ করে তা দেয়া হল:<a href="http://w3bay.com/" target="_blank">w3bay.com</a></span><span style="font-size: 11pt;"><o:p></o:p></span></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;"><span lang="BN"><br /></span></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<b><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">* (<span lang="BN">ইউনিভার্সাল সিলেক্টর)</span><o:p></o:p></span></b></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<b><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><span lang="BN"><br /></span></span></b></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">ইউনিভার্সাল সিলেক্টর এইচটিএমএল পেজের প্রতিটি এলিমেন্ট কে সিলেক্ট
করে।যেমন নিচের কোডটি সব এইচটিএমএল এলিমেন্ট এর রং লাল করে দেবে।</span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">* {color:red;}<a href="http://w3bay.com/" target="_blank">w3bay.com</a><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">অনেকে </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">padding,
margin <span lang="BN">এখানে </span>0<span lang="BN"> করে দেন যেমন</span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">* {margin:0; padding:0; }<a href="http://w3bay.com/" target="_blank">w3bay.com</a><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">এই কাজটি করা অপ্রোয়জনীয়</span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">,<span lang="BN">এতে ব্রাউজারের উপর চাপ বেশি পরে তাই অনেকে এটা করতে নিষেধ
করেন।<a href="http://w3bay.com/" target="_blank">w3bay.com</a></span><span style="font-size: 11pt;"><o:p></o:p></span></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<b><span lang="BN" style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">আইডি সিলেক্টর </span></b><b><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">#p {color:red;}<o:p></o:p></span></b></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<b><span lang="BN" style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">ক্লাস সিলেক্টর</span></b><b><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;"> .p {color:red;}<o:p></o:p></span></b></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<b><span lang="BN" style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">টাইপ সিলেক্টর<a href="http://w3bay.com/" target="_blank">w3bay.com</a></span></b><b><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;"><o:p></o:p></span></b></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">P { background-color:orange; }<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">A { color:maroon; }<a href="http://w3bay.com/" target="_blank">w3bay.com</a><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">p, a <span lang="BN">হচ্ছে এখানে টাইপ সিলেক্টর।</span>p <span lang="BN">সিলেক্টর এইচটিএমএল পেজের সব </span><p> <span lang="BN">এলিমেন্ট কে
সিলেক্ট করবে এবং এদের ব্যাকগ্রাউন্ড রং কমলা করে দেবে আর </span>a <span lang="BN">সিলেক্টর
এইচটিএমএল সব লিংক কে সিলেক্ট করে রং খয়েরি করে দেবে।<a href="http://w3bay.com/" target="_blank">w3bay.com</a></span><span style="font-size: 11pt;"><o:p></o:p></span></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;"><span lang="BN"><br /></span></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<b><span lang="BN" style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">ডিসেনডেন্ট সিলেক্টর</span></b><b><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;"><o:p></o:p></span></b></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<b><span lang="BN" style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;"><br /></span></b></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">li a { text-decoration: none; color:red; }<a href="http://w3bay.com/" target="_blank">w3bay.com</a><span style="font-size: 11pt;"><o:p></o:p></span></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;"><a href="http://w3bay.com/" target="_blank">w3bay.com</a></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<b><span lang="BN" style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">এইচটিএমএল ফাইল</span></b></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><div id="menu"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><ul><a href="http://w3bay.com/" target="_blank">w3bay.com</a><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><li><a href="#" title=""><span lang="BN">সি এস এস</span></a></li><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><li><a href="#" title=""><span lang="BN">এইচটিএমএল</span></a><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><ul><a href="http://w3bay.com/" target="_blank">w3bay.com</a> <o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><li> Child </li> <o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"></ul><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"></li><a href="http://w3bay.com/" target="_blank">w3bay.com</a><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><li><a href="#" title=""><span lang="BN">জাভাস্ত্রিপ্ট</span></a></li><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><li><a href="#" title=""><span lang="BN">পি এইচ পি</span></a></li><a href="http://w3bay.com/" target="_blank">w3bay.com</a><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><li><a href="#" title=""><span lang="BN">মাই এস কিউ এল</span></a></li></ul></div><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">ধরুন আপনি </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">li
<span lang="BN">এলিমেন্ট এর অধীনস্থ </span>a <span lang="BN">এলিমেন্ট কে টার্গেট
করতে চাচ্ছেন তখন সিএসএস রুল লিখতে হবে উপরের মত।এই কোডের প্রভাব আপনার এইচটিএমএল
পেজের শুধু </span>li <span lang="BN">এর
অধীনস্থ </span>a <span lang="BN">তে গিয়ে পরবে।</span><span style="font-size: 11pt;"><o:p></o:p></span></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;"><span lang="BN"><br /></span></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<b><span lang="BN" style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">সিডো ক্লাস (</span></b><b><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">pseudo class)<o:p></o:p></span></b></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">a:link {color:blue;}<a href="http://w3bay.com/" target="_blank">w3bay.com</a><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">a:visited { color: blue; }<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">a:hover{color:red;}<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">a:active { color: red; }<a href="http://w3bay.com/" target="_blank">w3bay.com</a><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">:link, :visited, :hover, :active <span lang="BN">এসব হচ্ছে
সিডো ক্লাস।ধরুন উপরের এইচটিএমএল ফাইলটির জন্য যদি এই রুলটি প্রয়োগ করেন তাহলে সব
লিংক এবং ভিজিটেড লিংক এর রং হবে নীল।আর হোভার এবং সক্রিয় লিংক এর রং হবে
লাল।সিএসএস কোডটি ইচ্ছে করলে এভাবে লিখতে পারতেন।</span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">a:link, a:visited { color: blue; }<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">a:hover, a:active { color: red; }<a href="http://w3bay.com/" target="_blank">w3bay.com</a><span style="font-size: 11pt;"><o:p></o:p></span></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;"><br /></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<b><span lang="BN" style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">এডজেইসেন্ট সিলেক্টর (</span></b><b><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">Adjacent Selector)<o:p></o:p></span></b></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">h2+h3 { color:lime;}<a href="http://w3bay.com/" target="_blank">w3bay.com</a><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">ধরুন আপনি </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><h3>
<span lang="BN">এলিমেন্টকে টার্গেট করতে চাচ্ছেন</span>,<span lang="BN">শুধুমাত্র ঐ </span><h3>
<span lang="BN">কে যেটা </span><h2> <span lang="BN">এর ইমিডিয়েট পরে আছে।উপরের
কোড দ্বারা আপনার এইচটিএমএল পেজের হেডিং ৩ এর রং </span>lime <span lang="BN">হবে
যদি সেটা হেডিং ২ এর পরে থাকে।<a href="http://w3bay.com/" target="_blank">w3bay.com</a></span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">*<h2> <span lang="BN">এরপর যদি অন্য কোন এলিমেন্ট থাকে
এবং এরপর </span><h3> <span lang="BN">থাকে তাহলে এই </span><h3> <span lang="BN">এর রং </span>lime <span lang="BN">হবেনা কারন এটা </span><h2> <span lang="BN">এর ইমিডিয়েট পরে নেই।<a href="http://w3bay.com/" target="_blank">w3bay.com</a></span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">*h2+h3<span lang="BN"> দেখে এটা মনে করা যাবেনা যে দুটোরই রং
</span>lime <span lang="BN">হবে</span>,<span lang="BN">শুধু </span><h3> <span lang="BN">পরিবর্তন হবে।</span><span style="font-size: 11pt;"><o:p></o:p></span></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;"><span lang="BN"><br /></span></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<b><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">direct children <span lang="BN">সিলেক্টর</span><o:p></o:p></span></b></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">div#menu> ul { border: 1px solid black; }<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">এই রুলটি যদি উপরের এইচটিএমএল পেজে প্রয়োগ করেন তাহলে </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">ul
<span lang="BN">এলিমেন্ট এর উপর একটা বর্ডার হবে তবে </span>Children <span lang="BN">লেখাটির উপর বর্ডার আসবেনা যদিও এটা আরেকটা </span>ul <span lang="BN">এর
মধ্যে আছে।কারন </span>Children <span lang="BN">লেখাটি যে </span>ul <span lang="BN">এর
মধ্যে আছে সেটা </span>menu <span lang="BN">আইডির </span>direct children <span lang="BN">নয়।</span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">এট্রিবিউট সিলেক্টর<a href="http://w3bay.com/" target="_blank">w3bay.com</a></span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">Img [src="/css selector.jpg"] { border: 5px
solid #000000; }<a href="http://w3bay.com/" target="_blank">w3bay.com</a><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">আপনার এইচটিএমএল ফাইলে যদি নিচের মত লাইন থাকে তাহলে উপরের
কোডটি দিয়ে </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><img> <span lang="BN">এলিমেন্টের
এট্রিবিউট সিলেক্ট করে এর বর্ডার ৫ পিক্সেল এবং বর্ডার রং কালো করে দেবে।</span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><img src="/css selector.jpg"
width="510" height="205"><a href="http://w3bay.com/" target="_blank">w3bay.com</a><span style="font-size: 11pt;"><o:p></o:p></span></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;"><br /></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<b><span lang="BN" style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">গ্রুপিং সিলেক্টর</span></b><b><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;"><o:p></o:p></span></b></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">যদি একাধিক এলিমেন্টের একই স্টাইল করতে চান তখন গ্রুপিং
সিলেক্টর ব্যবহার করবেন।ধরুন আপনি চাচ্ছেন আপনার পেজের সব হেডিং এবং লিংক এর রং
একই হবে তখন নিচের মত করে লিখতে পারেন।</span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">h1,h2,h3,h4,a { color:red; }<a href="http://w3bay.com/" target="_blank">w3bay.com</a><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">ধরুন আপনার পেজের একটা ডিভের (</span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">div)<span lang="BN">এর আইডি হচ্ছে </span>menu
(id="menu") <span lang="BN">আার এই ডিভের ভিতরে সব লিংক এবং হেডিং এর রং
লাল করতে চাচ্ছেন তখন এভাবে</span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">#menu a, #menu h1,#menu h2, #menu h3 { color:red; }<o:p></o:p></span></div>
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">*<span lang="BN">আপনি যদি </span>#menu a,h1,h2... <span lang="BN">এভাবে লেখেন তাহলে ভুল
হবে।<a href="http://w3bay.com/" target="_blank">w3bay.com</a></span><br />
<!--[if !supportLineBreakNewLine]--><br />
<!--[endif]--></span></div>
Md.Azizul Islamhttp://www.blogger.com/profile/15222849926934364194noreply@blogger.com0tag:blogger.com,1999:blog-1280003118668214148.post-10355276932853162282017-02-25T13:07:00.000+06:002017-02-25T14:27:41.012+06:00( HTML Div Tutorial in Bangla) এইচটিএমএল ডিভ টিউটোরিয়াল <div dir="ltr" style="text-align: left;" trbidi="on">
<div align="center" class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-align: center; text-autospace: none;">
<b><u><span lang="BN" style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">এইচটিএমএল</span></u></b><b><u><span lang="BN" style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"> ডিভ টিউটোরিয়াল</span></u></b><b><u><span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"> (
HTML Div Tutorial in Bangla)<span style="font-size: 11pt;"><o:p></o:p></span></span></u></b></div>
<div align="center" class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-align: center; text-autospace: none;">
<b><u><span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"><br /></span></u></b></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<a href="https://2.bp.blogspot.com/--Q0XsxsY71U/WLEsrhfR8TI/AAAAAAAABP0/zAqANxr6HMYXEDjGVQCPDLuhKzndYHEsQCLcB/s1600/Screenshot_1.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="HTML Div Tutorial in Bangla" border="0" src="https://2.bp.blogspot.com/--Q0XsxsY71U/WLEsrhfR8TI/AAAAAAAABP0/zAqANxr6HMYXEDjGVQCPDLuhKzndYHEsQCLcB/s1600/Screenshot_1.png" title="Web and SEO Tutorial Center" /></a><span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">div <span lang="BN">ট্যাগ</span> (<div></div>) <span lang="BN">খুব গুরত্বপূর্ন একটি ট্যাগ এইচটিএমএল এর</span></span><span lang="HI" style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">।</span><span lang="HI" style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"> </span><span lang="BN" style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">এইচটিএমএল এর এলিমেন্ট এর ভিতরে রেখে</span><span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"> section (<span lang="BN">খন্ড</span>) <span lang="BN">তৈরী করা
হয়</span></span><span lang="HI" style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">।</span><span lang="HI" style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"> </span><span lang="BN" style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">যতগুলি</span><span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"> div <span lang="BN">ততগুলি খন্ড</span></span><span lang="HI" style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">।</span><span lang="HI" style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"> </span><span lang="BN" style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">একটা</span><span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">
<div></div> <span lang="BN">এলিমেন্ট তার ভিতরে থাকা সব এলিমেন্টের জন্য
পাত্র বা</span> container <span lang="BN">হিসেবে কাজ করে</span></span><span lang="HI" style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">।</span><span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">লেআউট বানানোর জন্য</span><span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">
div <span lang="BN">এর জুরি নেই</span></span><span lang="HI" style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">।</span><span lang="HI" style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"> </span><span lang="BN" style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">এইচটিএমএল এ লেআউটের
জন্য টেবিল ব্যবহার শূন্যের কোঠায় চলে এসেছে বিভিন্ন কারনে</span><span lang="HI" style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">।</span><span lang="HI" style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"> </span><span lang="BN" style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">আর তাই</span><span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"> div <span lang="BN">এখন লেআউট তৈরীর অবিচ্ছেদ্য উপাদান</span></span><span lang="HI" style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">।</span><span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"><div style="border:1px solid #f00"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"><h1>HTML div tutorial in YpDesigner</h1><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"><p>Basically div layout designed by CSS</p><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"></div><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"><div style="border:1px solid #f00"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"><h1>HTML div tutorial in YpDesigner</h1><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"><p>Basically div layout designed by CSS</p><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"></div><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">div <span lang="BN">দিয়ে কোড লেখার পর সিএসএস দিয়ে সেটা প্রয়োজনীয়
আকৃতি দেয়া হয়</span></span><span lang="HI" style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">।</span><span lang="HI" style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"> </span><span lang="BN" style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">সিএসএস টিউটোরিয়ালে
এসব আলোচনা হবে</span><span lang="HI" style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">।</span><span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">এখানে শুধু জেনে রাখুন</span><span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">
div <span lang="BN">একটি অন্যান্য এ্ইচটিএমএল এলিমেন্টের মত একটা এলিমেন্ট </span></span><span lang="HI" style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">।</span><span lang="HI" style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"> </span><span lang="BN" style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">এটা ব্লক লেভেল এলিমেন্ট</span><span lang="HI" style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">।</span><span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"> align <span lang="BN">নামে একটা এট্রিবিউট ব্যবহার করা যায় তবে</span> HTML 5 <span lang="BN">এটা</span>
deprecated, <span lang="BN">আসলে</span> align <span lang="BN">এট্রিবিউটের সব কাজ সিএসএস
দিয়ে করা যায় বা করা য়</span></span><span lang="HI" style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">।</span><span lang="BN" style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">এখানে ইনলাইন সিএসএস লিখেছি </span><span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">(style="border:1px solid #ddd") <span lang="BN">এরুপ সিএসএস দিয়ে সুন্দর
সুন্দর লেআউট বানানো যায়</span></span><span lang="HI" style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">।</span><span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"><div
style="float:left;background:yellow;width:100%;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"><ul><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"><li>item1</li><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"><li>item 2</li><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"></ul><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"></div><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"><div style="border:1px solid #f00; float:left
;width:48% "><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"><h1>HTML div tutorial in YpDesigner</h1><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"><p>Basically div layout designed by CSS</p><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"></div><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"><div style="border:1px solid #f00;
float:left;width:48%;margin-left:5px"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"><h1>HTML div tutorial in YpDesigner</h1><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"><p>Basically div layout designed by CSS</p><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"></div><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"><div
style="background:#000;width:100%;float:left;color:#fff;text-align:center;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">Copyright &copy; YpDesigner<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"></div><span style="font-size: 11pt;"><o:p></o:p></span></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<br /></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<br /></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<br /></div>
<div class="MsoNoSpacing">
<span lang="BN-BD" style="font-family: "vrinda" , "serif"; font-size: 9.0pt;"> </span><span lang="BN-BD" style="font-family: "vrinda" , serif;"> </span><b><span style="font-family: "arial black" , sans-serif;">Ordered
Alphabetically</span></b></div>
<div class="MsoNoSpacing" style="text-indent: 0px;">
<b style="text-indent: 0.5in;"><span style="font-family: "arial black" , sans-serif;"> DTD:
indicates in which </span></b><a href="http://www.w3schools.com/tags/tag_doctype.asp" style="text-indent: 0.5in;"><b><span style="color: windowtext; font-family: "arial black" , sans-serif;">HTML 4.01 / XHTML
1.0 DTD</span></b></a><b style="text-indent: 0.5in;"><span style="font-family: "arial black" , sans-serif;"> the tag is allowed.</span></b></div>
<div class="MsoNoSpacing" style="margin-left: 1.5in; text-indent: .5in;">
<b><span style="font-family: "arial black" , sans-serif;">S=Strict,
T=Transitional, and F=Frameset<o:p></o:p></span></b></div>
<div class="MsoNoSpacing" style="margin-left: 2.0in; text-indent: .5in;">
<b><u><span style="font-family: "arial black" , sans-serif;"> 88
----HTMT TAG<span style="font-size: 9pt;"><o:p></o:p></span></span></u></b></div>
<table border="0" cellpadding="0" class="MsoNormalTable" style="mso-cellspacing: 1.5pt; mso-yfti-tbllook: 1184; width: 91%px;">
<tbody>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%"><div class="MsoNoSpacing">
<span style="color: white;"><br /></span></div>
<div class="MsoNoSpacing">
<b><span style="font-family: "arial black" , "sans-serif"; font-size: 9.0pt;">Tag<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%"><div class="MsoNoSpacing">
<b><span style="font-family: "arial black" , "sans-serif"; font-size: 9.0pt;">Description<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%"><div class="MsoNoSpacing">
<b><span style="font-family: "arial black" , "sans-serif"; font-size: 9.0pt;">DTD<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%"><div class="MsoNoSpacing">
<span style="color: white;"><b><span style="color: windowtext; font-family: "bell mt" , serif;"><!--...--></span></b><b><span style="font-family: "bell mt" , serif;"><o:p></o:p></span></b></span></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">Defines a comment<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%"><div class="MsoNoSpacing">
<span style="color: white;"><b><span style="color: windowtext; font-family: "bell mt" , serif;"><!DOCTYPE></span></b><b><span style="font-family: "bell mt" , serif;"><o:p></o:p></span></b></span></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">Defines the document type<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%"><div class="MsoNoSpacing">
<span style="color: white;"><b><span style="color: windowtext; font-family: "bell mt" , serif;"><a></span></b><b><span style="font-family: "bell mt" , serif;"><o:p></o:p></span></b></span></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">Defines an anchor<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%"><div class="MsoNoSpacing">
<span style="color: white;"><b><span style="color: windowtext; font-family: "bell mt" , serif;"><abbr></span></b><b><span style="font-family: "bell mt" , serif;"><o:p></o:p></span></b></span></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">Defines an abbreviation<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%"><div class="MsoNoSpacing">
<span style="color: white;"><b><span style="color: windowtext; font-family: "bell mt" , serif;"><acronym></span></b><b><span style="font-family: "bell mt" , serif;"><o:p></o:p></span></b></span></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">Defines an acronym<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%"><div class="MsoNoSpacing">
<span style="color: white;"><b><span style="color: windowtext; font-family: "bell mt" , serif;"><address></span></b><b><span style="font-family: "bell mt" , serif;"><o:p></o:p></span></b></span></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">Defines contact information for the author/owner of a document<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%"><div class="MsoNoSpacing">
<span style="color: white;"><b><span style="color: windowtext; font-family: "bell mt" , serif;"><applet></span></b><b><span style="font-family: "bell mt" , serif;"><o:p></o:p></span></b></span></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">Deprecated. Defines an embedded applet<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">TF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%"><div class="MsoNoSpacing">
<span style="color: white;"><b><span style="color: windowtext; font-family: "bell mt" , serif;"><area
/></span></b><b><span style="font-family: "bell mt" , serif;"><o:p></o:p></span></b></span></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">Defines an area inside an image-map<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%"><div class="MsoNoSpacing">
<span style="color: white;"><b><span style="color: windowtext; font-family: "bell mt" , serif;"><b></span></b><b><span style="font-family: "bell mt" , serif;"><o:p></o:p></span></b></span></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">Defines bold text<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%"><div class="MsoNoSpacing">
<span style="color: white;"><b><span style="color: windowtext; font-family: "bell mt" , serif;"><base
/></span></b><b><span style="font-family: "bell mt" , serif;"><o:p></o:p></span></b></span></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">Specifies the base URL/target for all relative URLs in a
document<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%"><div class="MsoNoSpacing">
<span style="color: white;"><b><span style="color: windowtext; font-family: "bell mt" , serif;"><basefont
/></span></b><b><span style="font-family: "bell mt" , serif;"><o:p></o:p></span></b></span></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">Deprecated. Specifies a default color, size, or font for
all the text in a document<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">TF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%"><div class="MsoNoSpacing">
<span style="color: white;"><b><span style="color: windowtext; font-family: "bell mt" , serif;"><b0dy></span></b><b><span style="font-family: "bell mt" , serif;"><o:p></o:p></span></b></span></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">Overrides the current text direction<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%"><div class="MsoNoSpacing">
<span style="color: white;"><b><span style="color: windowtext; font-family: "bell mt" , serif;"><big></span></b><b><span style="font-family: "bell mt" , serif;"><o:p></o:p></span></b></span></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">Defines big text<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%"><div class="MsoNoSpacing">
<span style="color: white;"><b><span style="color: windowtext; font-family: "bell mt" , serif;"><blockquote></span></b><b><span style="font-family: "bell mt" , serif;"><o:p></o:p></span></b></span></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">Defines a long quotation<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%"><div class="MsoNoSpacing">
<span style="color: white;"><b><span style="color: windowtext; font-family: "bell mt" , serif;"><body></span></b><b><span style="font-family: "bell mt" , serif;"><o:p></o:p></span></b></span></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">Defines the document's body<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%"><div class="MsoNoSpacing">
<span style="color: white;"><b><span style="color: windowtext; font-family: "bell mt" , serif;"><br
/></span></b><b><span style="font-family: "bell mt" , serif;"><o:p></o:p></span></b></span></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">Defines a single line break<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%"><div class="MsoNoSpacing">
<span style="color: white;"><b><span style="color: windowtext; font-family: "bell mt" , serif;"><button></span></b><b><span style="font-family: "bell mt" , serif;"><o:p></o:p></span></b></span></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">Defines a clickable button<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%"><div class="MsoNoSpacing">
<span style="color: white;"><b><span style="color: windowtext; font-family: "bell mt" , serif;"><caption></span></b><b><span style="font-family: "bell mt" , serif;"><o:p></o:p></span></b></span></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">Defines a table caption<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%"><div class="MsoNoSpacing">
<span style="color: white;"><b><span style="color: windowtext; font-family: "bell mt" , serif;"><center></span></b><b><span style="font-family: "bell mt" , serif;"><o:p></o:p></span></b></span></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">Deprecated. Defines centered text<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">TF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%"><div class="MsoNoSpacing">
<span style="color: white;"><b><span style="color: windowtext; font-family: "bell mt" , serif;"><cite></span></b><b><span style="font-family: "bell mt" , serif;"><o:p></o:p></span></b></span></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">Defines a citation<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%"><div class="MsoNoSpacing">
<span style="color: white;"><b><span style="color: windowtext; font-family: "bell mt" , serif;"><code></span></b><b><span style="font-family: "bell mt" , serif;"><o:p></o:p></span></b></span></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">Defines a piece of computer code<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%"><div class="MsoNoSpacing">
<span style="color: white;"><b><span style="color: windowtext; font-family: "bell mt" , serif;"><col
/></span></b><b><span style="font-family: "bell mt" , serif;"><o:p></o:p></span></b></span></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">Defines attribute values for one or more columns in a
table<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%"><div class="MsoNoSpacing">
<span style="color: white;"><b><span style="color: windowtext; font-family: "bell mt" , serif;"><colgroup></span></b><b><span style="font-family: "bell mt" , serif;"><o:p></o:p></span></b></span></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">Specifies a group of one or more columns in a table for
formatting<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%"><div class="MsoNoSpacing">
<span style="color: white;"><b><span style="color: windowtext; font-family: "bell mt" , serif;"><dd></span></b><b><span style="font-family: "bell mt" , serif;"><o:p></o:p></span></b></span></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">Defines a description of an item in a definition list<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%"><div class="MsoNoSpacing">
<span style="color: white;"><b><span style="color: windowtext; font-family: "bell mt" , serif;"><del></span></b><b><span style="font-family: "bell mt" , serif;"><o:p></o:p></span></b></span></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">Defines text that has been deleted from a document<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%"><div class="MsoNoSpacing">
<span style="color: white;"><b><span style="color: windowtext; font-family: "bell mt" , serif;"><dfn></span></b><b><span style="font-family: "bell mt" , serif;"><o:p></o:p></span></b></span></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">Defines a definition term<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%"><div class="MsoNoSpacing">
<span style="color: white;"><b><span style="color: windowtext; font-family: "bell mt" , serif;"><dir></span></b><b><span style="font-family: "bell mt" , serif;"><o:p></o:p></span></b></span></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">Deprecated. Defines a directory list<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">TF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%"><div class="MsoNoSpacing">
<span style="color: white;"><b><span style="color: windowtext; font-family: "bell mt" , serif;"><div></span></b><b><span style="font-family: "bell mt" , serif;"><o:p></o:p></span></b></span></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">Defines a section in a document<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%"><div class="MsoNoSpacing">
<span style="color: white;"><b><span style="color: windowtext; font-family: "bell mt" , serif;"><dl></span></b><b><span style="font-family: "bell mt" , serif;"><o:p></o:p></span></b></span></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">Defines a definition list<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%"><div class="MsoNoSpacing">
<span style="color: white;"><b><span style="color: windowtext; font-family: "bell mt" , serif;"><dt></span></b><b><span style="font-family: "bell mt" , serif;"><o:p></o:p></span></b></span></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">Defines a term (an item) in a definition list<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%"><div class="MsoNoSpacing">
<span style="color: white;"><b><span style="color: windowtext; font-family: "bell mt" , serif;"><em></span></b><b><span style="font-family: "bell mt" , serif;"><o:p></o:p></span></b></span></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">Defines emphasized text<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%"><div class="MsoNoSpacing">
<span style="color: white;"><b><span style="color: windowtext; font-family: "bell mt" , serif;"><fieldset></span></b><b><span style="font-family: "bell mt" , serif;"><o:p></o:p></span></b></span></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">Groups related elements in a form<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%"><div class="MsoNoSpacing">
<span style="color: white;"><b><span style="color: windowtext; font-family: "bell mt" , serif;"><font></span></b><b><span style="font-family: "bell mt" , serif;"><o:p></o:p></span></b></span></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">Deprecated. Defines font, color, and size for text<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">TF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%"><div class="MsoNoSpacing">
<span style="color: white;"><b><span style="color: windowtext; font-family: "bell mt" , serif;"><form></span></b><b><span style="font-family: "bell mt" , serif;"><o:p></o:p></span></b></span></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">Defines an HTML form for user input<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%"><div class="MsoNoSpacing">
<span style="color: white;"><b><span style="color: windowtext; font-family: "bell mt" , serif;"><frame
/></span></b><b><span style="font-family: "bell mt" , serif;"><o:p></o:p></span></b></span></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">Defines a window (a frame) in a frameset<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">F<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%"><div class="MsoNoSpacing">
<span style="color: white;"><b><span style="color: windowtext; font-family: "bell mt" , serif;"><frameset></span></b><b><span style="font-family: "bell mt" , serif;"><o:p></o:p></span></b></span></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">Defines a set of frames<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">F<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%"><div class="MsoNoSpacing">
<span style="color: white;"><b><span style="color: windowtext; font-family: "bell mt" , serif;"><h1>
to <h6></span></b><b><span style="font-family: "bell mt" , serif;"><o:p></o:p></span></b></span></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">Defines HTML headings<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%"><div class="MsoNoSpacing">
<span style="color: white;"><b><span style="color: windowtext; font-family: "bell mt" , serif;"><head></span></b><b><span style="font-family: "bell mt" , serif;"><o:p></o:p></span></b></span></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">Defines information about the document<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%"><div class="MsoNoSpacing">
<span style="color: white;"><b><span style="color: windowtext; font-family: "bell mt" , serif;"><hr
/></span></b><b><span style="font-family: "bell mt" , serif;"><o:p></o:p></span></b></span></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">Defines a horizontal line<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%"><div class="MsoNoSpacing">
<span style="color: white;"><b><span style="color: windowtext; font-family: "bell mt" , serif;"><html></span></b><b><span style="font-family: "bell mt" , serif;"><o:p></o:p></span></b></span></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">Defines the root of an HTML document<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%"><div class="MsoNoSpacing">
<span style="color: white;"><b><span style="color: windowtext; font-family: "bell mt" , serif;"><i></span></b><b><span style="font-family: "bell mt" , serif;"><o:p></o:p></span></b></span></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">Defines italic text<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%"><div class="MsoNoSpacing">
<span style="color: white;"><b><span style="color: windowtext; font-family: "bell mt" , serif;"><iframe></span></b><b><span style="font-family: "bell mt" , serif;"><o:p></o:p></span></b></span></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">Defines an inline frame<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">TF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%"><div class="MsoNoSpacing">
<span style="color: white;"><b><span style="color: windowtext; font-family: "bell mt" , serif;"><img
/></span></b><b><span style="font-family: "bell mt" , serif;"><o:p></o:p></span></b></span></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">Defines an image<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%"><div class="MsoNoSpacing">
<span style="color: white;"><b><span style="color: windowtext; font-family: "bell mt" , serif;"><input
/></span></b><b><span style="font-family: "bell mt" , serif;"><o:p></o:p></span></b></span></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">Defines an input control<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%"><div class="MsoNoSpacing">
<span style="color: white;"><b><span style="color: windowtext; font-family: "bell mt" , serif;"><ins></span></b><b><span style="font-family: "bell mt" , serif;"><o:p></o:p></span></b></span></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">Defines text that has been inserted into a document<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%"><div class="MsoNoSpacing">
<span style="color: white;"><b><span style="color: windowtext; font-family: "bell mt" , serif;"><kbd></span></b><b><span style="font-family: "bell mt" , serif;"><o:p></o:p></span></b></span></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">Defines keyboard input<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%"><div class="MsoNoSpacing">
<span style="color: white;"><b><span style="color: windowtext; font-family: "bell mt" , serif;"><label></span></b><b><span style="font-family: "bell mt" , serif;"><o:p></o:p></span></b></span></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">Defines a label for an <input> element<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%"><div class="MsoNoSpacing">
<span style="color: white;"><b><span style="color: windowtext; font-family: "bell mt" , serif;"><legend></span></b><b><span style="font-family: "bell mt" , serif;"><o:p></o:p></span></b></span></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">Defines a caption for a <fieldset> element<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%"><div class="MsoNoSpacing">
<span style="color: white;"><b><span style="color: windowtext; font-family: "bell mt" , serif;"><li></span></b><b><span style="font-family: "bell mt" , serif;"><o:p></o:p></span></b></span></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">Defines a list item<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%"><div class="MsoNoSpacing">
<span style="color: white;"><b><span style="color: windowtext; font-family: "bell mt" , serif;"><link
/></span></b><b><span style="font-family: "bell mt" , serif;"><o:p></o:p></span></b></span></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">Defines the relationship between a document and an
external resource<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%"><div class="MsoNoSpacing">
<span style="color: white;"><b><span style="color: windowtext; font-family: "bell mt" , serif;"><map></span></b><b><span style="font-family: "bell mt" , serif;"><o:p></o:p></span></b></span></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">Defines a client-side image-map<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%"><div class="MsoNoSpacing">
<span style="color: white;"><b><span style="color: windowtext; font-family: "bell mt" , serif;"><menu></span></b><b><span style="font-family: "bell mt" , serif;"><o:p></o:p></span></b></span></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">Deprecated. Defines a menu list<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">TF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%"><div class="MsoNoSpacing">
<span style="color: white;"><b><span style="color: windowtext; font-family: "bell mt" , serif;"><meta
/></span></b><b><span style="font-family: "bell mt" , serif;"><o:p></o:p></span></b></span></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">Defines metadata about an HTML document<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%"><div class="MsoNoSpacing">
<span style="color: white;"><b><span style="color: windowtext; font-family: "bell mt" , serif;"><noframes></span></b><b><span style="font-family: "bell mt" , serif;"><o:p></o:p></span></b></span></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">Defines an alternate content for users that do not
support frames<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">TF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%"><div class="MsoNoSpacing">
<span style="color: white;"><b><span style="color: windowtext; font-family: "bell mt" , serif;"><noscript></span></b><b><span style="font-family: "bell mt" , serif;"><o:p></o:p></span></b></span></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">Defines an alternate content for users that do not
support client-side scripts<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%"><div class="MsoNoSpacing">
<span style="color: white;"><b><span style="color: windowtext; font-family: "bell mt" , serif;"><object></span></b><b><span style="font-family: "bell mt" , serif;"><o:p></o:p></span></b></span></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">Defines an embedded object<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%"><div class="MsoNoSpacing">
<span style="color: white;"><b><span style="color: windowtext; font-family: "bell mt" , serif;"><ol></span></b><b><span style="font-family: "bell mt" , serif;"><o:p></o:p></span></b></span></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">Defines an ordered list<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%"><div class="MsoNoSpacing">
<span style="color: white;"><b><span style="color: windowtext; font-family: "bell mt" , serif;"><optgroup></span></b><b><span style="font-family: "bell mt" , serif;"><o:p></o:p></span></b></span></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">Defines a group of related options in a drop-down list<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%"><div class="MsoNoSpacing">
<span style="color: white;"><b><span style="color: windowtext; font-family: "bell mt" , serif;"><option></span></b><b><span style="font-family: "bell mt" , serif;"><o:p></o:p></span></b></span></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">Defines an option in a drop-down list<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%"><div class="MsoNoSpacing">
<span style="color: white;"><b><span style="color: windowtext; font-family: "bell mt" , serif;"><p></span></b><b><span style="font-family: "bell mt" , serif;"><o:p></o:p></span></b></span></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">Defines a paragraph<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%"><div class="MsoNoSpacing">
<span style="color: white;"><b><span style="color: windowtext; font-family: "bell mt" , serif;"><param
/></span></b><b><span style="font-family: "bell mt" , serif;"><o:p></o:p></span></b></span></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">Defines a parameter for an object<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%"><div class="MsoNoSpacing">
<span style="color: white;"><b><span style="color: windowtext; font-family: "bell mt" , serif;"><pre></span></b><b><span style="font-family: "bell mt" , serif;"><o:p></o:p></span></b></span></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">Defines preformatted text<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%"><div class="MsoNoSpacing">
<span style="color: white;"><b><span style="color: windowtext; font-family: "bell mt" , serif;"><q></span></b><b><span style="font-family: "bell mt" , serif;"><o:p></o:p></span></b></span></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">Defines a short quotation<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%"><div class="MsoNoSpacing">
<span style="color: white;"><b><span style="color: windowtext; font-family: "bell mt" , serif;"><s></span></b><b><span style="font-family: "bell mt" , serif;"><o:p></o:p></span></b></span></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">Deprecated. Defines strikethrough text<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">TF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%"><div class="MsoNoSpacing">
<span style="color: white;"><b><span style="color: windowtext; font-family: "bell mt" , serif;"><samp></span></b><b><span style="font-family: "bell mt" , serif;"><o:p></o:p></span></b></span></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">Defines sample output from a computer program<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%"><div class="MsoNoSpacing">
<span style="color: white;"><b><span style="color: windowtext; font-family: "bell mt" , serif;"><script></span></b><b><span style="font-family: "bell mt" , serif;"><o:p></o:p></span></b></span></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">Defines a client-side script<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%"><div class="MsoNoSpacing">
<span style="color: white;"><b><span style="color: windowtext; font-family: "bell mt" , serif;"><select></span></b><b><span style="font-family: "bell mt" , serif;"><o:p></o:p></span></b></span></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">Defines a drop-down list<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%"><div class="MsoNoSpacing">
<span style="color: white;"><b><span style="color: windowtext; font-family: "bell mt" , serif;"><small></span></b><b><span style="font-family: "bell mt" , serif;"><o:p></o:p></span></b></span></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">Defines smaller text<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%"><div class="MsoNoSpacing">
<span style="color: white;"><b><span style="color: windowtext; font-family: "bell mt" , serif;"><span></span></b><b><span style="font-family: "bell mt" , serif;"><o:p></o:p></span></b></span></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">Defines a section in a document<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%"><div class="MsoNoSpacing">
<span style="color: white;"><b><span style="color: windowtext; font-family: "bell mt" , serif;"><strike></span></b><b><span style="font-family: "bell mt" , serif;"><o:p></o:p></span></b></span></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">Deprecated. Defines strikethrough text<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">TF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%"><div class="MsoNoSpacing">
<span style="color: white;"><b><span style="color: windowtext; font-family: "bell mt" , serif;"><strong></span></b><b><span style="font-family: "bell mt" , serif;"><o:p></o:p></span></b></span></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">Defines strong text<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%"><div class="MsoNoSpacing">
<span style="color: white;"><b><span style="color: windowtext; font-family: "bell mt" , serif;"><style></span></b><b><span style="font-family: "bell mt" , serif;"><o:p></o:p></span></b></span></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">Defines style information for a document<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%"><div class="MsoNoSpacing">
<span style="color: white;"><b><span style="color: windowtext; font-family: "bell mt" , serif;"><sub></span></b><b><span style="font-family: "bell mt" , serif;"><o:p></o:p></span></b></span></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">Defines subscripted text<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%"><div class="MsoNoSpacing">
<span style="color: white;"><b><span style="color: windowtext; font-family: "bell mt" , serif;"><sup></span></b><b><span style="font-family: "bell mt" , serif;"><o:p></o:p></span></b></span></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">Defines superscripted text<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%"><div class="MsoNoSpacing">
<span style="color: white;"><b><span style="color: windowtext; font-family: "bell mt" , serif;"><table></span></b><b><span style="font-family: "bell mt" , serif;"><o:p></o:p></span></b></span></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">Defines a table<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%"><div class="MsoNoSpacing">
<span style="color: white;"><b><span style="color: windowtext; font-family: "bell mt" , serif;"><tbody></span></b><b><span style="font-family: "bell mt" , serif;"><o:p></o:p></span></b></span></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">Groups the body content in a table<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%"><div class="MsoNoSpacing">
<span style="color: white;"><b><span style="color: windowtext; font-family: "bell mt" , serif;"><td></span></b><b><span style="font-family: "bell mt" , serif;"><o:p></o:p></span></b></span></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">Defines a cell in a table<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%"><div class="MsoNoSpacing">
<span style="color: white;"><b><span style="color: windowtext; font-family: "bell mt" , serif;"><textarea></span></b><b><span style="font-family: "bell mt" , serif;"><o:p></o:p></span></b></span></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">Defines a multiline input control (text area)<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%"><div class="MsoNoSpacing">
<span style="color: white;"><b><span style="color: windowtext; font-family: "bell mt" , serif;"><tfoot></span></b><b><span style="font-family: "bell mt" , serif;"><o:p></o:p></span></b></span></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">Groups the footer content in a table<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%"><div class="MsoNoSpacing">
<span style="color: white;"><b><span style="color: windowtext; font-family: "bell mt" , serif;"><th></span></b><b><span style="font-family: "bell mt" , serif;"><o:p></o:p></span></b></span></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">Defines a header cell in a table<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%"><div class="MsoNoSpacing">
<span style="color: white;"><b><span style="color: windowtext; font-family: "bell mt" , serif;"><thead></span></b><b><span style="font-family: "bell mt" , serif;"><o:p></o:p></span></b></span></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">Groups the header content in a table<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%"><div class="MsoNoSpacing">
<span style="color: white;"><b><span style="color: windowtext; font-family: "bell mt" , serif;"><title></span></b><b><span style="font-family: "bell mt" , serif;"><o:p></o:p></span></b></span></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">Defines a title for the document<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%"><div class="MsoNoSpacing">
<span style="color: white;"><b><span style="color: windowtext; font-family: "bell mt" , serif;"><tr></span></b><b><span style="font-family: "bell mt" , serif;"><o:p></o:p></span></b></span></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">Defines a row in a table<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%"><div class="MsoNoSpacing">
<span style="color: white;"><b><span style="color: windowtext; font-family: "bell mt" , serif;"><tt></span></b><b><span style="font-family: "bell mt" , serif;"><o:p></o:p></span></b></span></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">Defines teletype text<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%"><div class="MsoNoSpacing">
<span style="color: white;"><b><span style="color: windowtext; font-family: "bell mt" , serif;"><u></span></b><b><span style="font-family: "bell mt" , serif;"><o:p></o:p></span></b></span></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">Deprecated. Defines underlined text<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">TF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%"><div class="MsoNoSpacing">
<span style="color: white;"><b><span style="color: windowtext; font-family: "bell mt" , serif;"><ul></span></b><b><span style="font-family: "bell mt" , serif;"><o:p></o:p></span></b></span></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">Defines an unordered list<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%"><div class="MsoNoSpacing">
<span style="color: white;"><b><span style="color: windowtext; font-family: "bell mt" , serif;"><var></span></b><b><span style="font-family: "bell mt" , serif;"><o:p></o:p></span></b></span></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">Defines a variable<o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">STF<o:p></o:p></span></b></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt; width: 19.9%;" width="19%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;"><xmp><o:p></o:p></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 72.62%;" width="72%"><div class="MsoNoSpacing">
<b><span style="color: white; font-family: "bell mt" , serif;">Deprecated. Defines preformatted text<span style="font-size: 9pt;"><o:p></o:p></span></span></b></div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 6.1%;" width="6%"></td>
</tr>
</tbody></table>
<div class="MsoNoSpacing">
<br /></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<br /></div>
<span style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;">----------------------------------------------------------x---------------------------------------------------</span></div>
Md.Azizul Islamhttp://www.blogger.com/profile/15222849926934364194noreply@blogger.com0tag:blogger.com,1999:blog-1280003118668214148.post-28141257795290597622017-02-24T12:07:00.002+06:002017-02-24T12:08:28.975+06:00 HTML Body Tutorial (এইচটিএমএল বডি টিউটোরিয়াল)<div dir="ltr" style="text-align: left;" trbidi="on">
<div align="center" class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-align: center; text-autospace: none;">
<br /></div>
<div align="center" class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-align: center; text-autospace: none;">
<u><span style="font-family: "nirmala ui" , sans-serif; font-size: 11pt; line-height: 115%;"><b><br /></b></span></u></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">body <span lang="BN">ট্যাগ এর আগের টিউটোলিয়ালগুলির প্রায় সব
জায়গায় ব্যবহার করা হয়েছে</span></span><span lang="HI" style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">।</span><span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"> <body></body> <span lang="BN">এর ভিতরেই সব কনটেন্ট
রাখতে হয়</span></span><span lang="HI" style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">।</span><span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"> ul, li, a, h1 ... h6, p, div <span lang="BN">এক কথায় সব এলিমেন্ট
এর ভিতরে থাকবে</span> html <span lang="BN">আর</span> head <span lang="BN">এর ভিতর যে
কয়েকটি এলিমেন্ট নির্দিষ্ট করা আছে সে কয়েকটি ছাড়া</span></span><span lang="HI" style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">।<a href="http://w3bay.com/" target="_blank">http://w3bay.com</a></span><span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<a href="https://4.bp.blogspot.com/-zVTIStiX5xU/WK_NhUMbiuI/AAAAAAAABO4/jPcBUDNb_sUfd8cuym2o6UGx4Kydw0HEgCLcB/s1600/Screenshot_1.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="HTML Body Tutorial" border="0" src="https://4.bp.blogspot.com/-zVTIStiX5xU/WK_NhUMbiuI/AAAAAAAABO4/jPcBUDNb_sUfd8cuym2o6UGx4Kydw0HEgCLcB/s1600/Screenshot_1.png" title="Web and SEO Tutorial center" /></a><span lang="BN" style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">যেকোন ওয়েব পেজে যান এবং সেটার সোর্স কোড দেখুন</span><span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">, <span lang="BN">স</span>......<span lang="BN">ব এলিমেন্ট</span>
body <span lang="BN">এর ভিতর দেখতে পাবেন</span></span><span lang="HI" style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">।</span><span lang="HI" style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"> </span><span lang="BN" style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">মজিলা ফায়ারফক্স দিয়ে সোর্স দেখার জন্য ওয়েব পেজের উপর রাইট
বাটন ক্লিক করে</span><span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"> "View Page Source" <span lang="BN">এ ক্লিক করুন তাহলে পেজটির পুরো এইচটিএমএল দেখতে পাবেন</span></span><span lang="HI" style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">।<a href="http://w3bay.com/" target="_blank">http://w3bay.com</a></span><span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">leftmargin, topmargin, text, background, bgcolor <span lang="BN">এরকম আরো বেশকিছু এট্রিবিউট ছিল</span> body <span lang="BN">এলিমেন্টের জন্য
তবে</span> HTML 5 <span lang="BN">এ এখন এটা</span> Deprecated (<span lang="BN">ডেপ্রিকেটেড
অর্থ হচ্ছে এইচটিএমএল অর্গানাইজেশন আর এটার জন্য সাপোর্ট দিচ্ছেনা এবং শীঘ্রই এইচটিএমএল
থেকে সমপূর্ন সরিয়ে ফেলা হবে তবে সরিয়ে ফেলার আগ পর্যন্ত ব্রাউজার সাপোর্ট করবে</span>
backward compitability <span lang="BN">এর জন্য</span>) </span><span lang="HI" style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">।<a href="http://w3bay.com/" target="_blank">http://w3bay.com</a></span><span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">আরেকটা টেকনিকাল শব্দ আছে</span><span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"> Obsolete. <span lang="BN">এর অর্থ হচ্ছে সম্পূর্ন সরিয়ে ফেলা</span></span><span lang="HI" style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">।</span><span lang="HI" style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"> </span><span lang="BN" style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">যখন কোন কিছু</span><span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">
W3C specification <span lang="BN">থেকে</span> Obsolete <span lang="BN">করা হয় তার কিছু
আগে আগে জিনিসটি</span> Deprecated <span lang="BN">করে দেয়</span> (<span lang="BN">এইচটিএমএল
অর্গানাইজেশন</span>)<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">যাইহোক গ্লোবাল এট্রিবিউটগুলি</span><span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"> body <span lang="BN">এলিমেন্টে ব্যবহার করা যাবে</span></span><span lang="HI" style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">।</span><span lang="HI" style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"> </span><span lang="BN" style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">আসলে সব এইচটিএমএল এলিমেন্টেই গ্লোবাল এট্রিবিউট ব্যবহার করা
যায়</span><span lang="HI" style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">।</span><span lang="HI" style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"> </span><span lang="BN" style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">যেমন </span><span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">dir: <span lang="BN">ডকুমেন্টের এলিমেন্টগুলির দিক নির্নয়ের জন্য</span></span><span lang="HI" style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">।</span><span lang="HI" style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"> </span><span lang="BN" style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">এর ৩টি মান দেয়া যায়<a href="http://w3bay.com/" target="_blank">http://w3bay.com</a></span><span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">১</span><span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">. ltr <span lang="BN">দিলে বা থেকে ডানে টেক্টট দেখাবে যেমন আমাদের সাইটটি দেখাচ্ছে</span></span><span lang="HI" style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">।</span><span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">২</span><span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">. rtl <span lang="BN">দিলে লেখা ডান থেকে বামে দেখাবে যেমন আরবী</span>, <span lang="BN">হিব্রু ভাষার
সাইটগুলিতে দেখবেন </span><body dir="rtl"> <span lang="BN">এমন থাকে<a href="http://w3bay.com/" target="_blank">http://w3bay.com</a></span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">৩</span><span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">. auto <span lang="BN">দিলে ব্রাউজার নিজেই বের করে
নেয়ার চেষ্টা করবে যে কোন দিকে দেখাবে</span></span><span lang="HI" style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">।</span><span lang="HI" style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"> </span><span lang="BN" style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">এমন ভাষার যদি সাইট বানান যেটা বা থেকে ডানে নাকি ডান থেকে বামে
হবে জানেন না তখন এটা ব্যবহার করতে পারেন</span><span lang="HI" style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">।<a href="http://w3bay.com/" target="_blank">http://w3bay.com</a></span><span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"><o:p></o:p></span></div>
<br />
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">id, class, style, lang (<span lang="BN">ভাষার জন্য যেমন বাংলা
ভাষার সাইট বানালে দিতে হবে</span> <body lang=''bn">) <span lang="BN">ইত্যাদি</span></span><span lang="HI" style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">।<a href="http://w3bay.com/" target="_blank">http://w3bay.com</a></span><span style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;"><o:p></o:p></span></div>
</div>
Md.Azizul Islamhttp://www.blogger.com/profile/15222849926934364194noreply@blogger.com0tag:blogger.com,1999:blog-1280003118668214148.post-18163000125324229212017-02-23T18:28:00.004+06:002017-02-23T18:28:42.419+06:00অনলাইন ফ্রিল্যান্সিং মার্কেটপ্লেসগুলিতে গ্রাফিক ডিজাইন এর কি কি কাজ পাওয়া যায়।<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-YD6TANK2yA8/WK7VFmKQJTI/AAAAAAAABOY/zWvQs-9VstYrNl_xuBOhtkLAP1BCBP3YQCLcB/s1600/16910563_2199159590309937_1173352586_o.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Graphic Design Tutorial" border="0" height="240" src="https://3.bp.blogspot.com/-YD6TANK2yA8/WK7VFmKQJTI/AAAAAAAABOY/zWvQs-9VstYrNl_xuBOhtkLAP1BCBP3YQCLcB/s320/16910563_2199159590309937_1173352586_o.png" title="অনলাইন ফ্রিল্যান্সিং মার্কেটপ্লেসগুলিতে গ্রাফিক ডিজাইন এর কি কি কাজ পাওয়া যায়।" width="320" /></a></div>
<span class="mycode_size" original-title="" style="background-color: #0e0e0e; color: #cccccc; font-family: "Droid Sans", sans-serif;"><span class="mycode_font" original-title="" style="font-family: Tahoma;"><span class="mycode_color" original-title="" style="color: white;">ফ্রিল্যান্সিংয়ের মাধ্যমে অর্থ উপার্জনের অন্যতম একটি মাধ্যম হল গ্রাফিক ডিজাইন। গ্রাফিক ডিজাইন এমনি একটি ক্ষেত্র, যার চাহিদা দিন দিন বেড়েই চলছে। একজন প্রফেশনাল ডিজাইনার মাসে হাজার ডলারেরও উপরে আয় করতে পারেন। আপওয়ার্ক, Fiverr, Peopleperhour,99designs গ্রাফিক ডিজাইন এর প্রচুর কাজ পাওয়া যায় । যারা নতুন ফ্রিল্যান্সিং এর কাজ শিখতে চান তারা গ্রাফিক ডিজাইন এর কাজ শিখতে পারেন । বাংলাদেশেও এর চাহিদা অনেক রয়েছে। তবে নারীদের জন্য এটি একটি ভাল সেক্টর। আমার জানা মতে বাংলাদেশের অনেক নারী অনলাইনে গ্রাফিক ডিজাইনের কাজ করে প্রচুর টাকা আয় করছেন। তবে এ কাজ ভালো করে শিখতে হবে।</span></span></span><br />
<div class="mycode_align" original-title="" style="background-color: #0e0e0e; color: #cccccc; font-family: "Droid Sans", sans-serif; font-size: 14px; text-align: center;">
</div>
<span class="mycode_b" original-title="" style="background-color: #0e0e0e; color: #cccccc; font-family: "Droid Sans", sans-serif; font-size: 14px; font-weight: bold;"><span class="mycode_color" original-title="" style="color: #00529b;"><span class="mycode_size" original-title="" style="font-size: small;"><span class="mycode_font" original-title="" style="font-family: Tahoma;">গ্রাফিক ডিজাইনের যেসব কাজ পাবেন ফ্রিল্যান্সিং মার্কেটপ্লেসগুলিতে…</span></span></span></span><br style="background-color: #0e0e0e; clear: left; color: #cccccc; font-family: "Droid Sans", sans-serif; font-size: 14px;" /><span class="mycode_color" original-title="" style="background-color: #0e0e0e; color: white; font-family: "Droid Sans", sans-serif; font-size: 14px;"><span class="mycode_size" original-title="" style="font-size: small;"><span class="mycode_font" original-title="" style="font-family: Tahoma;">১. লোগো ডিজাইন<a href="http://w3bay.com/" target="_blank">w3bay.com</a></span></span></span><br style="background-color: #0e0e0e; clear: left; color: #cccccc; font-family: "Droid Sans", sans-serif; font-size: 14px;" /><span class="mycode_color" original-title="" style="background-color: #0e0e0e; color: white; font-family: "Droid Sans", sans-serif; font-size: 14px;"><span class="mycode_size" original-title="" style="font-size: small;"><span class="mycode_font" original-title="" style="font-family: Tahoma;">২. বিজনেস কার্ড ডিজাইন</span></span></span><br style="background-color: #0e0e0e; clear: left; color: #cccccc; font-family: "Droid Sans", sans-serif; font-size: 14px;" /><span class="mycode_color" original-title="" style="background-color: #0e0e0e; color: white; font-family: "Droid Sans", sans-serif; font-size: 14px;"><span class="mycode_size" original-title="" style="font-size: small;"><span class="mycode_font" original-title="" style="font-family: Tahoma;">৩. ব্যানার/পোস্টার ডিজাইন</span></span></span><br style="background-color: #0e0e0e; clear: left; color: #cccccc; font-family: "Droid Sans", sans-serif; font-size: 14px;" /><span class="mycode_color" original-title="" style="background-color: #0e0e0e; color: white; font-family: "Droid Sans", sans-serif; font-size: 14px;"><span class="mycode_size" original-title="" style="font-size: small;"><span class="mycode_font" original-title="" style="font-family: Tahoma;">৪. ওয়েব সাইটের জন্য পিএসডি<a href="http://w3bay.com/" target="_blank">w3bay.com</a> তৈরি</span></span></span><br style="background-color: #0e0e0e; clear: left; color: #cccccc; font-family: "Droid Sans", sans-serif; font-size: 14px;" /><span class="mycode_color" original-title="" style="background-color: #0e0e0e; color: white; font-family: "Droid Sans", sans-serif; font-size: 14px;"><span class="mycode_size" original-title="" style="font-size: small;"><span class="mycode_font" original-title="" style="font-family: Tahoma;">৫. স্টিকার ডিজাইন<a href="http://w3bay.com/" target="_blank">w3bay.com</a></span></span></span><br style="background-color: #0e0e0e; clear: left; color: #cccccc; font-family: "Droid Sans", sans-serif; font-size: 14px;" /><span class="mycode_color" original-title="" style="background-color: #0e0e0e; color: white; font-family: "Droid Sans", sans-serif; font-size: 14px;"><span class="mycode_size" original-title="" style="font-size: small;"><span class="mycode_font" original-title="" style="font-family: Tahoma;">৬. প্রোডাক্ট হলোগ্রাম ডিজাইন</span></span></span><br style="background-color: #0e0e0e; clear: left; color: #cccccc; font-family: "Droid Sans", sans-serif; font-size: 14px;" /><span class="mycode_color" original-title="" style="background-color: #0e0e0e; color: white; font-family: "Droid Sans", sans-serif; font-size: 14px;"><span class="mycode_size" original-title="" style="font-size: small;"><span class="mycode_font" original-title="" style="font-family: Tahoma;">৭. ইমেজ এডিটিংএন্ড রিসাইজ</span></span></span><br style="background-color: #0e0e0e; clear: left; color: #cccccc; font-family: "Droid Sans", sans-serif; font-size: 14px;" /><span class="mycode_color" original-title="" style="background-color: #0e0e0e; color: white; font-family: "Droid Sans", sans-serif; font-size: 14px;"><span class="mycode_size" original-title="" style="font-size: small;"><span class="mycode_font" original-title="" style="font-family: Tahoma;">৮. ফটো রিটাচিং<a href="http://w3bay.com/" target="_blank">w3bay.com</a></span></span></span><br style="background-color: #0e0e0e; clear: left; color: #cccccc; font-family: "Droid Sans", sans-serif; font-size: 14px;" /><span class="mycode_size" original-title="" style="background-color: #0e0e0e; color: #cccccc; font-family: "Droid Sans", sans-serif;"><span class="mycode_color" original-title="" style="color: white;"><span class="mycode_font" original-title="" style="font-family: Tahoma;">৯. স্কেচ তৈরি/ড্রয়িং করা</span></span></span></div>
Md.Azizul Islamhttp://www.blogger.com/profile/15222849926934364194noreply@blogger.com0tag:blogger.com,1999:blog-1280003118668214148.post-31323023352044265482017-02-23T03:29:00.003+06:002017-02-23T03:35:30.763+06:00এইচটিএমএল ফর্ম টিউটোরিয়াল ( HTML Form Tutorial)<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: center;">
<!--[if gte mso 9]><xml>
<o:OfficeDocumentSettings>
<o:RelyOnVML/>
<o:AllowPNG/>
</o:OfficeDocumentSettings>
</xml><![endif]--><u><b>এইচটিএমএল ফর্ম টিউটোরিয়াল ( HTML Form Tutorial)</b></u></div>
<!--[if gte mso 9]><xml>
<w:WordDocument>
<w:View>Normal</w:View>
<w:Zoom>0</w:Zoom>
<w:TrackMoves/>
<w:TrackFormatting/>
<w:PunctuationKerning/>
<w:ValidateAgainstSchemas/>
<w:SaveIfXMLInvalid>false</w:SaveIfXMLInvalid>
<w:IgnoreMixedContent>false</w:IgnoreMixedContent>
<w:AlwaysShowPlaceholderText>false</w:AlwaysShowPlaceholderText>
<w:DoNotPromoteQF/>
<w:LidThemeOther>EN-US</w:LidThemeOther>
<w:LidThemeAsian>X-NONE</w:LidThemeAsian>
<w:LidThemeComplexScript>BN-BD</w:LidThemeComplexScript>
<w:Compatibility>
<w:BreakWrappedTables/>
<w:SnapToGridInCell/>
<w:WrapTextWithPunct/>
<w:UseAsianBreakRules/>
<w:DontGrowAutofit/>
<w:SplitPgBreakAndParaMark/>
<w:EnableOpenTypeKerning/>
<w:DontFlipMirrorIndents/>
<w:OverrideTableStyleHps/>
<w:UseFELayout/>
</w:Compatibility>
<m:mathPr>
<m:mathFont m:val="Cambria Math"/>
<m:brkBin m:val="before"/>
<m:brkBinSub m:val="--"/>
<m:smallFrac m:val="off"/>
<m:dispDef/>
<m:lMargin m:val="0"/>
<m:rMargin m:val="0"/>
<m:defJc m:val="centerGroup"/>
<m:wrapIndent m:val="1440"/>
<m:intLim m:val="subSup"/>
<m:naryLim m:val="undOvr"/>
</m:mathPr></w:WordDocument>
</xml><![endif]--><!--[if gte mso 9]><xml>
<w:LatentStyles DefLockedState="false" DefUnhideWhenUsed="true"
DefSemiHidden="true" DefQFormat="false" DefPriority="99"
LatentStyleCount="267">
<w:LsdException Locked="false" Priority="0" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Normal"/>
<w:LsdException Locked="false" Priority="9" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="heading 1"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 2"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 3"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 4"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 5"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 6"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 7"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 8"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 9"/>
<w:LsdException Locked="false" Priority="39" Name="toc 1"/>
<w:LsdException Locked="false" Priority="39" Name="toc 2"/>
<w:LsdException Locked="false" Priority="39" Name="toc 3"/>
<w:LsdException Locked="false" Priority="39" Name="toc 4"/>
<w:LsdException Locked="false" Priority="39" Name="toc 5"/>
<w:LsdException Locked="false" Priority="39" Name="toc 6"/>
<w:LsdException Locked="false" Priority="39" Name="toc 7"/>
<w:LsdException Locked="false" Priority="39" Name="toc 8"/>
<w:LsdException Locked="false" Priority="39" Name="toc 9"/>
<w:LsdException Locked="false" Priority="35" QFormat="true" Name="caption"/>
<w:LsdException Locked="false" Priority="10" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Title"/>
<w:LsdException Locked="false" Priority="1" Name="Default Paragraph Font"/>
<w:LsdException Locked="false" Priority="11" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Subtitle"/>
<w:LsdException Locked="false" Priority="22" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Strong"/>
<w:LsdException Locked="false" Priority="20" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Emphasis"/>
<w:LsdException Locked="false" Priority="59" SemiHidden="false"
UnhideWhenUsed="false" Name="Table Grid"/>
<w:LsdException Locked="false" UnhideWhenUsed="false" Name="Placeholder Text"/>
<w:LsdException Locked="false" Priority="1" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="No Spacing"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 1"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 1"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 1"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 1"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 1"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 1"/>
<w:LsdException Locked="false" UnhideWhenUsed="false" Name="Revision"/>
<w:LsdException Locked="false" Priority="34" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="List Paragraph"/>
<w:LsdException Locked="false" Priority="29" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Quote"/>
<w:LsdException Locked="false" Priority="30" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Intense Quote"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 1"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 1"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 1"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 1"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 1"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 1"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 1"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 1"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 2"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 2"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 2"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 2"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 2"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 2"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 2"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 2"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 2"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 2"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 2"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 2"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 2"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 2"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 3"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 3"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 3"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 3"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 3"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 3"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 3"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 3"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 3"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 3"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 3"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 3"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 3"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 3"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 4"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 4"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 4"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 4"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 4"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 4"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 4"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 4"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 4"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 4"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 4"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 4"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 4"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 4"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 5"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 5"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 5"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 5"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 5"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 5"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 5"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 5"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 5"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 5"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 5"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 5"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 5"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 5"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 6"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 6"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 6"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 6"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 6"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 6"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 6"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 6"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 6"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 6"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 6"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 6"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 6"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 6"/>
<w:LsdException Locked="false" Priority="19" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Subtle Emphasis"/>
<w:LsdException Locked="false" Priority="21" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Intense Emphasis"/>
<w:LsdException Locked="false" Priority="31" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Subtle Reference"/>
<w:LsdException Locked="false" Priority="32" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Intense Reference"/>
<w:LsdException Locked="false" Priority="33" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Book Title"/>
<w:LsdException Locked="false" Priority="37" Name="Bibliography"/>
<w:LsdException Locked="false" Priority="39" QFormat="true" Name="TOC Heading"/>
</w:LatentStyles>
</xml><![endif]--><!--[if gte mso 10]>
<style>
/* Style Definitions */
table.MsoNormalTable
{mso-style-name:"Table Normal";
mso-tstyle-rowband-size:0;
mso-tstyle-colband-size:0;
mso-style-noshow:yes;
mso-style-priority:99;
mso-style-parent:"";
mso-padding-alt:0in 5.4pt 0in 5.4pt;
mso-para-margin-top:5.0pt;
mso-para-margin-right:0in;
mso-para-margin-bottom:10.0pt;
mso-para-margin-left:0in;
line-height:115%;
mso-pagination:widow-orphan;
font-size:10.0pt;
font-family:"Century Gothic","sans-serif";
mso-ascii-font-family:"Century Gothic";
mso-ascii-theme-font:minor-latin;
mso-hansi-font-family:"Century Gothic";
mso-hansi-theme-font:minor-latin;}
</style>
<![endif]-->
<br />
<div align="center" class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-align: center; text-autospace: none;">
<br /></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;">ওয়েব সার্ভার হতে তথ্য(</span><span style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;">name,
email address, credit card, <span lang="BN">ইত্যাদি) গ্রহনের ক্ষেত্রে ওয়েবমাস্টার
এর জন্য ফর্ম গুরুত্বপুর্ন </span>tool <span lang="BN">হিসাবে কাজ। আপনার চাহিদা
অনুযায়ী ফর্ম দর্শক হতে ইনপুট গ্রহন করে। আপনি এখান থেকে ডেটা সঞ্চয় করতে পারেন</span>
, order <span lang="BN">করতে পারেন</span>, <span lang="BN">ব্যাবহারকারীর পরিসংখ্যান
জমা করতে পারেন</span>,<span lang="BN">আপনার<span style="mso-spacerun: yes;">
</span></span>forum <span lang="BN">এ ঐ ব্যক্তিটিকে রেজিস্ট্রেশন করাতে পারেন
ইত্যাদি ।<a href="http://w3bay.com/" target="_blank">http://w3bay.com</a></span></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<br /></div>
<div align="center" class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-align: center; text-autospace: none;">
<b><u><span lang="BN" style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;">টেক্সট ফিল্ড</span></u></b></div>
<div align="center" class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-align: center; text-autospace: none;">
<br /></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<a href="https://2.bp.blogspot.com/-2Eg1GQ50fxA/WK4BVRpZahI/AAAAAAAABNA/UyFgO0m_Xk4as6oNZIhgnVxFV7_NgPdkwCLcB/s1600/Screenshot_1.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="HTML Form Tutorial" border="0" src="https://2.bp.blogspot.com/-2Eg1GQ50fxA/WK4BVRpZahI/AAAAAAAABNA/UyFgO0m_Xk4as6oNZIhgnVxFV7_NgPdkwCLcB/s1600/Screenshot_1.png" title="Web and SEO Tutorial Center" /></a><span lang="BN" style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;">কিভাবে সম্পুর্ন ফর্ম তৈরী করতে হয় সেটা আপনাদের আগে জানতে
হবে। </span><span style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;">Input fields <span lang="BN">হচ্ছে </span>form <span lang="BN">নামক </span>sandwich <span lang="BN">এর গোশত ।</span> <input> tag <span lang="BN">এর কিছু </span>attributes <span lang="BN">আছে সেসব সম্বন্ধে জানা উচিত ।<a href="http://w3bay.com/" target="_blank">http://w3bay.com</a></span></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;">type - <span lang="BN">এই এট্রিবিউট ইনপুট ফিল্ড এর
প্রকারভেদ নির্ধারন করে। যেমন </span>text, submit, <span lang="BN">এবং </span>password
</span><span lang="HI" style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;">।</span><span style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;"></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;">name - </span><span lang="BN" style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;">এই
এট্রিবিউট টি দিয়ে ফিল্ড এর নামকরন করা যায় যাতে পরবর্তিতে আপনি </span><span style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;">reference <span lang="BN">আনতে পারেন</span></span><span lang="HI" style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;">।<a href="http://w3bay.com/" target="_blank">http://w3bay.com</a></span><span style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;"></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;">size - <span lang="BN">এই এট্রিবিউট টি ফিল্ড এর </span>horizontal
width <span lang="BN">সেট করে ।</span></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;">maxlength – <span lang="BN">এই এট্রিবিউট টি </span>character
<span lang="BN">এর<span style="mso-spacerun: yes;"> </span>সর্বোচ্চ নম্বর নির্ধারন
করে<a href="http://w3bay.com/" target="_blank">http://w3bay.com</a></span></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;"><form method="post"
action="mailto:youremail@email.com"> Name: <input
type="text" size="10" maxlength="40"
name="name"> <br /> Password: <input
type="password" size="10" maxlength="10"
name="password"> </form> <a href="http://w3bay.com/" target="_blank">http://w3bay.com</a></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<br /></div>
<div align="center" class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-align: center; text-autospace: none;">
<b><u><span lang="BN" style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;">এইচটিএমএল- ইনপুট ট্যাগ:</span></u></b></div>
<div align="center" class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-align: center; text-autospace: none;">
<br /></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;">Input fields <span lang="BN">এর মধ্যে যেসব জিনিস
অন্তর্ভুক্ত সেগুলো হলো </span>checkboxes, text fields, radios,<span style="mso-spacerun: yes;"> </span><span lang="BN">এবং </span>form submission
buttons</span><span lang="HI" style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;">।</span><span style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;"> <input /> </span><span lang="BN" style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;">ট্যাগ এর কোন </span><span style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;">closing tag <span lang="BN">প্রয়োজন নেই।<a href="http://w3bay.com/" target="_blank">http://w3bay.com</a></span></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<br /></div>
<div align="center" class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-align: center; text-autospace: none;">
<u><span lang="BN" style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;">এইচটিএমএল -</span></u><b style="mso-bidi-font-weight: normal;"><u><span style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;">Type
Attribute:</span></u></b></div>
<div align="center" class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-align: center; text-autospace: none;">
<br /></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;">Type attributes <span lang="BN">এর সাহায্যে এক প্রকারের </span>input
tag <span lang="BN">নির্দেশ করতে পারি।নিচে কতকগুলো </span>input tag <span lang="BN">দেয়া হলো।<a href="http://w3bay.com/" target="_blank">http://w3bay.com</a></span></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;">১. "</span><span style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;">text"</span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;">২. "</span><span style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;">password"</span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;">৩. "</span><span style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;">checkbox"</span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;">৪. "</span><span style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;">radio"<a href="http://w3bay.com/" target="_blank">http://w3bay.com</a></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;">৫. "</span><span style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;">submit"</span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;">৬. "</span><span style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;">reset"</span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<br /></div>
<div align="center" class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-align: center; text-autospace: none;">
<b><u><span lang="BN" style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;">এইচটিএমএল –<span style="mso-bidi-font-weight: normal;"> </span>চেকবক্স:</span></u></b></div>
<div align="center" class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-align: center; text-autospace: none;">
<br /></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;">চেকবক্স অনেকগুলি আইটেম থেকে একটা বাছাই করার সুবিধা দেয়।
চেকবক্স এর<span style="mso-spacerun: yes;"> </span></span><span style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;">name <span lang="BN">এবং <span style="mso-spacerun: yes;"> </span></span>value <span lang="BN">এট্রিবিউট যা রেডিও
বাটন এর </span>name <span lang="BN">এবং<span style="mso-spacerun: yes;"> </span></span>value
<span lang="BN">এট্রিবিউট মত আচরন করে।<a href="http://w3bay.com/" target="_blank">http://w3bay.com</a></span></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;"><form method="post"
action="mailto:youremail@email.com"> Select your favorite cartoon
characters. <input type="checkbox" name="toon"
value="Goofy">Goofy <input type="checkbox" name="toon"
value="Donald">Donald <input type="checkbox"
name="toon" value="Bugs">Bugs Bunny <input
type="checkbox" name="toon"
value="Scoob">Scooby Doo <input type="submit"
value="Email Myself"> </form><a href="http://w3bay.com/" target="_blank">http://w3bay.com</a></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<br /></div>
<div align="center" class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-align: center; text-autospace: none;">
<b><u><span lang="BN" style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;">এইচটিএমএল - সাবমিট বাটন:</span></u></b></div>
<div align="center" class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-align: center; text-autospace: none;">
<br /></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;">Input type <span lang="BN">এর মধ্যে "</span>submit"<span style="mso-spacerun: yes;"> </span><span lang="BN">অপশনটি সাবমিট বাটন তৈরীর
ক্ষেত্রে উল্লেখযোগ্য ।</span>specifies a very unique button. <span lang="BN">যখন
আমরা </span>submit button <span lang="BN">এ চাপ দেবো তখন ফর্ম এর বার্তাটি </span>activate<span style="mso-spacerun: yes;"> </span><span lang="BN">হবে।<a href="http://w3bay.com/" target="_blank">http://w3bay.com</a></span></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;">যেহেতু আমরা সাবমিট বাটন তৈরী করেছি তাই নতুন এট্রিবিউট
প্রয়োজন তা হচ্ছে </span><span style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;">value <span lang="BN">এট্রিবিউট। আমরা যে শব্দকে </span>value <span lang="BN">এট্রিবিউট এর মান
হিসাবে নির্বাচন করবো তা বাটন উপর প্রদর্শিত হবে। "</span>Submit" or
"Continue" <span lang="BN">শব্দগুলো </span>value <span lang="BN">এট্রিবিউট
এর<span style="mso-spacerun: yes;"> </span>মান হিসাবে ব্যবহার হয়।</span></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;"><input type="submit"
value="Submit" /><a href="http://w3bay.com/" target="_blank">http://w3bay.com</a></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;"><input type="submit" value="Continue
Please!" /></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<br /></div>
<div align="center" class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-align: center; text-autospace: none;">
<b><u><span lang="BN" style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;">এইচটিএমএল - রিসেট বাটন:</span></u></b></div>
<div align="center" class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-align: center; text-autospace: none;">
<br /></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;">সর্বশেষ </span><span style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;">input type <span lang="BN">হল রিসেট বাটন।<span style="mso-spacerun: yes;"> </span>রিসেট বাটন ক্লিক
করার মাধ্যমে আপনি ফর্ম এর সবকিছু আবার পুর্বের স্বাভাবিক অবস্থায় নিয়ে যেতে
পারবেন।"</span>start over" <span lang="BN">বাটন কে আপনি রিসেট বাটন এর
মত ব্যাবহার করতে পারবেন।<a href="http://w3bay.com/" target="_blank">http://w3bay.com</a></span></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;"><input type="reset" value="Reset
Fields" /></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;"><input type="reset" value="Start
Over" /><a href="http://w3bay.com/" target="_blank">http://w3bay.com</a></span></div>
</div>
Md.Azizul Islamhttp://www.blogger.com/profile/15222849926934364194noreply@blogger.com0tag:blogger.com,1999:blog-1280003118668214148.post-79356789573163853302017-02-21T15:32:00.002+06:002017-02-21T15:32:16.683+06:00এইচটিএমএল কোড ও pre ট্যাগ এবং সুপারস্ক্রিপ্ট,সাবস্ক্রিপ্ট,স্ট্রাইকথ্রো (HTML Code & Pre)<div dir="ltr" style="text-align: left;" trbidi="on">
<div align="center" class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-align: center; text-autospace: none;">
<b><u><span lang="BN" style="font-family: "Nirmala UI","sans-serif"; font-size: 14.0pt; line-height: 115%; mso-ansi-font-weight: bold; mso-bidi-language: BN;">এইচটিএমএল কোড এবং </span></u><u><span style="font-family: "Nirmala UI","sans-serif"; font-size: 14.0pt; line-height: 115%; mso-bidi-language: BN;">pre
</span></u><u><span lang="BN" style="font-family: "Nirmala UI","sans-serif"; font-size: 14.0pt; line-height: 115%; mso-ansi-font-weight: bold; mso-bidi-language: BN;">ট্যাগ (</span></u><u><span style="font-family: "Nirmala UI","sans-serif"; font-size: 14.0pt; line-height: 115%; mso-bidi-language: BN;">HTML Code & Pre)</span></u></b></div>
<div align="center" class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-align: center; text-autospace: none;">
<b><u><span style="font-family: "Nirmala UI","sans-serif"; font-size: 14.0pt; line-height: 115%; mso-bidi-language: BN;"><br /></span></u></b></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<a href="https://3.bp.blogspot.com/-hgBBKnUgZks/WKwIXOKJpYI/AAAAAAAABMk/hUrW3EztRbcZEYwjWXnz8UgvHHCmPNOcwCLcB/s1600/Screenshot_1.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="HTML Code & Pre" border="0" src="https://3.bp.blogspot.com/-hgBBKnUgZks/WKwIXOKJpYI/AAAAAAAABMk/hUrW3EztRbcZEYwjWXnz8UgvHHCmPNOcwCLcB/s1600/Screenshot_1.png" title="web design tutorial" /></a><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">code tag <span lang="BN">এর মাধ্যমে আপনার </span>text <span lang="BN">কে </span>computer code <span lang="BN">এর মত করে লেখতে পারেন। এটা সাধারন
ভাবে </span>text <span lang="BN">এর </span>font
face, size, <span lang="BN">এবং </span>letter spacing <span lang="BN">পরিবর্তন করতে
পারে।<a href="http://w3bay.com/" target="_blank">http://w3bay.com</a></span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">This text has been formatted to be computer
<code>code</code>!<a href="http://w3bay.com/" target="_blank">http://w3bay.com</a><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;"><br /></span></div>
<div align="center" class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-align: center; text-autospace: none;">
<b><u><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">HTML - Code Links<o:p></o:p></span></u></b></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">পৃথক </span><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">link <span lang="BN">হিসাবে আপনার </span>web page <span lang="BN">এ দেখাতে পারেন।</span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;"><p>Feel free to search <a href="http://www.google.com"
target="_blank"><a href="http://w3bay.com/" target="_blank">http://w3bay.com</a><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;"><code>Google</code><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;"></a> for<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">anything you wish to find on the internet.</p><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<br /></div>
<div align="center" class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-align: center; text-autospace: none;">
<b><u><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">HTML - <pre> Preformatting<o:p></o:p></span></u></b></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;"><pre> tag <span lang="BN">এর সুবিধা হল </span>HTML
coding <span lang="BN">এর সময় যেভাবে আমরা লাইন ব্রেক</span>, <span lang="BN">স্পেস
নির্দেশ করে দিবো ঠিক সেভাবে টেক্সট প্রদর্শিত হবে।অর্থ্যাৎ যেভাবে কোড লিখবেন
সেভাবেই আউটপুট দেখাবে।</span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;"><pre><a href="http://w3bay.com/" target="_blank">http://w3bay.com</a><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">Roses are Red,<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">এখানে কয়েকটা স্পেস আছে </span><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">Violets
are blue,<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">I may sound crazy,<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">এখানে কয়েকটা স্পেস আছে </span><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">But
I love you!<o:p></o:p></span></div>
<br />
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;"></pre><a href="http://w3bay.com/" target="_blank">http://w3bay.com</a><span lang="BN"><o:p></o:p></span></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;"><br /></span></div>
<div align="center" class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-align: center; text-autospace: none;">
<b><u><span lang="BN" style="font-family: "Nirmala UI","sans-serif"; font-size: 14.0pt; line-height: 115%; mso-ansi-font-weight: bold; mso-bidi-language: BN;">এইচটিএমএল সুপারস্ক্রিপ্ট</span></u><u><span style="font-family: "Nirmala UI","sans-serif"; font-size: 14.0pt; line-height: 115%; mso-bidi-language: BN;">,</span></u><u><span lang="BN" style="font-family: "Nirmala UI","sans-serif"; font-size: 14.0pt; line-height: 115%; mso-ansi-font-weight: bold; mso-bidi-language: BN;">সাবস্ক্রিপ্ট</span></u><u><span style="font-family: "Nirmala UI","sans-serif"; font-size: 14.0pt; line-height: 115%; mso-bidi-language: BN;">,</span></u><u><span lang="BN" style="font-family: "Nirmala UI","sans-serif"; font-size: 14.0pt; line-height: 115%; mso-ansi-font-weight: bold; mso-bidi-language: BN;">স্ট্রাইকথ্রো</span></u><u><span style="font-family: "Nirmala UI","sans-serif"; font-size: 14.0pt; line-height: 115%; mso-bidi-language: BN;"><o:p></o:p></span></u></b></div>
<div align="center" class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-align: center; text-autospace: none;">
<u><span lang="BN" style="font-family: "Nirmala UI","sans-serif"; font-size: 14.0pt; line-height: 115%; mso-ansi-font-weight: bold; mso-bidi-language: BN;"><br /></span></u></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;"><p>This text is
<sup>superscripted!</sup></p><o:p></o:p></span></div>
<div align="center" class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-align: center; text-autospace: none;">
<b><u><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">HTML – Exponents<o:p></o:p></span></u></b></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">অংকে </span><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">exponential <span lang="BN">ব্যবহার করা জন্য</span> <sup> tag <span lang="BN">ব্যবহার করতে হয়।</span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">2<sup>3</sup> = 8<a href="http://w3bay.com/" target="_blank">http://w3bay.com</a><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">14<sup>x</sup><o:p></o:p></span></div>
<div align="center" class="MsoNormal" style="margin-bottom: 10.0pt; margin-left: .5in; margin-right: 0in; margin-top: 0in; mso-layout-grid-align: none; text-align: center; text-autospace: none; text-indent: -.5in;">
<br /></div>
<div align="center" class="MsoNormal" style="margin-bottom: 10.0pt; margin-left: .5in; margin-right: 0in; margin-top: 0in; mso-layout-grid-align: none; text-align: center; text-autospace: none; text-indent: -.5in;">
<br /></div>
<div align="center" class="MsoNormal" style="margin-bottom: 10.0pt; margin-left: .5in; margin-right: 0in; margin-top: 0in; mso-layout-grid-align: none; text-align: center; text-autospace: none; text-indent: -.5in;">
<b><u><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">HTML – </span></u></b><u><span lang="BN" style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-ansi-font-weight: bold; mso-bidi-language: BN;">ফুটনোট:</span></u><b><u><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;"><o:p></o:p></span></u></b></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">উপন্যাস বা প্রবন্ধে দেখা যায় কোন লেখার </span><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">reference <span lang="BN">দেয়ার জন্য</span> <sup>
tag <span lang="BN">ব্যবহার হয় যা ফুটনোটকে নির্দেশ করে।<a href="http://w3bay.com/" target="_blank">http://w3bay.com</a></span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;"><p>"It was a lover's
tryst<sup>1</sup>."<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;"><hr /><a href="http://w3bay.com/" target="_blank">http://w3bay.com</a><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">1. Secret meeting between lovers<o:p></o:p></span></div>
<div align="center" class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-align: center; text-autospace: none;">
<b><u><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">HTML -Subscript<o:p></o:p></span></u></b></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;"><p>This text is
<sub>subscripted!</sub></p><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;"><p>H<sub>2</sub>0 - Water<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;"><p>O<sub>2</sub> - Oxygen<a href="http://w3bay.com/" target="_blank">http://w3bay.com</a><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;"><p>CO<sub>2</sub> - Carbon Dioxide<o:p></o:p></span></div>
<div align="center" class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-align: center; text-autospace: none;">
<b><u><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">HTML – Strikethrough<o:p></o:p></span></u></b></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;"><del> tag <span lang="BN">এর মাধ্যমে কোন লেখাকে ক্রস
দেওয়া যায়</span></span><span lang="HI" style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: HI;">।</span><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;"><p>This text is <del>scratched</del>
out!</p><o:p></o:p></span></div>
<div align="center" class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-align: center; text-autospace: none;">
<b><u><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">HTML - Check Off Task:<o:p></o:p></span></u></b></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;"><ol><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;"><li>Clean my room</li><a href="http://w3bay.com/" target="_blank">http://w3bay.com</a><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;"><li><del>Cook Dinner</del></li><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;"><li><del>Wash Dishes</del></li><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;">
</span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;"></ol><a href="http://w3bay.com/" target="_blank">http://w3bay.com</a><span lang="BN"><o:p></o:p></span></span></div>
</div>
Md.Azizul Islamhttp://www.blogger.com/profile/15222849926934364194noreply@blogger.com0tag:blogger.com,1999:blog-1280003118668214148.post-34847772834033235552017-02-20T13:29:00.001+06:002017-02-20T13:29:21.160+06:00HTML Body Tutorial (এইচটিএমএল বডি টিউটোরিয়াল)<div dir="ltr" style="text-align: left;" trbidi="on">
<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"><tbody>
<tr><td style="text-align: center;"><a href="https://1.bp.blogspot.com/-iLg_8c1zMIY/WKqaFLQTVkI/AAAAAAAABMA/vYB230kBLHYR1Ml_iCFDdq8lwKCMoRI4gCLcB/s1600/Screenshot_1.png" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img alt="HTML Body" border="0" src="https://1.bp.blogspot.com/-iLg_8c1zMIY/WKqaFLQTVkI/AAAAAAAABMA/vYB230kBLHYR1Ml_iCFDdq8lwKCMoRI4gCLcB/s1600/Screenshot_1.png" title="web design tutorial" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Add caption</td></tr>
</tbody></table>
<div align="center" class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-align: center; text-autospace: none;">
<u><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><b><span style="font-size: large;">এইচটিএমএল বডি (</span></b></span></u><b><u><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><span style="font-size: large;">HTML
Body)</span><span style="font-size: 14pt;"><o:p></o:p></span></span></u></b></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">Body tag <span lang="BN">যা </span>web page <span lang="BN">এর
সকল </span>element <span lang="BN">ধারন করে। </span>Tables, Lists, Forms,
paragraph element <span lang="BN">গুলোকে </span>Body element <span lang="BN">এর মধ্যে
রাখতে হয়।<a href="http://w3bay.com/" target="_blank">http://w3bay.com</a></span><span style="font-size: 11pt;"><o:p></o:p></span></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><span lang="BN"><br /></span></span></div>
<div align="center" class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-align: center; text-autospace: none;">
<b><u><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><span style="font-size: large;">HTML - Body Margins:</span><span style="font-size: 11pt;"><o:p></o:p></span></span></u></b></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">Attributes<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">Leftmargin: body element. <span lang="BN">এর বাম পাশের
মারজিন। </span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">topmargin :body element <span lang="BN">এর উপরের মারজিন।</span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><body topmargin="50"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><body leftmargin="50"><a href="http://w3bay.com/" target="_blank">http://w3bay.com</a> <span style="font-size: 11pt;"><o:p></o:p></span></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><br /></span></div>
<div align="center" class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-align: center; text-autospace: none;">
<b><u><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><span style="font-size: large;">HTML - Base Text:</span><span style="font-size: 11pt;"><o:p></o:p></span></span></u></b></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">Text attributes <span lang="BN">এর মাধ্যমে </span>Body tag <span lang="BN">এর ভিতরের সকল টেক্সট এর কালার ঠিক করা যায়।</span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><body text="red" ><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">বা</span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><o:p></o:p></span></div>
<br />
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><body text="rgb(255,0,0)" ><a href="http://w3bay.com/" target="_blank">http://w3bay.com</a><span lang="BN" style="font-size: 11pt;"><o:p></o:p></span></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><br /></span></div>
<div align="center" class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-align: center; text-autospace: none;">
<u><span lang="BN" style="font-family: "Nirmala UI","sans-serif"; font-size: 14.0pt; line-height: 115%; mso-ansi-font-weight: bold; mso-bidi-language: BN;"><b>এইচটিএমএল ডিভ ( </b></span></u><b><u><span style="font-family: "Nirmala UI","sans-serif"; font-size: 14.0pt; line-height: 115%; mso-bidi-language: BN;">HTML
Div)<o:p></o:p></span></u></b></div>
<div align="center" class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-align: center; text-autospace: none;">
<b><u><span style="font-family: "Nirmala UI","sans-serif"; font-size: 14.0pt; line-height: 115%; mso-bidi-language: BN;"><br /></span></u></b></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><div> <span lang="BN">ট্যাগ অন্যান্য ট্যাগ এর পাত্র
হিসাবে কাজ করে অনেকটা </span>body <span lang="BN">ট্যাগ এর মত।</span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">Div <span lang="BN">এলিমেন্ট গুলো হলো </span>block <span lang="BN">এলিমেন্ট যারা অন্তরালে থেকে অন্যান্য ট্যাগ গুলোকে একত্রে করে।<a href="http://w3bay.com/" target="_blank">http://w3bay.com</a></span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">সিএসএস এর ক্ষেত্রে
</span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">Div <span lang="BN">এলিমেন্ট অনেক গুরুত্তপুর্ন।</span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">নিচে ডিভে ব্যবহৃত কতকগুলো </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">attributes <span lang="BN">দেয়া হলো।</span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">Id, width, height, title, style<a href="http://w3bay.com/" target="_blank">http://w3bay.com</a><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">দর্শকদের </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">strong
visualization <span lang="BN">এর জন্য ডিভের </span>style attribute <span lang="BN">এর
মাধ্যমে কালার প্রদর্শন করা যায়।<a href="http://w3bay.com/" target="_blank">http://w3bay.com</a></span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><body><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><div style="background: green"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><h5 >SEARCH LINKS</h5><a href="http://w3bay.com/" target="_blank">http://w3bay.com</a><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><a target="_blank" href="http://www.google.com">Google</a><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"></div><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"></body><a href="http://w3bay.com/" target="_blank">http://w3bay.com</a><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><span style="font-size: 11pt;"><br /></span></span></div>
<div align="center" class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-align: center; text-autospace: none;">
<u><span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><b><span style="font-size: large;">এইচটিএমএল ডিভ লেআউট</span></b></span></u><b><u><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;"><o:p></o:p></span></u></b></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">টেবিল লেআউট অথবা ফ্রেম ছাড়াও ৩য় অল্টারনেটিভ হিসাবে </span><span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">div <span lang="BN">এলিমেন্ট ব্যবহার করা যায়।</span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">beginning and ending <span lang="BN">ট্যাগ এর মাধ্যমে </span>div
<span lang="BN">এলিমেন্ট সকল এইচটিএমএল এলিমেন্ট ধারন করতে পারে।<a href="http://w3bay.com/" target="_blank">http://w3bay.com</a></span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><div id="menu" align="left" ><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><a href="/">HOME</a> |<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><a href="/">CONTACT</a> |<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><a href="/">ABOUT</a> <o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"></div><a href="http://w3bay.com/" target="_blank">http://w3bay.com</a><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><div id="content" align="left"
bgcolor="white"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><h5>Content Articles</h5><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><p>This paragraph would be your content paragraph with all of your readable
material.</p><a href="http://w3bay.com/" target="_blank">http://w3bay.com</a><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"></div><span style="font-size: 11pt;"><o:p></o:p></span></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;"><a href="http://w3bay.com/" target="_blank">http://w3bay.com</a></span></div>
<div align="center" class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-align: center; text-autospace: none;">
<b><u><span style="font-family: "Nirmala UI","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-bidi-language: BN;"><span style="background-color: #cfe2f3;">Another Example</span><o:p></o:p></span></u></b></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><div id="menu" align="right" ><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><a href="/">HOME</a> |<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><a href="/">CONTACT</a> |<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><a href="/">ABOUT</a> |<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><a href="/">LINKS</a><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"></div><a href="http://w3bay.com/" target="_blank">http://w3bay.com</a><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><div id="content" align="right"
><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><h5>Content Articles</h5><a href="http://w3bay.com/" target="_blank">http://w3bay.com</a><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><p>This paragraph would be your content<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">paragraph with all of your readable material.</p><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><h5 >Content Article Number Two</h5><a href="http://w3bay.com/" target="_blank">http://w3bay.com</a><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"><p>Here's another content article right
here.</p><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;">
</span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "Nirmala UI", sans-serif; line-height: 115%;"></div><a href="http://w3bay.com/" target="_blank">http://w3bay.com</a><span lang="BN" style="font-size: 11pt;"><o:p></o:p></span></span></div>
</div>
Md.Azizul Islamhttp://www.blogger.com/profile/15222849926934364194noreply@blogger.com0tag:blogger.com,1999:blog-1280003118668214148.post-54262516779114650252017-02-18T23:59:00.000+06:002017-02-20T16:25:00.028+06:00Outsourcing/Freelancing Course HTML, CSS, BOOTSTRAP & SEO<div dir="ltr" style="text-align: left;" trbidi="on">
<div align="center" class="MsoNormal" style="text-align: center;">
<b><span style="font-family: "tempus sans itc"; font-size: 36.0pt; line-height: 115%;">Outsourcing/Freelancing
Course<o:p></o:p></span></b></div>
<br />
<div align="center" class="MsoNormal" style="text-align: center;">
<b><span style="font-family: "tempus sans itc"; font-size: 36.0pt; line-height: 115%;">HTML,
CSS, BOOTSTRAP & SEO</span></b></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://drive.google.com/file/d/0B4YQ4YY-sLn0TW1zd0xfdkR6WE0/view?usp=sharing" target="_blank"><img alt="https://drive.google.com/file/d/0B4YQ4YY-sLn0TW1zd0xfdkR6WE0/view?usp=sharing" border="0" height="640" src="https://1.bp.blogspot.com/-kz9UjKG8Gfg/WKiLrvxFq5I/AAAAAAAABLk/ir_0ZcY8aM03X5TZH9UFhGORUl8_0GbPQCLcB/s640/Screenshot_1.png" title="" width="512" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="color: white; font-size: x-large;"><b style="background-color: black;"><a href="https://drive.google.com/drive/folders/0B4YQ4YY-sLn0TF9aLTJ1R0ZMdjQ" target="_blank">DOWNLOAD</a></b></span></div>
<br />
<div align="center" class="MsoNormal" style="text-align: center;">
<br /></div>
</div>
Md.Azizul Islamhttp://www.blogger.com/profile/15222849926934364194noreply@blogger.com0tag:blogger.com,1999:blog-1280003118668214148.post-58179308479135578212017-02-18T19:24:00.001+06:002017-02-18T19:40:20.544+06:00HTML Video Tutorial (এইসটিএমেল ভিডিও টিউটোরিয়াল)<div dir="ltr" style="text-align: left;" trbidi="on">
<div align="center" class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-align: center; text-autospace: none;">
<u><span lang="BN" style="font-family: "nirmala ui" , "sans-serif"; font-size: 14.0pt; line-height: 115%;"><b>এইচটিএমএল ভিডিও (</b></span></u><b><u><span style="font-family: "nirmala ui" , "sans-serif"; font-size: 14.0pt; line-height: 115%;">HTML
Video)<o:p></o:p></span></u></b></div>
<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"><tbody>
<tr><td style="text-align: center;"><a href="https://4.bp.blogspot.com/-rmytb4jn1Tw/WKhKRDUFtxI/AAAAAAAABLM/QRn_eqhF_FkXLD8VpvWbwmHvIGXUq06EACLcB/s1600/Screenshot_1.png" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img alt="HTML Video Tutorial" border="0" src="https://4.bp.blogspot.com/-rmytb4jn1Tw/WKhKRDUFtxI/AAAAAAAABLM/QRn_eqhF_FkXLD8VpvWbwmHvIGXUq06EACLcB/s1600/Screenshot_1.png" title="web and seo tutorials" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Add caption</td></tr>
</tbody></table>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">Music <span lang="BN">ফাইল এর মত ভিডিও ফাইল কে</span>
<embed /> <span lang="BN">ট্যাগ দিয়ে ওয়েব পেজ এ প্রদর্শন করা যায়। </span>image <span lang="BN">ট্যাগ এর মত </span>embed <span lang="BN">ট্যাগ এর কোন </span>closing <span lang="BN">ট্যাগ এর প্রয়োজন নেই। </span>src attribute <span lang="BN">এর মাধ্যমে
সঠিক </span>URL(local <span lang="BN">বা </span>global) <span lang="BN">ঠিক করে
ভিডিও ওয়েব পেজে প্রদর্শন করা যায়।<a href="http://w3bay.com/" style="background-color: blue;" target="_blank"><span style="color: white;">http://w3bay.com</span></a></span><span style="background-color: blue;"><span style="color: white;"><o:p></o:p></span></span></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"><embed src="http://www.ypdesign.tk/files/html/htmlexample.mpeg"
autostart="false" /><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">আপনি </span><span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">href attribute
<span lang="BN">এর মাধ্যমেও সঠিক </span>URL <span lang="BN">ঠিক করে ভিডিও ওয়েব পেজে
প্রদর্শন করা যায়।</span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"><a href="http://www.ypdesign.tk/pics/flash/motiontween1easy.swf">
motiontween1easy.swf</a><a href="http://w3bay.com/" style="background-color: magenta;" target="_blank"><span style="color: white;">http://w3bay.com</span></a><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">"play":"false","src":"images/stories/vedios/Ya
habibi arabic.swf","bgcolor":"#cc0066"<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">(<span lang="BN">রাইট বাটন ক্লিক করে </span>play)<a href="http://w3bay.com/" target="_blank"><span style="background-color: #bf9000; color: white;">http://w3bay.com</span></a><span style="font-size: 11pt;"><o:p></o:p></span></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;"><br /></span></div>
<div align="center" class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-align: center; text-autospace: none;">
<u><span lang="BN" style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;"><b>এইচটিএমএল -ভিডিওর ধরন</b></span></u><b><u><span style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;"><o:p></o:p></span></u></b></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">Flash movies (.swf), AVI's (.avi), and MOV's (.mov)</span><span lang="HI" style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">। </span><span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">embed </span><span lang="BN" style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">ট্যাগ এসব ফরমেটকে সাপোর্ট করে।</span><span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">.swf files - <span lang="BN">এই ফরমেটটি হচ্ছে ফ্লাশ</span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">.wmv files – <span lang="BN">এই ফরমেটটি হচ্ছে মাইক্রোসফট উইন্ডোজ মিডিয়া টাইপ।</span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">.mov files - <span lang="BN">এই ফরমেটটি হচ্ছে এপল কুইক টাইম মিডিয়া</span><o:p></o:p></span><a href="http://w3bay.com/" style="background-color: yellow; font-family: "Nirmala UI", sans-serif;" target="_blank"><span style="color: black;">http://w3bay.com</span></a></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">.mpeg files – <span lang="BN">এটি একটি </span>standard <span lang="BN">ফরমেট যা </span>Moving Pictures Expert Group <span lang="BN">দ্বারা </span>compression movie <span lang="BN">ফাইল তৈরী হয়েছে।<a href="http://w3bay.com/" target="_blank"><span style="background-color: white; color: blue;">http://w3bay.com</span></a></span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">উপরের ফরমেট গুলোর মধ্যে ইন্টানেটে বেশি ব্যবহার হয় </span><span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">swf, mpeg <span lang="BN">এই ফরমেট গুলো ।</span><span style="font-size: 11pt;"><o:p></o:p></span></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;"><span lang="BN"><br /></span></span></div>
<div align="center" class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-align: center; text-autospace: none;">
<u><span lang="BN" style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;"><b>এইচটিএমএল - </b></span></u><b><u><span style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;">Embed
Attributes:<o:p></o:p></span></u></b></div>
<br />
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">Src attribute <span lang="BN">এর মত</span> <embed /> <span lang="BN">ট্যাগ এর আরো </span>attribute <span lang="BN">রয়েছে সেগুলো হলো </span>volume,
autostart, hidden, and loop </span><span lang="HI" style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">। </span><span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">autostart - </span><span lang="BN" style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">এই
</span><span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">attribute <span lang="BN">এর দুটি মান </span>false <span lang="BN">বা </span>true
</span><span lang="HI" style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">। </span><span lang="BN" style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">যদি
মান </span><span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">true <span lang="BN">দেয়া হয় তবে পেজ খোলার সাথে সাথে
ভিডিও টি শুরু হয়ে যাবে। </span>hidden - <span lang="BN">এই </span>attribute <span lang="BN">এর মাধ্যমে </span>play/stop/pause <span lang="BN">নিয়ন্ত্রন করে</span></span><span lang="HI" style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">। </span><span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">embedded object is
hidden or not. Values are true or false. (Hide your embeded media if you just
want background noise). loop - <span lang="BN">এই </span>attribute <span lang="BN">এর দুটি মান </span>false <span lang="BN">বা </span>true</span><span lang="HI" style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">। </span><span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">true </span><span lang="BN" style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">সেট করা থাকলে
ভিডিও টি রিপিট হবে আর </span><span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">false <span lang="BN">থাকলে হবে না। </span>playcount - Setting a playcount <span lang="BN">সেট
করা অর্থ হচ্ছে </span>media<span lang="BN">টি
</span>x number <span lang="BN">পর্যন্ত
</span>repeat <span lang="BN">হবে অবিরত হওয়ার </span>repeat <span lang="BN">পরিবর্তে (</span>playcount="2"
<span lang="BN">এর অর্থ </span>video <span lang="BN">টি দুই বার চলবে) </span>volume
- <span lang="BN">এই </span>attribute <span lang="BN">দ্বারা </span>media file <span lang="BN">এর </span>volume set <span lang="BN">করা হয়। এর সীমা হল ০-১০০।<a href="http://w3bay.com/" target="_blank">http://w3bay.com</a><span style="font-size: 11pt;"><o:p></o:p></span></span></span></div>
</div>
Md.Azizul Islamhttp://www.blogger.com/profile/15222849926934364194noreply@blogger.com0tag:blogger.com,1999:blog-1280003118668214148.post-22824445366143748582017-02-17T20:49:00.000+06:002017-02-18T19:42:02.678+06:00HTML Layout Tutorial (এইচটিএমএল লেআউট টিউটোরিয়াল)<div dir="ltr" style="text-align: left;" trbidi="on">
<div align="center" class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-align: center; text-autospace: none;">
<u><span lang="BN" style="font-family: "nirmala ui" , "sans-serif"; font-size: 14.0pt; line-height: 115%;"><b>এইচটিএমএল লেআউট (</b></span></u><b><u><span style="font-family: "nirmala ui" , "sans-serif"; font-size: 14.0pt; line-height: 115%;">HTML
Layout)<o:p></o:p></span></u></b></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">এইচটিএমএল লেআউট হল খুব মৌলিক বিষয়। টেবিলের ভিতর টেবিল
স্থাপন করে এইচটিএমএল</span><span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">লেআউট তৈরী করা হয়।</span><span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">**
<span lang="BN">বর্তমানে লেআউট ডিভ</span> (div <span lang="BN">এলিমেন্ট</span>) <span lang="BN">ব্যবহার করে বানানো হয়</span></span><span lang="HI" style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">।</span><span lang="HI" style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"> </span><span lang="BN" style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">টেবিল দিয়ে কখনই
লেআউট বানাবেন না</span><span lang="HI" style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">।</span><span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<a href="https://2.bp.blogspot.com/-kzL6bUGdUIo/WKcNLxeeKXI/AAAAAAAABI8/C7g39saWKkMw2C6e6e9t5_4k58LMKVu7wCLcB/s1600/Screenshot_1.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="HTML Layout " border="0" src="https://2.bp.blogspot.com/-kzL6bUGdUIo/WKcNLxeeKXI/AAAAAAAABI8/C7g39saWKkMw2C6e6e9t5_4k58LMKVu7wCLcB/s1600/Screenshot_1.png" title="web design and seo tutorial center" /></a><span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"><table bgcolor="black" border="1"
heigh="200" width="300"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"><tr><td><a href="http://w3bay.com/" target="_blank">http://w3bay.com</a><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"><table bgcolor="white" heigh="100"
width="100"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"><tr><td>Tables inside tables!
</td></tr><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"></table><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"></td></tr></table><a href="http://w3bay.com/" target="_blank">http://w3bay.com</a><span style="font-size: 11pt;"><o:p></o:p></span></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;"><br /></span></div>
<div align="center" class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-align: center; text-autospace: none;">
<u><span lang="BN" style="font-family: "nirmala ui" , "sans-serif"; font-size: 14.0pt; line-height: 115%;"><b>এইচটিএমএল মিউজিক (</b></span></u><b><u><span style="font-family: "nirmala ui" , "sans-serif"; font-size: 14.0pt; line-height: 115%;">HTML
Embed Music)<o:p></o:p></span></u></b></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">ওয়েব পেজ এ </span><span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">music
<span lang="BN">ঢুকানো অনেক সহজ। </span>Embed <span lang="BN">ট্যাগ এর সাহায্যে </span>music
<span lang="BN">ঢুকানো হয় এবং </span>src attribute <span lang="BN">এর সাহায্যে </span>media
file <span lang="BN">এর লোকেশন ঠিক করা হয়।</span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"><embed src="/Madine Ko Jain.mp3" /><a href="http://w3bay.com/" target="_blank">http://w3bay.com</a><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">"autostart":"false","enablecontextmenu":"false","invokeurls":"false","url":"images/stories/audio/3.mp3","src":"images/stories/audio/3.mp3"<a href="http://w3bay.com/" target="_blank">http://w3bay.com</a><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">Embed Attributes – <span lang="BN">প্রদর্শনের সাথে
সর্ম্পকিত:</span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">Embeded media player <span lang="BN">এর বাহ্যিক রুপ কে
কাস্টমাইজ করতে নিচের </span>attribute <span lang="BN">কে সেট করতে হবে।<a href="http://w3bay.com/" target="_blank">http://w3bay.com</a></span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">১. </span><span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">width - media player
<span lang="BN">এর প্রসস্থতা</span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">২. </span><span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">height - media
player <span lang="BN">এর উচ্চতা<a href="http://w3bay.com/" target="_blank">http://w3bay.com</a></span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">৩. </span><span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">hidden – <span lang="BN">যদি এর মান সত্য হয় তবে </span>media player <span lang="BN">টি প্রদর্শিত
হবে না। আমি সুপারিশ করব এই </span>attribute<span lang="BN">টি ব্যবহার করতে যদি
আপনি জেনে থাকেন ওয়েব পেজ এ চলা </span>music <span lang="BN">টি ভিজিটর বন্ধ করা </span>option
<span lang="BN">না চান।</span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"><embed src="/last breath.mp3"
width="360" height="165" /><a href="http://w3bay.com/" target="_blank">http://w3bay.com</a><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">"url":"images/stories/audio/19.mp3","src":"images/stories/audio/19.mp3"<span style="font-size: 11pt;"><o:p></o:p></span></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;"><br /></span></div>
<div align="center" class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-align: center; text-autospace: none;">
<b><u><span style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;">Embed Attributes – </span></u><u><span lang="BN" style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;">কার্যপ্রণালী :</span></u><u><span style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;"><o:p></o:p></span></u></b></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">Embeded media player <span lang="BN">এর কার্যপ্রণালী কে
কাস্টমাইজ করতে নিচের </span>attribute <span lang="BN">কে সেট করতে হবে।<a href="http://w3bay.com/" target="_blank">http://w3bay.com</a></span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">autostart – <span lang="BN">এই </span>attribute <span lang="BN">এর দুটি মান </span>false <span lang="BN">বা </span>true </span><span lang="HI" style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">। </span><span lang="BN" style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">যদি মান </span><span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">true <span lang="BN">দেয়া হয় তবে ওয়েব পেজ খোলার সাথে সাথে গান শুরু হবে।<a href="http://w3bay.com/" target="_blank">http://w3bay.com</a></span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">loop - <span lang="BN">এই </span>attribute <span lang="BN">এর দুটি মান </span>false <span lang="BN">বা </span>true</span><span lang="HI" style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">। </span><span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">true </span><span lang="BN" style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">সেট করা থাকলে
গানটি রিপিট হবে আর </span><span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">false <span lang="BN">থাকলে হবে না।<a href="http://w3bay.com/" target="_blank">http://w3bay.com</a></span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">volume - <span lang="BN">এই </span>attribute <span lang="BN">দ্বারা
</span>media file <span lang="BN">এর </span>volume <span lang="BN">সেট করা হয়। এর
সীমা হল ০-১০০।</span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"><embed src="/beethoven.mid"
autostart="false" loop="false" volume="60" /><a href="http://w3bay.com/" target="_blank">http://w3bay.com</a><span lang="BN" style="font-size: 11pt;"><o:p></o:p></span></span></div>
<br /></div>
Md.Azizul Islamhttp://www.blogger.com/profile/15222849926934364194noreply@blogger.com0tag:blogger.com,1999:blog-1280003118668214148.post-23479681791793315992017-02-16T16:14:00.000+06:002017-02-18T19:42:23.839+06:00HTML Frame Tutorial (এইচটিএমএল ফ্রেম টিউটোরিয়াল)<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div align="center" class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-align: center; text-autospace: none;">
<b><u><span lang="BN" style="font-family: "nirmala ui" , "sans-serif"; font-size: 14.0pt; line-height: 115%;">এইচটিএমএল ফ্রেম</span></u></b><u><span lang="BN" style="font-family: "nirmala ui" , "sans-serif"; font-size: 14.0pt; line-height: 115%;"> (</span></u><b><u><span style="font-family: "nirmala ui" , "sans-serif"; font-size: 14.0pt; line-height: 115%;">HTML
Frame)<o:p></o:p></span></u></b></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;">ফ্রেম এর মাধ্যমে একই সময় একই ব্রাউজার উইন্ডো তে অনেক
গুলো এইচটিএমএল ডকুমেন্ট প্রদর্শন করা যায়।<u><o:p></o:p></u></span></div>
<div align="center" class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-align: center; text-autospace: none;">
<b><u><span lang="BN" style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;">এইচটিএমএল-</span></u></b><b><u><span style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;">a
generic frame page:<o:p></o:p></span></u></b></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<a href="https://4.bp.blogspot.com/-qTWQGZxJvEA/WKV7RP018WI/AAAAAAAABIE/9seZCSgCXcIrG8KFZPGwa4NGXbe1-PoGQCLcB/s1600/Screenshot_1.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="HTML Frame" border="0" src="https://4.bp.blogspot.com/-qTWQGZxJvEA/WKV7RP018WI/AAAAAAAABIE/9seZCSgCXcIrG8KFZPGwa4NGXbe1-PoGQCLcB/s1600/Screenshot_1.png" title="web and seo tutorail center" /></a><span lang="BN" style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;">ফ্রেমের বেশি ব্যবহার হল একটি ফ্রেম এ মেনু আর একটি ফ্রেম এ
তার কনটেন্ট ।যখন কেউ মেনু লিংকে ক্লিক করে তখন সেই ওয়েব পেজটি কনটেন্ট পেজে খোলে।http://w3bay.com</span><span style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;"><html><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;"><head><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;"></head><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;"><frameset cols="30%, *"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;"><frame src="/menu.html"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;"><frame src="/content.html"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;"></frameset></html><a href="http://w3bay.com/" target="_blank">http://w3bay.com</a> <o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;">frameset – <span lang="BN">এটা একটা </span>parent tag <span lang="BN">যা ফ্রেম </span>page <span lang="BN">এর </span>characteristics <span lang="BN">নির্দেশ করে।পৃথক পৃথক ফ্রেম </span>frameset <span lang="BN">এর মধ্যে নির্দেশিত
থাকে।</span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;">frameset cols="#%, *"- Cols(column)<a href="http://w3bay.com/" target="_blank">http://w3bay.com</a> <span lang="BN">যা ফ্রেম এর </span>width <span lang="BN">নির্দেশ করে। উপরের উদাহরনে আমরা
মেনু (1</span>st column) <span lang="BN">নির্বাচন করেছি যা </span>total page <span lang="BN">এর ৩০% এবং "*"</span>, <span lang="BN">এর অর্থ </span>total
page <a href="http://w3bay.com/" target="_blank">http://w3bay.com</a><span lang="BN">এর ৭০% </span>content (2nd column) <span lang="BN">নির্দেশিত
হয়।<a href="http://w3bay.com/" target="_blank">http://w3bay.com</a></span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;">frame src="/" <span lang="BN">ওয়েব পেজ এর লোকেশন
ফ্রেমে লোড হয়।</span><o:p></o:p></span></div>
<div align="center" class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-align: center; text-autospace: none;">
<u><span lang="BN" style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;">ব্যনার বা টাইটেল যোগ করা:<a href="http://w3bay.com/" target="_blank">http://w3bay.com</a></span></u><b><u><span style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;"><o:p></o:p></span></u></b></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;"><html><head></head><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;"><frameset rows="20%, *"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;"><frame src="/title.html"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;"><frameset cols="30%, *"><a href="http://w3bay.com/" target="_blank">http://w3bay.com</a><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;"><frame src="/menu.html"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;"><frame src="/content.html"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;"></frameset><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;"></html> <o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;">frameset rows="#%, *"-<span lang="BN">এর অর্থ </span>frameset
cols="#%, *"- <span lang="BN">মতই।</span><o:p></o:p></span></div>
<div align="center" class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-align: center; text-autospace: none;">
<b><u><span style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;">FrameBorder and FrameSpacing:<o:p></o:p></span></u></b></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;">FrameBorder <span lang="BN">এবং </span>FrameSpacing
attribute <span lang="BN">এর সাহায্যে ফ্রেম এর </span>Spacing <span lang="BN">এবং
দুটি ফ্রেমের মধ্যে </span>ugly gray lines <span lang="BN">রিমুভ করা যায়।<a href="http://w3bay.com/" target="_blank">http://w3bay.com</a></span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;"><html><head></head><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;"><frameset border="0"
frameborder="0" framespacing="0" rows="20%, *"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;"><frame src="/title.html"><a href="http://w3bay.com/" target="_blank">http://w3bay.com</a><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;"><frameset border="0"
frameborder="0" framespacing="0" cols="30%, *"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;"><frame src="/menu.html"><a href="http://w3bay.com/" target="_blank">http://w3bay.com</a><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;"><frame src="/content.html"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;"></frameset></html><o:p></o:p></span></div>
<div align="center" class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-align: center; text-autospace: none;">
<b><u><span style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;">Noresize and Scrolling:<a href="http://w3bay.com/" target="_blank">http://w3bay.com</a><o:p></o:p></span></u></b></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;">Noresize attribute <span lang="BN">এর সংশ্লিষ্ট ফ্রেমকে
আমরা রিসাইজ করতে পারি না।</span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;">scrolling="(yes/no)"- <a href="http://w3bay.com/" target="_blank">http://w3bay.com</a><span lang="BN">ফ্রেম এর
ভিতরে </span>scroll <span lang="BN">হবে বা হবে না।</span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;"><html><head></head><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;"><frameset border="2"
frameborder="1" framespacing="2" rows="20%, *"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;"><frame src="/title.html" noresize
scrolling="no"><a href="http://w3bay.com/" target="_blank">http://w3bay.com</a><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;"><frameset border="4"
frameborder="1" framespacing="4" cols="30%, *"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;"><frame src="/menu.html"
scrolling="auto" noresize><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;"><frame src="/content.html"
scrolling="yes" noresize><a href="http://w3bay.com/" target="_blank">http://w3bay.com</a><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;"></frameset><o:p></o:p></span></div>
<br />
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;"></html>
=><span lang="BN">অনুগ্রহ করে কোডগুলি নিজে লিখে প্রাকটিস করে দেখুন।</span><o:p></o:p></span></div>
</div>
Md.Azizul Islamhttp://www.blogger.com/profile/15222849926934364194noreply@blogger.com0tag:blogger.com,1999:blog-1280003118668214148.post-28893882812583343212017-02-15T19:25:00.005+06:002017-02-18T19:43:00.857+06:00HTML Background Tutorial (এইচটিএমএল ব্যাকগ্রাউন্ড টিউটোরিয়াল)<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://4.bp.blogspot.com/-C4hsj7jL6jE/WKRWH9K9nzI/AAAAAAAABHM/5W_FFIbdMcYpf5L2ojV5gR_Ryt2Y83XMgCLcB/s1600/Screenshot_1.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="HTML Background" border="0" src="https://4.bp.blogspot.com/-C4hsj7jL6jE/WKRWH9K9nzI/AAAAAAAABHM/5W_FFIbdMcYpf5L2ojV5gR_Ryt2Y83XMgCLcB/s1600/Screenshot_1.png" title="web and seo tutorial center" /></a></div>
<div align="center" class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-align: center; text-autospace: none;">
<b><u><span lang="BN" style="font-family: "nirmala ui" , "sans-serif"; font-size: 14.0pt; line-height: 115%;">এইচটিএমএল ব্যাকগ্রাউন্ড (</span></u><u><span style="font-family: "nirmala ui" , "sans-serif"; font-size: 14.0pt; line-height: 115%;">HTML
Background)<o:p></o:p></span></u></b></div>
<div align="center" class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-align: center; text-autospace: none;">
<b><u><span style="font-family: "nirmala ui" , "sans-serif"; font-size: 14.0pt; line-height: 115%;"><br /></span></u></b></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;">ব্যাকগ্রাউন্ড এট্রিবিউট এর <a href="http://w3bay.com/" target="_blank">সাহায্যে</a> এইচটিএমএল টেবিলে
ইমেজকে ব্যাকগ্রাউন্ড ইমেজ হিসাবে দেখানো যায়।</span><span style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;"><table height="50" width="100" background="http://www.ypdesign.tk/images/stories/imagel.jpg"
><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;"><tr><td>This table has a background image</td></tr><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;"></table><o:p></o:p></span></div>
<div align="center" class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-align: center; text-autospace: none;">
<u><span lang="BN" style="font-family: "nirmala ui" , sans-serif; font-size: 11pt; line-height: 115%;"><b>এইচটিএমএল ব্যাকগ্রাউন্ড রিপিট:</b></span></u><u><span style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;"><o:p></o:p></span></u></div>
<div align="center" class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-align: center; text-autospace: none;">
<b><u><span lang="BN" style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;"><br /></span></u></b></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;">উপরের উদাহরনে দেখা গিয়েছে যে <a href="http://w3bay.com/" target="_blank">টেবিল</a> এর আকার ছবির আকারের
সমান বলে কোন সমস্যা হয় নি । যদি টেবিল এর <a href="http://w3bay.com/" target="_blank">আকার</a> ছবির আকারের চেয়ে বড় হয় তবে
ব্যাকগ্রাউন্ড ছবি রিপিট হবে।</span><span style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;"><table height="200" width="300" background="http://www.ypdesign.tk/images/stories/imagel.jpg"
><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;"><tr><td>This table has a <a href="http://w3bay.com/" target="_blank">background</a> image</td></tr><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;"></table><o:p></o:p></span></div>
<div align="center" class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-align: center; text-autospace: none;">
<b><u><span lang="BN" style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;">এইচটিএমএল প্যাটার্নড
ব্যাকগ্রাউন্ড</span></u></b><u><span style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;"><o:p></o:p></span></u></div>
<div align="center" class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-align: center; text-autospace: none;">
<b><u><span lang="BN" style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;"><br /></span></u></b></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;">বিভিন্ন ফটো এডিটিং সফ্টওয়ার দিয়ে বিভিন্ন প্যাটার্নের
<a href="http://w3bay.com/" target="_blank">ব্যাকগ্রাউন্ড</a> ছবি এরং ট্রান্সপারেন্ট <a href="http://w3bay.com/" target="_blank">ব্যাকগ্রাউন্ড</a> ছবি তৈরী করা যায়। ট্রান্সপারেন্ট
ইমেজের ফাইলটিকে </span><span style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;">gif <span lang="BN">ফরমেটে
রাখতে হবে </span>jpeg <span lang="BN">ফরমেটে নয়।</span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;"><table height="100" width="150" <a href="http://w3bay.com/" target="_blank">background</a>="http://www.ypdesigner.tk/pics/htmlT/pattern.jpg"
><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;"><tr><td>This table has a background patterned
image</td></tr><o:p></o:p></span></div>
<br />
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;"></table><span lang="BN"><o:p></o:p></span></span></div>
</div>
Md.Azizul Islamhttp://www.blogger.com/profile/15222849926934364194noreply@blogger.com0tag:blogger.com,1999:blog-1280003118668214148.post-74070527408586176442017-02-14T16:11:00.000+06:002017-02-18T19:43:29.056+06:00HTML Background Colors Tutorial (এইচটিএমএল ব্যাকগ্রাউন্ড রং টিউটোরিয়াল)<div dir="ltr" style="text-align: left;" trbidi="on">
<div align="center" class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-align: center; text-autospace: none;">
<u><span lang="BN" style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"><span style="font-size: large;">এইচটিএমএল ব্যাকগ্রাউন্ড রং (</span></span></u><b><u><span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"><span style="font-size: large;">HTML
Background Colors)</span><span style="font-size: 14pt;"><o:p></o:p></span></span></u></b></div>
<div align="center" class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-align: center; text-autospace: none;">
<b><u><span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"><br /></span></u></b></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">bgcolor <span lang="BN">এট্রিবিউট টি বিশেষভাবে ওয়েব পেজ এবং
টেবিলের ব্যাকগ্রাউন্ড নিয়ন্ত্রন করে। </span>Bgcolor <span lang="BN">এট্রিবিউট
টিকে অনেক এইচটিএমএল ট্যাগ এর মধ্যে ব্যাবহার করা যায় তবে সবচেয়ে ভাল হয়</span>
<body> <span lang="BN">এবং</span> <table> <span lang="BN">ট্যাগ এর
মধ্যে ব্যাবহার করলে। অতিরিক্ত হিসাবে ব্যাকগ্রাউন্ড স্টাইল করতে চাইলে সিএসএস
ব্যাকগ্রাউন্ড<a href="http://w3bay.com/" target="_blank">(</a></span><a href="http://w3bay.com/" target="_blank">CSS </a><span lang="BN"><a href="http://w3bay.com/" target="_blank">টিউটোরিয়ালে আরোচনা করা হয়েছে)</a> দেখতে
পারেন।</span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">গঠন:</span><span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"><tagname bgcolor ="value"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"><body bgcolor="Silver"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"><p>We set the background of this paragraph to be
silver. The body tag is<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">where you change the pages background. Now continue the
lesson to<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">learn more about adding background colors in your HTML!<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"></p><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"></body><span style="font-size: 11pt;"><o:p></o:p></span></span></div>
<div align="center" class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-align: center; text-autospace: none;">
<u><span lang="BN" style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"><b><span style="font-size: large;">টেবিলের ব্যাকগ্রাউন্ড এ কালার
<a href="http://w3bay.com/" target="_blank">যোগ করা :</a></span></b></span></u><b><u><span style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;"><o:p></o:p></span></u></b></div>
<div align="center" class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-align: center; text-autospace: none;">
<u><span lang="BN" style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"><b><span style="font-size: large;"><br /></span></b></span></u></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"><table <a href="http://w3bay.com/" target="_blank">bgcolor</a>="lime"
border="1"><tr><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"><td>A lime colored table background using color
names.</td><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"></tr></table><span style="font-size: 11pt;"><o:p></o:p></span></span></div>
<div align="center" class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-align: center; text-autospace: none;">
<br /></div>
<div align="center" class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-align: center; text-autospace: none;">
<u><span lang="BN" style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"><span style="font-size: large;"><b>টেবিলের সারি এবং <a href="http://w3bay.com/" target="_blank">কলামে কালার</a>
যোগ করা:</b></span></span></u><b><u><span style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;"><o:p></o:p></span></u></b></div>
<div align="center" class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-align: center; text-autospace: none;">
<u><span lang="BN" style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"><b><br /></b></span></u></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"><table><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"><tr bgcolor="#FFFF00"><td>This Row
is Yellow!</td><a href="http://w3bay.com/" target="_blank"></tr></a><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"><tr bgcolor="#AAAAAA"><td>This Row
is Gray!</td></tr><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"><tr bgcolor="#FFFF00"><td>This Row
is Yellow!</td></tr><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"><tr bgcolor="#AAAAAA"><td>This Row
is Gray!</td></tr><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"><tr bgcolor="#FFFF00"><td>This Row
is Yellow!</td></tr><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"><tr bgcolor="<a href="http://w3bay.com/" target="_blank">#AAAAAA</a>"><td>This Row
is Gray!</td></tr><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"></table><span style="font-size: 11pt;"><o:p></o:p></span></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<br /></div>
<div align="center" class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-align: center; text-autospace: none;">
<b><span style="font-size: large;"><u><span lang="BN" style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">একত্রে ব্যাকগ্রাউন্ড </span></u><u><span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"><a href="http://w3bay.com/" target="_blank">color</a>
</span></u><u><span lang="BN" style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">এবং </span></u></span><u><span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"><span style="font-size: large;">font color:</span><span style="font-size: 11pt;"><o:p></o:p></span></span></u></b></div>
<div align="center" class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-align: center; text-autospace: none;">
<b><u><span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"><span style="font-size: large;"><br /></span></span></u></b></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"><table bgcolor="#000000"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"><tr><td bgcolor="#009900"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"><font color="#FFFF00" align="right">Green
Bay</font></td><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"><td><font color="#FFFFFF">13</font></td></tr><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"><tr><td bgcolor="#0000FF"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"><font color="#DDDDDD" align="right">New
England</font></td><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"><td><font color="<a href="http://w3bay.com/" target="_blank">#FFFFFF</a>">27</font></td></tr><o:p></o:p></span></div>
<br />
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"></table><span style="font-size: 11pt;"><o:p></o:p></span></span></div>
</div>
Md.Azizul Islamhttp://www.blogger.com/profile/15222849926934364194noreply@blogger.com0tag:blogger.com,1999:blog-1280003118668214148.post-83210510523887498292017-02-13T21:47:00.001+06:002017-02-18T19:43:44.957+06:00 HTML Tables Tutorial (এইচটিএমএল টেবিল টিউটোরিয়াল)<div dir="ltr" style="text-align: left;" trbidi="on">
<div align="center" class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-align: center; text-autospace: none;">
<u><span lang="BN" style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"><b><span style="font-size: large;"><a href="http://w3bay.com/" target="_blank">এইচটিএমএল টেবিল (</a></span></b></span></u><b><u><span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"><span style="font-size: large;">HTMLTables)</span><span style="font-size: 14pt;"><o:p></o:p></span></span></u></b></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">টেবিল হল </span><span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">Horizontal <span lang="BN">সারি এবং </span>vertical <span lang="BN">কলামের বিন্যাস। এটা </span>tabular
data <span lang="BN">প্রদর্শনের ক্ষেত্রে অনেক গুরুত্বপুর্ন। ডকুমেন্টের এলিমেন্ট
নিয়ন্ত্রনের জন্য ওয়েব ডিজাইনারদের কাছে এটা আরো বেশি গুরুত্বপুর্ন । সারি এবং
কলামের ইন্টারসেকশনকে </span>cell <span lang="BN">বলে। সকল এইচটিএমএল টেবিল</span>
<table> <span lang="BN">ট্যাগ দিয়ে শুরু হয় এবং</span> </table> <span lang="BN">ট্যাগ দিয়ে শেষ হয়।</span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">১.</span><span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"><tr> <span lang="BN">ট্যাগ </span>Horizontal <span lang="BN">সারি নিদের্শ করে।</span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">২</span><span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"> <td> <span lang="BN">ট্যাগ ঐ </span>Horizontal
<span lang="BN">সারির </span>data cell<a href="http://w3bay.com/" target="_blank"> </a><span lang="BN"><a href="http://w3bay.com/" target="_blank">নিদের্শ</a> করে।</span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">৩</span><span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"> <th> <span lang="BN">ট্যাগ </span>data cell <span lang="BN">এর টেবিল </span>heading <span lang="BN">হিসাবে কাজ করে।</span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">৪</span><span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"> <tfoot> <span lang="BN">ট্যাগ টেবিলের </span>footer <span lang="BN">যোগ করার জন্য ব্যবহার হয়</span></span><span lang="HI" style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">।</span><span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<br /></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"><table border="1"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"><tr><td>Row 1 Cell 1</td><td>Row
1 Cell 2</td></tr><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"><tr><td>Row 2 Cell 1</td><td>Row
2 Cell 2</td></tr><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"></table><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">প্রদর্শন:</span><span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">Row 1 Cell 1<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">Row 1 Cell 2<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">Row 2 Cell 1<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">Row 2 Cell 2<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<br /></div>
<div align="center" class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-align: center; text-autospace: none;">
<u><span lang="BN" style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"><b><span style="font-size: large;"><a href="http://w3bay.com/" target="_blank">অনেকগুলো সারি এবং কলামেরবিস্তার:</a></span></b></span></u><b><u><span style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;"><o:p></o:p></span></u></b></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">Rowspan <span lang="BN">ব্যাবহার করে অনেকগুলো সারির বিস্তার
এবং </span>colspan <span lang="BN">ব্যাবহার
করে অনেকগুলো কলামের বিস্তার করা হয়। আপনি যদি কলামের </span>header <span lang="BN">দিতে চান তাহলে</span> <th> <span lang="BN">ট্যাগ ব্যাবহার করতে হবে।</span>
<th> <span lang="BN">ট্যাগ ব্যাবহার করলে </span>default <span lang="BN">হিসাবে </span>header <span lang="BN">টি বোল্ড আকারে
দেখাবে।</span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"><table border="1"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"><tr><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"><th>Column 1</th><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"><a href="http://w3bay.com/" target="_blank"><th>Column 2</a></th><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"><th>Column 3</th><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"></tr><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"><tr><td rowspan="2">Row 1 Cell
1</td><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"><td>Row 1 Cell 2</td><td>Row 1 Cell
3</td></tr><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"><tr><td>Row 2 Cell 2</td><td>Row
2 Cell 3</td></tr><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"><tr><td colspan="3">Row 3 Cell
1</td></tr><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"></table><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">প্রদর্শন:</span><span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">Row 1 Cell 1 Row
1 Cell 2<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">Row 2 Cell 1 <a href="http://w3bay.com/" target="_blank">Row 2Cell 2</a><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<br /></div>
<div align="center" class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-align: center; text-autospace: none;">
<b><span style="font-size: large;"><a href="http://w3bay.com/" target="_blank"><u><span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">Cell padding </span></u><u><span lang="BN" style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">এবং </span></u></a></span><u><span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"><span style="font-size: large;"><a href="http://w3bay.com/" target="_blank">spacing</a></span><span style="font-size: 11pt;"><o:p></o:p></span></span></u></b></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span lang="BN" style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">এখানে </span><span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">cellpadding <span lang="BN">বলতে বোঝায় টেবিলের বর্ডার এবং টেবিলের মধ্যে ধারনকৃত অংশ (লেখা</span>, <span lang="BN">সংখ্যা) এর মধ্যে স্পেস (</span>space) <span lang="BN">বা ফাকা অংশ এবং </span>cellspacing
<span lang="BN">বলতে বোঝায় টেবিলের দুটি </span>cell <span lang="BN">এর মধ্যে
স্পেস(</span>space) <span lang="BN">বা ফাকা অংশ ।</span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"><table border="1" cellspacing="10"<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;">bgcolor="rgb(0,255,0)"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"><tr><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"><th>Column 1</th><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"><th>Column 2</th><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"></tr><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"><tr><td>Row 1 Cell 1</td><td>Row
1 Cell 2</td><a href="http://w3bay.com/" target="_blank"></tr></a><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"><tr><td>Row 2 Cell 1</td><td>Row
2 Cell 2</td></tr><o:p></o:p></span></div>
<br />
<div class="MsoNormal" style="margin-top: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: "nirmala ui" , sans-serif; line-height: 115%;"></table></span><span lang="EN" style="font-family: "nirmala ui" , "sans-serif"; font-size: 11.0pt; line-height: 115%;"><o:p></o:p></span></div>
</div>
Md.Azizul Islamhttp://www.blogger.com/profile/15222849926934364194noreply@blogger.com0