গত পর্বে আমরা দেখেছিলাম , কিভাবে টেবিল ক্রিয়েট করতে হয় , আজকে আমরা টেবিলের কাস্টোমাইজেশন টা দেখবো । কিভাবে বর্ডার এবং আরো আকর্ষণীয় করা যায় ।
আগের মতো নোটপ্যাড ওপেন করুন । আজকে চলুন এইচটিএমএল ইউজ করে একটা ফোন ডাইরেক্টরী বানিয়ে ফেলি ;)
<!DOCTYPE HTML>
<html>
<table border="5">
<th>PHONE DIRECTORY </th>
<tr>
<td>Name</td>
<td>Phhone Number</td>
<td>E-mail</td>
</tr>
<tr>
<td>Rifat</td>
<td>*************</td>
<td>********@gmail.com</td>
</tr>
<tr>
<td>Ahmed</td>
<td>*******</td>
<td>########@gmail.com</td>
</tr>
</table>
</html>
*** টেবিলে বর্ডার দিতে হলে border=" value " ইউজ করতে হবে । হতে পারে ৫ :)
এভার দেখুন : ইমেজ দেখার জন্য লিঙ্ক ে ক্লিক করুন http://prntscr.com/193u0e
** দেখুন PHONE DIRECTORY লেখা টা বাম সাইটে , চলুন এটা কে মাজ খানে নিয়ে আসি । এই জন্য আমাদের কে Table হেডার এর ভিতরে
"colspan " নামে Attribute টা ইউজ করতে হবে ,
উদারনঃ <table border="5" colspan="3">
ইমেজ দেখুনঃ http://prntscr.com/193v5s
**
একটা জিনিস খেয়াল করুন, টেবিলের ভিতরের লেখা গুলো অনেক টা ঠাসা ঠাসি ভাবে আছে , তাহলে চলুন দেখে নেই , কিভাবে টেবিলের লেখা গুলো + বক্স কে ফাকা করা যায় ?
এই জন্য আমাদের কে Cellpadding এবং cellspacing নামের ২টা Attribute কে ইউজ করতে হবে ,
উদারনঃ <table border="5" colspan="3" cellpadding="5" cellspacing="10">
এখন দেখুন , প্রত্যেক টি কলাম + রু এর মাঝে কিছু টা গেফ হয়ে গেছে ।
আজ তাহলে এখানেই শেষ করলাম । বাকি অংশ টা আগামী পর্বে আলোচনা করা হবে :)
আল্লাহ হাফেয
0 comments :
Post a Comment
দয়া করে এমন কোন মন্তব্য করবেন না , যেনো তা পাব্লিশের অযোগ্য হয় । বিষয় বস্তুর উপর মিল রেখে মন্তব্য করুন।