এইচটিএমএল লেআউট টিউটোরিয়াল (HTML Layout Tutorial in Bangla)
|
লেখক রাসেল খান
|
||
এইচটিএমএল
লেআউট হল খুব মৌলিক বিষয়। টেবিলের ভিতর টেবিল স্থাপন করে এইচটিএমএল
লেআউট তৈরী করা
হয়।
1.<table bgcolor="black" border="1" heigh="200" width="300"> 2.<tr><td> 3.<table bgcolor="white" heigh="100" width="100"> 4.<tr><td>Tables inside tables!</td></tr> 5.</table> 6.</td></tr></table>
প্রদর্শন: টেবিলের
ভিতর টেবিল
এইচটিএমএল স্টান্ডার্ড লেআউট
Standard layout সাধারনত উপরে অবস্থিত ব্যানার, নেভিগেশন
এবং content বা প্রদর্শন বক্স। এগুলো হলো
ভাল ওয়েব
সাইট এর বৈশিষ্ট্য।
01.<table cellspacing="1" cellpadding="4" border="5" 02.bgcolor="red" height="250" width="400"> 03.<tr
height="50"><td colspan="2" bgcolor="white"> 04.<table title="Banner" id="banner" border="0"> 05.<tr><td>Place a banner here</td></tr> 06.</table> 07.</td></tr> 08.<tr
height="200"><td bgcolor="white"> 09.<table title="Navigation" border="0"> 10.<tr><td>Links!</td></tr> 11.<tr><td>Links!</td></tr> 12.<tr><td>Links!</td></tr> 13.</table> 14.</td><td bgcolor="white"> 15.<table title="Content" id="content" border="0"> 16.<tr><td>RASEL KHAN<BR>Computer Science &
Engimeering<br>kabi Nazrul University </td></tr> 17.</table> 18.</td></tr></table>
প্রদর্শন:
01.<table title="Shell" height="250" width="400" 02.border="0" bgcolor="black" cellspacing="1" cellpadding="0"> 03.<tr
height="50"><td bgcolor="white"> 04.<table title="banner" id="banner"> 05.<tr><td>Banner goes here</td></tr> 06.</table> 07.</td></tr> 08.<tr
height="25"><td bgcolor="white"> 09.<table title="Navigation" id="navigation"> 10.<tr><td>Links!</td> 11.<td>Links!</td> 12.<td>Links!</td></tr> 13.</table> 14.</td></tr> 15.<tr><td bgcolor="white"> 16.<table title="Content" id="content"> 17.<tr><td>Content goes here</td></tr> 18.</table> 19.</td></tr></table>
প্রদর্শন:
লেআউট উদাহরণ
|
কোন মন্তব্য নেই:
একটি মন্তব্য পোস্ট করুন