HTML কোড ব্যাবহার করে কিভাবে আমরা টেবল তৈরি করবোঃ

আমি অনেক দিন ধরেই টেকটিউনস ফলো করি। আমার দেখা একটি জটিল বাংলা ব্লগ যা শুধু প্রযুক্তি নিয়ে তৈরি। আমার মতো অনেক নন টেকি মানুষ টেকটিউনস এর স্পর্শে এসে টেকি হওয়ার চেষ্টা করতেসে। ধন্যবাদ আমার বন্ধু ইফতিকে কারন তার জন্যই আমার এইখানে আসা এবং তার জন্যই কমপিউটারকে এত আপন করে নেওয়া।

যাই হোক আর প্যাঁচাল না মেরে সোজা কাজের কথায় আসি। আমরা সবাই কম বেশি HTML নিয়ে ধারনা রাখি। আমি জানি টেকটিউনস এ অনেক ভালো HTML পারে এমন টিউনারের সংখ্যা কম নই। আমি তাদের কাছে আগেই ক্ষমা চেয়ে নিচ্ছি যদি আমার এই টিউনটিতে  ভুল হইয়ে থাকে।

Table  তৈরি করবো কিভাবেঃ

আমাদের টেবল তৈরি করার জন্য যে ট্যাগ টি ব্যাবহার করতে হবে

  • ১)<table> ট্যাগ টি দিয়ে টেবল তৈরি করবো।
  • ২) আমরা ক্যাপশন লিখবো <caption> টাগটি দিয়ে।
  • ৩)আমরা রো তৈরি করবো <tr> ট্যাগ টি দিয়ে
  • ৪)আমরা কলাম তৈরি করবো <td> টাগটি দিয়ে।
  • ৫)রো এর হেডার লিখুন <th> কোড দিয়ে।

## যদি শুধু <table> টাগটি ব্যাবহার করি তবে তা বর্ডার ছাড়া হবে। বর্ডার সহ চাইলে আমাদের ব্যাবহার করতে হবে <table border=”1”>

এইবার আমরা টেবিল বানানর জন্য কোড গুলু সাজাতে থাকি।

*** ধরে নিলাম আপনারা সবাই HTML সম্পরকে জানেন।

তারপরও একবার বলে নিলাম সংক্ষেপে।

>>>> ( HTML কোড লিখার জন্য আপনাকে উইন্ডোজ এর নোটপ্যাডে লিখতে হবে।  প্রথমে <html > দিয়ে শুরু করতে হবে। তারপর <head>,<title>,<body> এবং কোড লিখা শেষে টা বন্ধ করে দিতে হবে। শেশের কোড টা আগে বন্ধ করে দিতে হবে। ঠিক এইভাবে

</body>,</title></head>,</html>.আপনারা টেকটিউনস এ প্রকাশিত  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>( বোল্ড এবং ইতালিক করার জন্য)

এইভাবে বাকি কোড বসিয়ে আরও অনেকভাবে কাস্টমাইজ করতে পারেন ।

আশা করি করতে পারবেন নিজে নিজে । সমস্যা হলে জানান । চেষ্টা করবো সমাধান দিতে ।

আর প্রথম টিউন হিসেবে ভুল হইয়ে থাকলে ক্ষমা সুন্দর দৃষ্টিতে দেখবেন। ভুলটি কোথায় হয়েছে দেখিয়ে দিবেন। নইলে কখনই শিখতে পারবো না। ধন্যবাদ।

আমি আমার পিকচার অ্যাড করতে পারতেসি না । কেও কি সাহায্য করবেন...।।

Level 0

আমি মাহমুদ শরফুদ্দিন। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 13 বছর 6 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 9 টি টিউন ও 203 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 0 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।

''সহজতার মনোভাব আমরা প্রকৃতি থেকে শিখে নেই। তবে এমনই কপাল খারাপ যে আমরা সবসময় তা এড়িয়ে চলি...!!!!


টিউনস


আরও টিউনস


টিউনারের আরও টিউনস


টিউমেন্টস

টেকটিউনসে স্বাগতম । আর প্রথম টিউন হিসেবে চরম হইছে , আশা করি এই রকম টিউন আরো পাবো । ধন্যবাদ , শেয়ার করার জন্য

টেকটিউনসে স্বাগতম আপনাকে,
প্রথম টিউন অনেক সুন্দর হইছে ধন্যবাদ টিউনের জন্য।

আসিফ পাগলা সাব্বির ভাই আমি আপনার টিউন সবসময় ফলো করি। আপনার ব্লগের টিউন গুলু চরম হয়। ধন্যবাদ আমাকে উৎসাহ দেওার জন্য।
একটা প্রশ্ন আপনার কাছে ঃ ব্লগার এ কি মালটি অথর করার কুনো পদ্ধতি আছে ?? ঠিক টেক টিউন এর মতে!!! ধন্যবাদ আবার ।

আতাউর রহমান ভাই আপনাকে সবসময় অন্যদের উৎসাহ দিতে দেখেছি। আজ নিজে উৎসাহ পাচ্ছি। দোয়া করবেন যাতে নন টেঁকি থেকে একজন টেঁকি হতে পারি।।ধন্যবাদ আবার…

ধন্যবাদ ভাই শেয়ার করার জন্য।

ধন্যবাদ বাশার ভাই। আপনারা পাশে থাকলে সামনে এগিয়ে যেতে পারব…