Html টেবিল তৈরি | html ডকুমেন্টে টেবিল তৈরি করার নিয়ম

Html টেবিল তৈরি করার কোড

আপনি কি জানতে চান Html টেবিল তৈরি , html ডকুমেন্টে টেবিল তৈরি করার নিয়ম , html কোড সমূহ , তাহলে এই পোষ্টটি আপনার জন্যই ।

html ডকুমেন্টে টেবিল তৈরি করার নিয়ম নিম্নে কোড সহ দেয়া হলো :

html ডকুমেন্টে টেবিল তৈরির জন্য টেবিল ট্যাগ <table> ব্যবহার করা হয় । Html টেবিল তৈরি কোড প্রথম দেয়া হবে , তারপর তা দেখতে কেমন হবে তা দেয়া হবে এবং সর্বশেষে Html টেবিল তৈরি কোডটির ব্যাখ্যা করা হবে ।

Html কোড লেখার নিয়ম জানেন কি ? না জানলে জেনে নিন : Html কোড লেখার নিয়ম | Html কিভাবে শিখব

<html>
<head>
<title> Html টেবিল তৈরি </title>
</head>
<table border="1">
<tr>
<th>No.</th>
<th>Book</th>
<th>Pen</th>
<th>Box</th>
</tr>
<tr>
<td>01</td>
<td>100</td>
<td>200</td>
<td>400</td>
</tr> <tr>
<td>02</td>
<td>300</td>
<td>600</td>
<td>300</td>
</tr> <tr>
<td>03</td>
<td>500</td>
<td>800</td>
<td>200</td>
</tr>
</table>
</body>
</html>

একটা নোটপ্যাড open করে উপরের code টুকু লিখে বা কপি করে পেষ্ট করে file মেনু থেকে Save as এ ক্লিক করে File name: page.html বা index.html , Save as type : All files, দিয়ে save করে page.html বা index.html ফাইলটি Google Chrome দিয়ে open করলে নিচে প্রদর্শিত ছবির মত দেখাবে।

html ডকুমেন্টে টেবিল তৈরি করার নিয়ম
html ডকুমেন্টে টেবিল তৈরি করার নিয়ম

Html টেবিল তৈরি কোডটির ব্যাখ্যা :

<table border=”1″> এখানে border=”1″ এর মাধ্যমে টেবিলের জন্য সিঙ্গেল বর্ডার ব্যবহার করা হয়েছে , প্রয়োজন অনুসারে 1 এর স্থানে 2,3,4 ইত্যাদি ব্যবহার করা যাবে ব্যবহারকারীর ইচ্ছা অনুযায়ী ।
টেবিলের প্রতিটা সারি তৈরির জন্য <tr> </tr>ব্যবহার করা হয়, এবং প্রতিটা সেল তৈরির জন্য <td></td> ব্যবহার করা হয়। 
<th></th> এর মাধ্যমে টেবিল হেডার বা শিরোনাম তৈরি করা হয়েছে <th> Book </th> এর মধ্যের Book লেখাটি একটু মোটা বা বোল্ড দেখাবে।
টেবিলের মধ্যে কোন সেল খালি রাখার জন্য <td></td> এর মাঝে কিছু না লেখলেই হবে। শুধুমাত্র <td></td> ব্যবহার করতে হবে।
সাইটের নেভিগেশন বার তৈরির জন্য টেবিল ব্যবহার করা যেতে পারে, এক্ষেত্রে প্রতিটা সেলের লেখার সাথে লিংক তৈরি করে দিলেই হবে

যেমন <td><a href=”www.comillait.com/”>COMILLAIT</a></td> অথবা <th><a href=”www.comillait.com/””> COMILLAIT</a></th>

মনে রাখার জন্য এইগুলো মনে রাখতে পারেন :

th মানে table header
tr মানে Table Row
td মানে Table Data




1. Bangla নামের অর্থ | 100,001+ শিশুর নামের অর্থ জানুন বাংলা
2. পূর্ণরূপ কালেকশন
3. Top 100+ Bangla Facebook Bio | Bengali Bio and status
4. বাংলা Sms – Bangla SMS best collections | Bangla Facebook Status Collection
5. বিখ্যাত ইংরেজি কিছু উক্তি বাংলা অর্থসহ | বাংলা অর্থসহ ইংরেজী উক্তি




Author: Shahriar Ahmed Biddut

I am a student , freelancer, blogger, web designer and WordPress Developer .I have learnt HTML5 , CSS3 , Javascript , Bootstrap , Jquery & Bootstrap for designing purposes and php & mysql for backend development . I also use elementor to design wordpress pages.

Leave a Reply