আমরা সবাই কম বেশি HTML নিয়ে ধারনা রাখি। আমি জানি টেকটিউনস এ অনেক ভালো HTML পারে এমন টিউনারের সংখ্যা কম নই। আমি তাদের কাছে আগেই ক্ষমা চেয়ে নিচ্ছি যদি আমার এই টিউনটিতে ভুল হইয়ে থাকে।
এইবার আমরা টেবিল বানানর জন্য কোড গুলু সাজাতে থাকি।
*** ধরে নিলাম আপনারা সবাই HTML সম্পরকে জানেন।
তারপরও একবার বলে নিলাম সংক্ষেপে।
>>>> ( HTML কোড লিখার জন্য আপনাকে উইন্ডোজ এর নোটপ্যাডে লিখতে হবে। প্রথমে <html > দিয়ে শুরু করতে হবে। তারপর <head>,<title>,<body> এবং কোড লিখা শেষে টা বন্ধ করে দিতে হবে। শেশের কোড টা আগে বন্ধ করে দিতে হবে। ঠিক এইভাবে
</body>,</title></head>,</html>.আপনারা টেকটিউনস এ প্রকাশিত HTML নিয়ে লেখাগুলু ফলো করলে ভালো ফলাফল পাবেন।) ***
### সেভ করুন mahmud.html নামে।
Table তৈরি করবো কিভাবেঃ
আমাদের টেবল তৈরি করার জন্য যে ট্যাগ টি ব্যাবহার করতে হবে- ১)<table> ট্যাগ টি দিয়ে টেবল তৈরি করবো।
- ২) আমরা ক্যাপশন লিখবো <caption> টাগটি দিয়ে।
- ৩)আমরা রো তৈরি করবো <tr> ট্যাগ টি দিয়ে
- ৪)আমরা কলাম তৈরি করবো <td> টাগটি দিয়ে।
- ৫)রো এর হেডার লিখুন <th> কোড দিয়ে।
এইবার আমরা টেবিল বানানর জন্য কোড গুলু সাজাতে থাকি।
*** ধরে নিলাম আপনারা সবাই HTML সম্পরকে জানেন।
তারপরও একবার বলে নিলাম সংক্ষেপে।
>>>> ( HTML কোড লিখার জন্য আপনাকে উইন্ডোজ এর নোটপ্যাডে লিখতে হবে। প্রথমে <html > দিয়ে শুরু করতে হবে। তারপর <head>,<title>,<body> এবং কোড লিখা শেষে টা বন্ধ করে দিতে হবে। শেশের কোড টা আগে বন্ধ করে দিতে হবে। ঠিক এইভাবে
</body>,</title></head>,</html>.আপনারা টেকটিউনস এ প্রকাশিত HTML নিয়ে লেখাগুলু ফলো করলে ভালো ফলাফল পাবেন।) ***
কোডঃ( নোটপ্যাডে লিখুন)
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 | <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> |
ফলাফলঃ
- আপনারা চাইলে 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 comments:
Post a Comment