আজকে আমরা শিখবো কিভাবে এইচটিএমএল ট্যাগ ইউজ করে টেবিল বানাতে হয় ?
আগের মতো নোটপ্যাড ওপেন করুন , আশা করি নিচের ফরমেট টা আপনার কাছে আছে :)
যেহেতু এইচটিএমএল ইউজার ফ্রেন্ডলি ,তাই সহজেই বুজে নিতে পারেন , টেবিল টাগ এর জন্য আমরা কি ইউজ করবো ,
টেবিলের জন্য <table> ট্যাগ কে ইউজ করা হবে ,
<!DOCTYPE html>
<html>
<table>
<tr>
<td>dhaka</td>
</tr>
<tr>
<td>Raj</td>
</tr>
<tr>
<td> khulna</td>
</tr>
<tr>
<td>dhaka</td>
</tr>
<tr>
<td>Borishal</td>
</tr>
<tr>
<td>Ctg</td>
</tr>
<tr>
<td>jessore</td>
</tr>
</table>
</html>
এভার সেভ করে , রান করে দেখুন , একটা লম্বা কলাম হইছে , আরো একটা কলাম ক্রিয়েট করি , একই ভাবে করতে হবে ...
<tr>
<td>dhaka 1</td>
</tr>
<tr>
<td>Raj1</td>
</tr>
<tr>
<td> khulna</td>
</tr>
<tr>
<td>dhaka</td>
</tr>
<tr>
<td>Borishal 1 </td>
</tr>
<tr>
<td>Ctg 1</td>
</tr>
<tr>
<td>jessore 1 </td>
</tr>
</table>
সেভ করে দেখুন , রান করে প্রিভিউ দেখুন ।
কিছুই বুজেন নাই :P তাইলে চলুন ব্রডার দিয়ে দেখি ;)
ব্রডার দেওয়ার জন্য , border আট্টিবিউট টা ইউজ করতে হবে ,
<!DOCTYPE html>
<html>
<table border="3">
এখন রান করিয়ে দেখুন ,
এবার দেখবো কিভাবে টেবিলের হেডলাইন অ্যাড করতে হয় ?
টেবিলের হেডার অ্যাড করার জন্য " th " ট্যাগ টা ইউজ করবো ।
<!DOCTYPE html>
<html>
<table border="3">
<th> Name of Division </th>
এখন দেখুন , টেবিলের মধ্যে একটা হেডার অ্যাড হয়ে গেছে ,
তাহলে আজ আর নয় , ভালো থাকুন , টেবিল নিয়ে আরো একটা লেখা শেয়ার করা হবে :)
0 comments :
Post a Comment
দয়া করে এমন কোন মন্তব্য করবেন না , যেনো তা পাব্লিশের অযোগ্য হয় । বিষয় বস্তুর উপর মিল রেখে মন্তব্য করুন।