ওয়েব ডিজাইন পরিচিতি এবং HTML (সৃজনশীল প্রশ্ন ও সমাধান) : পাঠ – ৬

ওয়েব ডিজাইন পরিচিতি এবং HTML (সৃজনশীল প্রশ্ন ও সমাধান) : পাঠ – ৬

প্রশ্ন- ৭: নিচের উদ্দিপকটি পড় এবং প্রশ্নগুলোর উত্তর দাও:
স্কুলের রেজিষ্টার ছাত্রদের পরীক্ষার ফলাফল টেবিলের মাধ্যমে সারিবদ্ধভাবে সাজিয়ে ওয়েবসাইটে প্রকাশ করবে। 1st Column এ খাকবে Roll Number এবং 2nd Row তে থাকবে Subject এর Number।

ক. HTML এর Table কী?
খ. Table add করতে কী কী tag ব্যবহার করা হয়?
গ. Tag গুলোর সংক্ষিপ্ত বর্ণনা দাও।
ঘ. উপরোক্ত সমস্যার জন্য 4 জন ছাত্রের Bangla ও English এর Number এর table তৈরি কর।

উত্তর:-

ক. ওয়েবপেজ এ Tabular data প্রদর্শন বা HTML ডকুমেন্ট এলিমেন্টসমূহের অবস্থান নিয়ন্ত্রণের জন্য ওয়েবপেজে যে tabular data Layout দেখা যায় তাই HTML table।

খ. সকল HTML table <table> ট্যাগ দিয়ে শুরু হয় এবং </table> ট্যাগ দিয়ে শেষ হয়। এছাড়া <tr>…</tr>, <td>…</td>, <th> ও <t foot> tag ব্যবহার করা হয়।

গ. ট্যাগসমূহের বর্ণনা –

  1. <tr>…</tr> ট্যাগ দিয়ে Horizontal সারি নির্দেশ করে।
  2. <td>…</td> ট্যাগ ঐ Horizontal সারির তথ্য নির্দেশ করে।

iii. <th> ট্যাগ শিরোনাম দেখার জন্য ব্যবহার করা হয়। <th> ট্যাগ ব্যবহার করলে default হিসেবে header টি bold আকারে দেখাবে।

  1. <t foot> ট্যাগ টেবিলের footer যোগ করার জন্য ব্যবহার করা হয়।

 

ঘ. HTML Code-

<html>

<table border = ”2” width=”100%”>

<tr>

<th> Roll </th>

<th> Bangla </th>

<th> English </th>

</tr>

<tr> <td> Roll 1 </td> <td> 80 </td> <td> 90 </td> </tr>

<tr> <td> Roll 2 </td> <td> 85 </td> <td> 92 </td> </tr>

<tr> <td> Roll 3 </td> <td> 82 </td> <td> 95 </td> </tr>

<tr> <td> Roll 4 </td> <td> 75 </td> <td> 85 </td> </tr>

</table>

</html>

No Comments

Post a Reply