BD Tips HTML Online training Recent Post Tips & tricks Tips & tricks

How to make a table with html || কিভাবে এইচটিএম এ একটি টেবিল করবেন?

আমরা যখন কোন তথ্য উপস্থাপন করি, সাধারণত আমরা টেবিল ব্যবহার করি । এছাড়া, বিভিন্ন ধরনের উপাত্ত উপস্থাপন করার জন্য টেবিল ব্যবহার করে থাকি । একইভাবে, আমরা ওয়েবসাইটে কোন ধরেনর উপাত্ত উপস্থাপন করার জন্য এইচটিএমএল টেবিল ব্যবহার করে থাকি। এইচটিএমএল টেবিল কিছুটা জটিল। নতুনদের প্রথমে বুঝতে কিছুটা সমস্যা হতে পারে । এইচটিএমএল এ টেবিল ব্যবহার করার জন্য এইচটিএমএল <table>…</table> ট্যাগ ব্যবহার করতে হয় । প্রথমে চলুন আমরা একটা উদাহরণ এখন একটা উদাহরণ দিলে ব্যপারটা আপনাদের কাছে সম্পুর্ন পরিস্কার হয়ে যাবে । এজন্য নিচের কোডটি টাইপ করে  index.html নামে সেভ করুন

 

 
<!DOCTYPE HTML>
<html lang=”en-US”>
<head>
<meta charset=”UTF-8″>
<title> HTML Table </title>
</head>
<body>
<table border=”1″>
<tr>
<th> Serial No. </th>
<th> Class </th>
<th> Students </th>
</tr>
<td> 01 </td>
<td> Class Six </td>
<td> 90 </td>
<tr></tr>
<td> 02 </td>
<td> Class Seven </td>
<td> 90 </td>
<tr> </tr>
<td> 03 </td>
<td> Class Eight </td>
<td> 88 </td>
<tr> </tr>
<td> 04 </td>
<td> Class Nine </td>
<td> 87 </td>
<tr> </tr>
<td> 05 </td>
<td> Class Ten </td>
<td> 89 </td>
<tr> </tr>
</table>
</body>
</html>

কোড বিশ্লেশনঃ

১ । আমরা <table>…</table> ট্যাগ এর মাঝে  border ব্যবহার করেছি । কেননা, এখানে আমরা টেবিল এর বর্ডার নির্ধারণ করেছি । এজন্য আমরা  বের্ডার ১ দিয়েছি । আপনি বর্ডার 2 ব্যবহার করে কোড টুকু রান করান । তাহেল বিষয়টি পরিস্কার বুঝতে পারবেন । আপিন যদি border ব্যবহার না করেন তাহলে বর্ডার বিহীন টেবিল প্রদর্শি ত হবে।

২ । টেবিলের বর্ডার নির্ধারন করার জন্য <th> … </th> ব্যবহার করা হয়েছে ।

৩। টেবিলের Row অর্থাৎ সারি নির্ধারন করার জন্য <tr> …</tr> ব্যবহার করা হয়েছে ।

৪ । টেবিলের সেল নির্ধারন করার জন্য  <td> …<td> ব্যবহার করা হয়েছে।

বিস্তারিত পড়তে ক্লিক করুন।

About the author

Shiuly

Leave a Comment