টেবিলে ব্যবহৃত অ্যাট্রিবিউটসমূহ।
আসসালাসু আলাইকুম।আপনারা কেমন আছেন?
তো আমরা গত পর্বে শিখেছি যে ( HTML Code ব্যবহার করে টেবিল (Table) তৈরি করবেন যেভাবে। ) আর আজকে যে বিষয় নিয়ে আলোচনা করব সেটি হলো ( টেবিলে ব্যবহৃত অ্যাট্রিবিউটসমূহ গুলো হলোঃ ) তো চলেন দেরি না করে শুরু করা যাক।
১,Border অ্যাট্রিবিউটঃ-ডিফল্ড হিসাবে টেবিলের চারিদিকে কোনো বর্ডার থাকে না। অর্থাৎ <table> ট্যাগ এর মধ্যে বর্ডার অ্যাট্রিবিউট নির্ধারণ করে দিতে পারে।যেমন-
<table border ="1"> , <table border ="3"> ইত্যাদি।
২, Rowspan o Colspan অ্যাট্রিবিউটঃ- টেবিলের একাধিক সারি বা রো- কে একটি সেলে বা রো - তে রূপান্তরিত করার জন্য Rowspan এবং একাধিক কলামকে একটি কলামে বা সেলে রূপান্তরিত করার জন্য Colspan অ্যাট্রিবিউট ব্যবহৃত হয়। যেমন-
<th rowspan="2"> তদ্রুপ <th colspan="2">
<td rowspan="2"> তদ্রুপ <td colspan="2">
উদাহরণঃ
<html>
<body>
<table border="1">
<caption> Table: Student's Information </ caption>
<tr> <tr bgcolor="red"> <td> Department </td> <td> Section </td> <td> Male </td> <td> Female </td> </tr>
<tr> <td> Science </td> <td> Neutron </td> <td>170 </td> <td> 150 </td> </tr>
<tr> <td> Science </td> <td> proton </td> <td> 160 </td> <td> 120 </td> </tr>
<tr> <tr bgcolor="green"> <th colspan="2"> Total </td>
<th colspan="2"> 600 </td> </tr>
</table>
</body>
</html>
ফলাফলঃ যে কোন ব্রাউজার সফ্টওয়্যার (internet Explorer/Mozilla Firefox)ব্যবহার করে ফাইলটি রান করলেই আউটপুট পাওয়া যাবে।
৩, Collspacing অ্যাট্রিবিউটঃ- সাধারণত Collspacing বলতে বোঝায় দুটি সেলের মধ্যকার দূরত্ব বা ফাঁকা অংশ। অর্থাৎ Collspacing অ্যাট্রিবিউটেরর সাহায্যে সেলের মধ্যকার দূরত্ব নির্ধারণ করা হয়। এই Collspacing অ্যাট্রিবিউটেরর সিনটেক্স হলো <table collspacing ="number">
যেমন- <table collspacing ="5">
অবশ্য পিক্সেল এর সাহায্যে সেলের মধ্যকার দূরত্ব নির্ধারণ করে দেয়া হয়। যেমন- collspacing ="7" এর অর্থ হলো প্রত্যেকটি সেল একটি থেকে আরেকটি 6 pixel পরিমান দূরত্বে অবস্থান করবে। তবে ডিফল্ড হিসাবে collspacing অ্যাট্রিবিউটের মান 2 থাকে।
৪,Callpandding অ্যাট্রিবিউট- এই অ্যাট্রিবিউটটি সেল এবং সেলের কন্টেন্ট এর মধ্যকার ফাঁকা স্থান বা দূরত্ব নির্থারণ ব্যবহৃত হয়। এই অ্যাট্রিবিউটেরর সিনটেক্স হলো- <table collpandding ="number">
যেমন- <table collpandding ="11">
অবশ্য ডিফল্ড হিসাবে এর মান 1 pixel থাকে। অর্থাৎ সেল বর্ডার থেকে সেল কন্টেন্ট ১ পিক্সেল।
৫,Width অ্যাট্রিবিউট- Width অ্যাট্রিবিউটের সাহায্যে টেবিলের প্রশস্ততা নির্ধারণ করা হয়। এই অ্যাট্রিবিউটের মান পিক্সেল অথবা শতকরার মাধ্যমে নির্ধারণ করা হয়। যেমন- <table Width="75"> অর্থাৎ এক্ষেত্রে টেবিলের প্রশস্ততা হবে ব্রাউজারের 75%।অথবা, <table Width="180"> অর্থাৎ এক্ষেত্রে টেবিলের প্রশস্ততা হবে 200 পিক্সেল ইত্যাদি।
৬,Align অ্যাট্রিবিউট- ব্রাউজারে প্রদর্শিত স্কীনে টেবিলের অবস্থান বামে না ডানে অথবা কেন্দ্রে কোথায় হবে তা নির্ধারণ করতে Align অ্যাট্রিবিউট ব্যবহৃত হয়। যেমন- <table align ="left"> অর্থাৎ এক্ষেত্রে টেবিলের অবস্থান ব্রাউজারের বা ওয়েবপেজের বামদিকে হবে। অথবা, <table align ="Right"> অর্থাৎ এক্ষেত্রে টেবিলের অবস্থান ব্রাউজারের বা ওয়েবপেজের ডানদিকে হবে।
৭,Bgcolor অ্যাট্রিবিউট- টেবিলের ব্যাকগ্রাউন্ডে কালার ব্যবহারের জন্য Bgcolor অ্যাট্রিবিউট ব্যবহৃত হয়। যেমন <table bgcolor="blue"> অথবা, <table bgcolor="#FF00FF"> ইত্যাদি
অবশ্য যদি একটি রো বা সারিতে কালার ব্যবহৃত করতেই তাহলে <tr> ট্যাগে bgcolor উল্লেখ করতে হবে।
যেমন- <tr bgcolor="green">।তেমনি ভাবে আমরা টেবিলের একটি সেলেও কালার ব্যবহার করতে পারি। সেক্ষত্রে <td> ট্যাগে bgcolor উল্লেখ করতে হবে। যেমন- <td bgcolor="red">
আজকে এই পর্যন্তই, আবার কোন একদিন দেখা হবে ইনশাআল্লাহ্ , HTMLবা ওয়েব ডিজাইন কোন পোস্ট নিয়ে। আপাততো সবাই ভালো থাকুন, সুস্থ থাকুন। আল্লাহ্র কাছে সবসময় এই দোয়াই করি। আল্লাহ্ হাফেজ…
আসসালাসু আলাইকুম।আপনারা কেমন আছেন?
তো আমরা গত পর্বে শিখেছি যে ( HTML Code ব্যবহার করে টেবিল (Table) তৈরি করবেন যেভাবে। ) আর আজকে যে বিষয় নিয়ে আলোচনা করব সেটি হলো ( টেবিলে ব্যবহৃত অ্যাট্রিবিউটসমূহ গুলো হলোঃ ) তো চলেন দেরি না করে শুরু করা যাক।
১,Border অ্যাট্রিবিউটঃ-ডিফল্ড হিসাবে টেবিলের চারিদিকে কোনো বর্ডার থাকে না। অর্থাৎ <table> ট্যাগ এর মধ্যে বর্ডার অ্যাট্রিবিউট নির্ধারণ করে দিতে পারে।যেমন-
<table border ="1"> , <table border ="3"> ইত্যাদি।
২, Rowspan o Colspan অ্যাট্রিবিউটঃ- টেবিলের একাধিক সারি বা রো- কে একটি সেলে বা রো - তে রূপান্তরিত করার জন্য Rowspan এবং একাধিক কলামকে একটি কলামে বা সেলে রূপান্তরিত করার জন্য Colspan অ্যাট্রিবিউট ব্যবহৃত হয়। যেমন-
<th rowspan="2"> তদ্রুপ <th colspan="2">
<td rowspan="2"> তদ্রুপ <td colspan="2">
উদাহরণঃ
<html>
<body>
<table border="1">
<caption> Table: Student's Information </ caption>
<tr> <tr bgcolor="red"> <td> Department </td> <td> Section </td> <td> Male </td> <td> Female </td> </tr>
<tr> <td> Science </td> <td> Neutron </td> <td>170 </td> <td> 150 </td> </tr>
<tr> <td> Science </td> <td> proton </td> <td> 160 </td> <td> 120 </td> </tr>
<tr> <tr bgcolor="green"> <th colspan="2"> Total </td>
<th colspan="2"> 600 </td> </tr>
</table>
</body>
</html>
ফলাফলঃ যে কোন ব্রাউজার সফ্টওয়্যার (internet Explorer/Mozilla Firefox)ব্যবহার করে ফাইলটি রান করলেই আউটপুট পাওয়া যাবে।
৩, Collspacing অ্যাট্রিবিউটঃ- সাধারণত Collspacing বলতে বোঝায় দুটি সেলের মধ্যকার দূরত্ব বা ফাঁকা অংশ। অর্থাৎ Collspacing অ্যাট্রিবিউটেরর সাহায্যে সেলের মধ্যকার দূরত্ব নির্ধারণ করা হয়। এই Collspacing অ্যাট্রিবিউটেরর সিনটেক্স হলো <table collspacing ="number">
যেমন- <table collspacing ="5">
অবশ্য পিক্সেল এর সাহায্যে সেলের মধ্যকার দূরত্ব নির্ধারণ করে দেয়া হয়। যেমন- collspacing ="7" এর অর্থ হলো প্রত্যেকটি সেল একটি থেকে আরেকটি 6 pixel পরিমান দূরত্বে অবস্থান করবে। তবে ডিফল্ড হিসাবে collspacing অ্যাট্রিবিউটের মান 2 থাকে।
৪,Callpandding অ্যাট্রিবিউট- এই অ্যাট্রিবিউটটি সেল এবং সেলের কন্টেন্ট এর মধ্যকার ফাঁকা স্থান বা দূরত্ব নির্থারণ ব্যবহৃত হয়। এই অ্যাট্রিবিউটেরর সিনটেক্স হলো- <table collpandding ="number">
যেমন- <table collpandding ="11">
অবশ্য ডিফল্ড হিসাবে এর মান 1 pixel থাকে। অর্থাৎ সেল বর্ডার থেকে সেল কন্টেন্ট ১ পিক্সেল।
৫,Width অ্যাট্রিবিউট- Width অ্যাট্রিবিউটের সাহায্যে টেবিলের প্রশস্ততা নির্ধারণ করা হয়। এই অ্যাট্রিবিউটের মান পিক্সেল অথবা শতকরার মাধ্যমে নির্ধারণ করা হয়। যেমন- <table Width="75"> অর্থাৎ এক্ষেত্রে টেবিলের প্রশস্ততা হবে ব্রাউজারের 75%।অথবা, <table Width="180"> অর্থাৎ এক্ষেত্রে টেবিলের প্রশস্ততা হবে 200 পিক্সেল ইত্যাদি।
৬,Align অ্যাট্রিবিউট- ব্রাউজারে প্রদর্শিত স্কীনে টেবিলের অবস্থান বামে না ডানে অথবা কেন্দ্রে কোথায় হবে তা নির্ধারণ করতে Align অ্যাট্রিবিউট ব্যবহৃত হয়। যেমন- <table align ="left"> অর্থাৎ এক্ষেত্রে টেবিলের অবস্থান ব্রাউজারের বা ওয়েবপেজের বামদিকে হবে। অথবা, <table align ="Right"> অর্থাৎ এক্ষেত্রে টেবিলের অবস্থান ব্রাউজারের বা ওয়েবপেজের ডানদিকে হবে।
৭,Bgcolor অ্যাট্রিবিউট- টেবিলের ব্যাকগ্রাউন্ডে কালার ব্যবহারের জন্য Bgcolor অ্যাট্রিবিউট ব্যবহৃত হয়। যেমন <table bgcolor="blue"> অথবা, <table bgcolor="#FF00FF"> ইত্যাদি
অবশ্য যদি একটি রো বা সারিতে কালার ব্যবহৃত করতেই তাহলে <tr> ট্যাগে bgcolor উল্লেখ করতে হবে।
যেমন- <tr bgcolor="green">।তেমনি ভাবে আমরা টেবিলের একটি সেলেও কালার ব্যবহার করতে পারি। সেক্ষত্রে <td> ট্যাগে bgcolor উল্লেখ করতে হবে। যেমন- <td bgcolor="red">
আজকে এই পর্যন্তই, আবার কোন একদিন দেখা হবে ইনশাআল্লাহ্ , HTMLবা ওয়েব ডিজাইন কোন পোস্ট নিয়ে। আপাততো সবাই ভালো থাকুন, সুস্থ থাকুন। আল্লাহ্র কাছে সবসময় এই দোয়াই করি। আল্লাহ্ হাফেজ…