how create a table in html or website
Table Creating
Table: তথ্যকে আরো বেশি অনুধাবনযোগ্য ও সুন্দর করে উপস্থাপন করার জন্য একটি ওয়েবসাইটে টেবিল খুব গুরুত্বপূর্ণ। HTML এ < table> ট্যাগ ব্যবহার করে টেবিল শুরু ও </table> ট্যাগ ব্যবহার করে শেষ করতে হয়।
টেবিল তৈরীর জন্য আরও কিছু ট্যাগ ব্যবহার করা হয়। যেমন ঃ
টেবিল তৈরীর জন্য আরও কিছু ট্যাগ ব্যবহার করা হয়। যেমন ঃ
<caption>...</caption> --- টেবিলের পরিচিতিমুলক টেক্সট।
<th>...</th> --- টেবিলের হেডিং দেওয়ার জন্য।
<tr>..</tr> --- টেবিলের রো /সারি তৈরীর জন্য।
<td>...</td> --- ডেটা সেল তৈরীর জন্য ব্যবহার হয়।
উদাঃ১
<html>
<head>
<title> TABLE CREATE </title>
</head>
<body>
<table border=” 1“>
<tr>
<th> Roll</th>
<th> Name</th>
<th> Gpa</th>
</tr>
<tr>
<td>1</td>
<td>Raju</td>
<td>5.00</td>
</tr>
<tr>
<td> 2</td>
<td> Robeyoul</td>
<td> 4.50</td>
</tr>
</table>
</body>
</html>
ফলাফলঃ
| Roll | Name | Gpa |
|---|---|---|
| 1 | Raju | 5 |
| 2 | Robeyoul | 4.5. |
টেবিল অ্যাট্রিবিউট
টেবিলের অনেক অ্যাট্রিবিউট আছে।এসবের মাধ্যমে টেবিলকে ফরম্যাট করা যায়। যেমন ঃ
- Table width: width অ্যাট্রিবিউটের মাধ্যমে টেবিলের প্রশস্থতা কতটুকু হবে তা নির্ধারন করা হয়। একে শতকরায় (%) বা পিক্সেলের মাধ্যমে প্রকাশ করা হয়। তবে শতকরায় প্রকাশ করা ভাল।
যেমনঃ
<table width=”50%”>
<table width=”100”>
- table alignment: ব্রাউজারে টেবিলের অবস্থান ঠিক করে দিতে align ব্যবহৃত হয়।
যেমন ঃ
<table align=”right”>
<table width=”center”>
অর্থ্যাৎ right দিলে টেবিলটা ডানে বা center দিলে মাঝখানে থাকবে।
- table border: টেবিলের চারদিকে বর্ডার লাইন দেওয়ার জন্য border ব্যবহার করা হয়।সাধারনত সব টেবিলেই border attrebute ব্যবহার করতে হয়।
যেমন ঃ
<table border=”0”> লিখলে কোন বর্ডার হবে না।
<table border=” 1”> লিখলে বর্ডার সাইজ হবে 1
পিক্সেল।
- cell spacing: সেল সমূহের মধ্যে কত পিক্সেল ফঁাকা থাকবে তা ঠিক করার জন্য cell spacing ব্যবহৃত হয়।
যেমনঃ
<table cell spacing=”5”>
- bgcolor: টেবিল,সারি বা সেলের ব্যাকগ্রাউন্ড কালার করার জন্য bgcolor ব্যবহৃত হয়।
যেমন ঃ
< table bgcolor=”green”> লিখলে পুরো টেবিল সবুজ
হবে।
< tr bgcolor=”green”> লিখলে পুরো সারি সবুজ হবে।
< td bgcolor=”green”>লিখলে পুরো সেল হলুদ হবে।
- colspan & rowspan: কলামের বিস্তৃতি বাড়ানোর জন্য colspan। এবং সারির বিস্তৃতি বাড়ানোর জন্য rowspan ব্যবহৃত হয়। col ও row sapn <th>বা<td> ট্যাগে ব্যবহার করা হয়।
যেমন ঃ
<td colspan=”3”>লিখলে তিনটি কলাম ও একটি সেল হবে
<td rowspan=”2”>লিখলে দুটি রো ও একটি সেল হবে।
No comments