HTML দিয়ে টেবিল তৈরি করার জন্য আমাদের কিছু ট্যাগ ব্যাবহার করতে হবে ।নিচে বিস্তারিত দেওয়া হল।
Table তৈরি করবো কিভাবেঃ
আমাদের টেবল তৈরি করার জন্য যে ট্যাগ টি ব্যাবহার করতে হবে
১)<table> ট্যাগ টি দিয়ে টেবল তৈরি করবো।
২) আমরা ক্যাপশন লিখবো <caption> টাগটি দিয়ে।
৩)আমরা রো তৈরি করবো <tr> ট্যাগ টি দিয়ে
৪)আমরা কলাম তৈরি করবো <td> টাগটি দিয়ে।
৫)রো এর হেডার লিখুন <th> কোড দিয়ে।
## যদি শুধু <table> টাগটি ব্যাবহার করি তবে তা বর্ডার ছাড়া হবে। বর্ডার সহ চাইলে আমাদের ব্যাবহার করতে হবে <table border=”1”>
এইবার আমরা টেবিল বানানর জন্য কোড গুলু সাজাতে থাকি।
*** ধরে নিলাম আপনারা সবাই HTML সম্পরকে জানেন।
তারপরও একবার বলে নিলাম সংক্ষেপে।
>>>> ( HTML কোড লিখার জন্য আপনাকে উইন্ডোজ এর নোটপ্যাডে লিখতে হবে। প্রথমে <html > দিয়ে শুরু করতে হবে। তারপর <head>,<title>,<body> এবং কোড লিখা শেষে টা বন্ধ করে দিতে হবে। শেশের কোড টা আগে বন্ধ করে দিতে হবে। ঠিক এইভাবে
</body>,</title></head>,</html>.) ***
কোডঃ( নোটপ্যাডে লিখুন)
<html>
<body>
<table border="1">
<caption>
Survey Of Phone Users
</caption>
<tr>
<th>
Country
</th>
<th>
Nokia
</th>
<th>
Sony Ericson
</th>
<th>
Motorola
</th>
<th>
Samsung
</th>
</tr>
<tr>
<td>Bangladesh</td>
<td>75%</td>
<td>10%</td>
<td>10%</td>
<td>5%</td>
</tr>
<tr>
<td>America</td>
<td>25%</td>
<td>20%</td>
<td>45%</td>
<td>15%</td>
</tr>
<tr>
<td>Canada</td>
<td>10%</td>
<td>60%</td>
<td>15%</td>
<td>15%</td>
</tr>
</table>
</body
</html>
### সেভ করুন mahmud.html নামে।
ফলাফলঃ
**আপনারা চাইলে align ট্যাগ ব্যাবহার করে table এর স্থান পরিবরতন করতে পারেন।
উদাহরনঃ <table border =’’1’’,table align=center>.এইভাবে ‘align=right’ ব্যাবহার করে ডান পাশে স্থান পরিবরতন করতে পারেন।
**তাছারা ক্যাপসনকে <b>,<big>,<em>,<i>,<small>,<strong> এইসব ট্যাগ ব্যাবহার করে কাস্টমাইজ করতে পারেন।
উদাহরনঃ *<caption><b> Survey Of Phone Users</b></caption>(বোল্ড করার জন্য)
*<caption><b><i> Survey Of Phone Users</i></b></caption>( বলদ এবং ইতালিক করার জন্য)
এইভাবে বাকি কোড বসিয়ে আরও অনেকভাবে কাস্টমাইজ করতে পারেন ।
আশা করি করতে পারবেন নিজে নিজে । সমস্যা হলে জানান । চেষ্টা করবো সমাধান দিতে ।
0 মন্তব্য(সমূহ):
Post a Comment