বিস্-মিল্লাহির রাহমানির রাহীম । প্রথমে সবাই কে সালাম জানাই আসসালামু আলাইকুম ওয়া রাহমাতুল্লাহ ! সালামটা গ্রহণ করবেন । আপনারা সবাই কেমন আছেন । আশা করি ভালো আছেন ।
আপনাদের দোয়াই আমিও ভালো আছি । আমি এই পর্যন্ত এইচটিএমএল সম্পর্কে ১৩ টি পোস্ট
করছি । আমার গত পোস্ট টি ছিল এইচটিএমএল/HTML ইমেজস / Images সম্পর্কে । যারা দেখেন নি তারা দেখে নিন । এইচটিএমএল টিউটোরিয়াল । HTML Tutorial পর্ব ১১ ।
আমি আজ কে আলোচনা করব এইচটিএমএল / HTML টেবিলস / Tebles নিয়ে । তাহলে শুরু করা যাক ।
এইচটিএমএল টেবিলসঃ
এইচটিএমএল টেবিল <table> এই ট্যাগ দ্বারা সংজ্ঞায়িত করা হয় ।একটি টেবিলের সারি (<tr> ট্যাগ) বিভক্ত করা হয়, এবং প্রতিটি সারির তথ্য কোষ (<td> ট্যাগ)
বিভক্ত করা হয় । Td ", টেবিল তথ্য" জন্য দাঁড়িয়েছে এবং একটি তথ্য কোষ বিষয়বস্তু ঝুলিতে থাকে । একটি <td> ট্যাগ, লিঙ্ক, ছবি, তালিকা, ফরম, অন্যান্য সারণী, ইত্যাদি টেক্সট ধারণ করতে পারে ।
উদাহরণঃ
<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>
উপরের কোড টি ব্রাউজার এ যেটি দেখাবেঃ
এইচটিএমএল টেবিল ও বর্ডার অ্যাট্রিবিউটঃ
আপনি একটি সীমানা বৈশিষ্ট্য উল্লেখ না করা হলে, টেবিল সীমানা ছাড়াই প্রদর্শিত হবে. কখনও কখনও এই দরকারী হতে পারে, কিন্তু অধিকাংশ সময় আমরা সীমানা দেখাতে চাই ।
সীমানা সঙ্গে একটি টেবিল প্রদর্শন করতে, সীমান্ত বৈশিষ্ট্য উল্লেখ করুন:
<table border="1">
<tr>
<td>Row 1, cell 1</td>
<td>Row 1, cell 2</td>
</tr>
</table>
এইচটিএমএল টেবিল হেডারঃ
আজ এই পর্যন্ত থাক আগামী দিন বিস্তারিত আলোচনা করব । ধন্যবাদ সবাই কে । যদি ভালো লাগে তাহলে কমেন্ট করুন । আর যদি কোন সমস্যা হয় তাহলেও কমেন্ট করুন । ভালো থাকুন সুস্থ থাকুন
।
দয়া করে কেউ এই ব্লগের কোনো কিছু চুরি করবেন না ।
আপনাদের দোয়াই আমিও ভালো আছি । আমি এই পর্যন্ত এইচটিএমএল সম্পর্কে ১৩ টি পোস্ট
করছি । আমার গত পোস্ট টি ছিল এইচটিএমএল/HTML ইমেজস / Images সম্পর্কে । যারা দেখেন নি তারা দেখে নিন । এইচটিএমএল টিউটোরিয়াল । HTML Tutorial পর্ব ১১ ।
আমি আজ কে আলোচনা করব এইচটিএমএল / HTML টেবিলস / Tebles নিয়ে । তাহলে শুরু করা যাক ।
এইচটিএমএল টেবিলসঃ
এইচটিএমএল টেবিল <table> এই ট্যাগ দ্বারা সংজ্ঞায়িত করা হয় ।একটি টেবিলের সারি (<tr> ট্যাগ) বিভক্ত করা হয়, এবং প্রতিটি সারির তথ্য কোষ (<td> ট্যাগ)
বিভক্ত করা হয় । Td ", টেবিল তথ্য" জন্য দাঁড়িয়েছে এবং একটি তথ্য কোষ বিষয়বস্তু ঝুলিতে থাকে । একটি <td> ট্যাগ, লিঙ্ক, ছবি, তালিকা, ফরম, অন্যান্য সারণী, ইত্যাদি টেক্সট ধারণ করতে পারে ।
উদাহরণঃ
<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>
উপরের কোড টি ব্রাউজার এ যেটি দেখাবেঃ
এইচটিএমএল টেবিল ও বর্ডার অ্যাট্রিবিউটঃ
আপনি একটি সীমানা বৈশিষ্ট্য উল্লেখ না করা হলে, টেবিল সীমানা ছাড়াই প্রদর্শিত হবে. কখনও কখনও এই দরকারী হতে পারে, কিন্তু অধিকাংশ সময় আমরা সীমানা দেখাতে চাই ।
সীমানা সঙ্গে একটি টেবিল প্রদর্শন করতে, সীমান্ত বৈশিষ্ট্য উল্লেখ করুন:
<table border="1">
<tr>
<td>Row 1, cell 1</td>
<td>Row 1, cell 2</td>
</tr>
</table>
এইচটিএমএল টেবিল হেডারঃ
একটি টেবিল হেডার তথ্য <th> এই ট্যাগ দ্বারা সংজ্ঞায়িত করা হয় ।
সকল প্রধান ব্রাউজার সাহসী এবং কেন্দ্রিক হিসেবে <th> এলিমেন্ট টেক্সট প্রদর্শন করা হয় ।
সকল প্রধান ব্রাউজার সাহসী এবং কেন্দ্রিক হিসেবে <th> এলিমেন্ট টেক্সট প্রদর্শন করা হয় ।
উদাহরণঃ
<table border="1">
<tr>
<th>Header 1</th>
<th>Header 2</th>
</tr>
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>
<tr>
<th>Header 1</th>
<th>Header 2</th>
</tr>
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>
উপরের কোড টি ব্রাউজার এ যেটি দেখাবেঃ
এইচটিএমএল টেবিল ট্যাগঃ
আজ এই পর্যন্ত থাক আগামী দিন বিস্তারিত আলোচনা করব । ধন্যবাদ সবাই কে । যদি ভালো লাগে তাহলে কমেন্ট করুন । আর যদি কোন সমস্যা হয় তাহলেও কমেন্ট করুন । ভালো থাকুন সুস্থ থাকুন
।
দয়া করে কেউ এই ব্লগের কোনো কিছু চুরি করবেন না ।
কোন মন্তব্য নেই:
একটি মন্তব্য পোস্ট করুন