HTML টেবিল সম্পর্কিত বোর্ড প্রশ্ন ও সমাধান

HTML Code Practice

এই পাঠ শেষে যা যা শিখতে পারবে- 

১।  HTML টেবিল তৈরি সম্পর্কিত বিভিন্ন বোর্ড প্রশ্ন সমাধান করতে পারবে।

 

Go for English Version

 

ভিডিও লেকচার পেতে YouTube চ্যানেলটিতে Subscribe করো। 

HSC ICT চতুর্থ অধ্যায়ের নোট পেতে ক্লিক করো।

ICT সম্পর্কিত যেকোন প্রশ্নের উত্তর জানতে Facebook গ্রুপে যুক্ত হও।

 

উদ্দীপক অনুসারে প্রশ্নের উত্তর দাওঃ 

উদ্দীপক টেবিলটি ওয়েবপেইজে দেখানোর html কোড লিখ।

গ) উদ্দীপক টেবিলটি ওয়েবপেইজে দেখানোর html কোড লিখ।

 

সমাধানঃ

<html>
<body>
<table border="1">
  <tr>
    <th>Science</th>
    <th>Commerce </th>
    <th>Humanities </th>
  </tr>
  <tr>
	<td>
		<ol type="A">
		<li>Physic</li>
		<li>Chemistry</li>
		<li>Math</li>
		<li>Biology</li>
		</ol>
	</td>
	<td>
		<ul type="disc">
		<li>Accounting</li>
		<li>Management</li>
		<li>Finance</li>
		<li>Statistic</li>
		</ul>
	</td>
	<td>
		<ol type="I">
		<li>History</li>
		<li>Islamic History</li>
		<li>Home Science</li>
		<li>Economics</li>
		</ol>
	</td>
  </tr>
</table>
</body>
</html>


উদ্দীপকটি লক্ষ কর এবং প্রশ্নের উত্তর দাওঃ

উদ্দীপক টেবিলটি ওয়েবপেইজে দেখানোর html কোড লিখ।

ঘ) উদ্দীপক টেবিলটি ওয়েবপেইজে দেখানোর html কোড লিখ।

 

সমাধানঃ

<html> 
<body> 
<table border="1" cellspacing="0"> 
<tr> 
<th rowspan="2" valign="top"> AGE </th> 
<th colspan="2"> MEN </th> 
<th colspan="2"> WOMEN </th> 
<th> WEB ADDRESS </th> 
</tr> 
<tr> 
<th> NO </th> 
<th> % </th> 
<th> NO </th> 
<th> % </th> 
<td rowspan="4" align="center" valign="top"> www.bbs.gov.bd </td> 
</tr> 
<tr align="center"> 
<td> 16-25 </td> 
<td> 83 </td> 
<td> 26% </td> 
<td> 11 </td> 
<td> 3% </td>
</tr> 
<tr align="center"> 
<td> 26-35 </td> 
<td> 147 </td> 
<td> 46% </td> 
<td> 109 </td> 
<td> 34% </td> 
</tr> 
<tr align="center"> 
<td> 36-45 </td> 
<td> 69 </td> 
<td> 21% </td> 
<td> 26 </td> 
<td> 40% </td> 
</tr> 
</table> 
</body> 
</html>


উদ্দীপকটি লক্ষ কর এবং প্রশ্নের উত্তর দাওঃ

রানা একটি ওয়েবসাইট তৈরি করে যেখানে home.html এবং about.html নামে দুটি ওয়েবপেইজ তৈরি করে। হোম পেইজে নিমোক্ত টেবিলটি দেখায় এবং about.html পেইজের সাথে হাইপারলিংক করে।

উদ্দীপক টেবিলটি ওয়েবপেইজে দেখানোর html কোড লিখ।

গ) উদ্দীপক টেবিলটি ওয়েবপেইজে দেখানোর html কোড লিখ।

 

সমাধানঃ

<html>
<body>
<table border="1">
  <tr>
    <th colspan="2">Heading </th>
	<td rowspan="2">
		<ol type="A">
		<li>Data1</li>
		<li>Data2</li>
		</ol>
	</td>
  </tr>
  <tr>
    <td rowspan="2">
        <img src="logo.jpg" width="50" height="30">
    </td>
    <td>Data</td> 
  </tr>
  <tr>
    <td colspan="2" align="center">
	<a href="about.html">Go to about page</a>
    </td> 
  </tr>
</table>
</body>
</html>

 উদ্দীপকটি লক্ষ কর এবং প্রশ্নের উত্তর দাওঃ  

আরো পড়ুন ::  ওয়েবসাইটের প্রকারভেদ | স্ট্যাটিক ও ডাইনামিক ওয়েবসাইট

উদ্দীপক টেবিলটি ওয়েবপেইজে দেখানোর html কোড লিখ।

গ) উদ্দীপক টেবিলটি ওয়েবপেইজে দেখানোর html কোড লিখ।

 

সমাধানঃ

<html>
<body>
<table border="1">
  <tr>
    <th colspan="3">Student Information </th>
	<td rowspan="3"><img src="image.jpg" width="50" height="60"></td>
  </tr>
  <tr>
    <th>ID </th>
    <th>Result</th>
    <th>Contact </th>
  </tr>
  <tr>
    <td>101</td>
    <td>A+</td>
    <td>01724351470</td>
  </tr>
</table>
</body>
</html>

উদ্দীপকটি লক্ষ কর এবং প্রশ্নের উত্তর দাওঃ 

উদ্দীপক টেবিলের সকল সারি(Row) কে  স্তম্ভে (Column) এবং সকল স্তম্ভকে সারিতে পরিণত করলে যে টেবিল তৈরি হবে তা ওয়েবপেইজে দেখানোর জন্য html কোড লিখ।

গ) উদ্দীপক টেবিলটি ওয়েবপেইজে দেখানোর html কোড লিখ।

ঘ) উদ্দীপক টেবিলের সকল সারি(Row) কে  স্তম্ভে (Column) এবং সকল স্তম্ভকে সারিতে পরিণত করলে যে টেবিল তৈরি হবে তা ওয়েবপেইজে দেখানোর জন্য html কোড লিখ।

 

সমাধান (গ) ঃ 

<html>
<body>
<table border="1">
  <tr>
    <th>Student Name</th>
    <th colspan="3">Compulsory</th>
    <th>Optional</th>
  </tr>
  <tr>
    <td rowspan="3">Harry Porter</td>
    <td rowspan="3">Bangla</td>
    <td rowspan="3">English</td>
    <td rowspan="3">ICT</td>
    <td>Physics</td>    
  </tr>
  <tr>
    <td>Math</td>
  </tr>
  <tr>
    <td>Biology</td>
  </tr>
</table>
</body>
</html>

 

সমাধান (ঘ) ঃ  

উদ্দীপক টেবিলের সকল সারি(Row) কে  স্তম্ভে (Column) এবং সকল স্তম্ভকে সারিতে পরিণত করলে নিচের টেবিলটি তৈরি হবে-

টেবিলের সকল সারি(Row) কে  স্তম্ভে (Column) এবং সকল স্তম্ভকে সারিতে পরিণত

প্রাপ্ত টেবিলের এইচটিএমএল কোড-

<html>
<body>
<table border="1">
  <tr>
    <th>Student Name</th>
    <th colspan="3">Harry Porter</th>
  </tr>
  <tr>
    <th rowspan="3">Compulsory</th>
	<td colspan="3">Bangla</td>
  </tr>
    <tr> <td colspan="3">English</td></tr>
	<tr><td colspan="3">ICT</td></tr>
  <tr>
    <th>Optional</th>
	<td>Physics</td>
	<td>Math</td>
	<td>Biology</td>
  </tr>
</table>
</body>
</html>

উদ্দীপকটি লক্ষ কর এবং প্রশ্নের উত্তর দাওঃ

উদ্দীপক টেবিলটি ব্রাউজারে দেখানোর html কোড লিখ।

গ) উদ্দীপক টেবিলটি ব্রাউজারে দেখানোর html কোড লিখ।

 

সমাধানঃ

<html>
<body>
<table border="1">
  <tr>
	<th colspan="3">Bangladesh</th>
  </tr>
  <tr>
    <td rowspan="3">
                Rivers:
		<ul type="square" align="center">
		<li>Padma</li>
		<li>Meghna</li>
		</ul>
	</td>
    <td colspan="2" align="center">Padma Division</td>
  </tr>
  <tr>
	<td>Faridpur</td>
	<td>Gopalgonj</td>
  </tr>
   <tr>
	<td colspan="2" align="center">Shariatpur</td>
  </tr>
</table>
</body>
</html>

উদ্দীপকটি লক্ষ কর এবং প্রশ্নের উত্তর দাওঃ

উদ্দীপক টেবিলটি ওয়েবপেইজে দেখানোর html কোড লিখ।

গ) উদ্দীপক টেবিলটি ওয়েবপেইজে দেখানোর html কোড লিখ।

 

সমাধানঃ

<html>
<body>
<table border="1">
  <tr>
	<th>Science</th>
	<th>Humanities</th>
	<th>Business</th>
  </tr>
  <tr>
     <td>Girls=400</td>
     <td>Girls=100</td>
     <td>Girls=250</td>
  </tr>
    <tr>
     <td>Boys=600</td>
     <td>Boys=200</td>
     <td>Boys=300</td>
  </tr>
  <tr>
    <td colspan="3" align="center">Total student=1850</td>
  </tr>
</table>
</body>
</html>

উদ্দীপকটি লক্ষ কর এবং প্রশ্নের উত্তর দাওঃ

উদ্দীপক টেবিলটি ওয়েবপেইজে দেখানোর জন্য html কোড লিখ।

 

 

 

ঘ) উদ্দীপক টেবিলটি ওয়েবপেইজে দেখানোর জন্য html কোড লিখ।

 

সমাধানঃ

<html>
<body>
<table border="1">
  <tr>
	<th colspan="2">Heading1</th>
	<th>Heading2</th>
  </tr>
  <tr>
	<td rowspan="2">(A+B)<sup>2</sup></td>
	<td> &nbsp </td>
	<td rowspan="2" align="center">R</td>
  </tr>
  <tr>
	<td> S </td>
  </tr>
  <tr>
    <td colspan="2" align="center">H<sub>2</sub>SO<sub>4</sub></td>
	<td>&nbsp</td>
  </tr>
</table>
</body>
</html>

উদ্দীপকটি লক্ষ কর এবং প্রশ্নের উত্তর দাওঃ

আরো পড়ুন ::  NAND ও NOR গেটের সার্বজনীনতা প্রমাণ।

উদ্দীপক টেবিলটি ওয়েবপেইজে দেখানোর জন্য html কোড লিখ।

গ) উদ্দীপক টেবিলটি ওয়েবপেইজে দেখানোর জন্য html কোড লিখ।

 

সমাধানঃ

<html>
<body>
<table border="1">
  <tr>
    <td>
		<u>FRUITS:</u>
		<ul type="none">
		<li>Apple</li>
		<li>Orange</li>
		<li>Banana</li>
		</ul>
	</td>
	<td>
		<u>DRINKS:</u>
		<ol type="A" start="3">
		<li>7-Up</li>
		<li>Pepsi</li>
		<li>Sprite</li>
		</ol>
	</td>
  </tr>
</table>
</body>
</html>

 উদ্দীপকটি লক্ষ কর এবং প্রশ্নের উত্তর দাওঃ 

উদ্দীপক টেবিলটি ওয়েবপেইজে দেখানোর জন্য html কোড লিখ।

গ) উদ্দীপক টেবিলটি ওয়েবপেইজে দেখানোর জন্য html কোড লিখ।

 

সমাধানঃ

<html>
<body>
<table border="1">
<caption><b><u>Student Info</u></b></caption>
  <tr>
    <th>SI</th>
    <th colspan="2">Subjects</th>
    <th>Game</th>
  </tr>
  <tr>
	<td rowspan="2" align="center" valign="top">01</td>
	<td rowspan="2" align="center" valign="top">ICT</td>
	<td rowspan="2" align="center" valign="top">Math</td>
	<td>Cricket</td>
  </tr>
  <tr>
	<td>Football</td>
  </tr>
</table>
</body>
</html>

উদ্দীপকটি লক্ষ কর এবং প্রশ্নের উত্তর দাওঃ 

উদ্দীপক টেবিলটি ওয়েবপেইজে দেখানোর html কোড লিখ।

ঘ) উদ্দীপক টেবিলটি ওয়েবপেইজে দেখানোর html কোড লিখ।

 

সমাধানঃ

<html>
<body>
<table border="1">
<tr><th colspan="4">Purchased Equipment</th><tr>
  <tr>
    <th rowspan="2">Item No.</th>
    <th rowspan="2">Item Image</th>
    <th>Description</th>
    <th>Price</th>
  </tr>
  <tr>
    <th>Shipping</th>
	<th>Expanse</th>
  </tr>
   <tr>
    <td rowspan="2" align="center">1</td>
	<td rowspan="2" align="center"><img src="pc.jpg" width="60" height="70"></td>
	<td>IBM</td>
	<td>$400</td>
  </tr>
  <tr>
	<td>Shipping</td>
	<td>$40</td>
  </tr>
  <tr>
	<td colspan="3" align="center">Total Cost</td>
	<td>$440</td>
  </tr>
</table>
</body>
</html>

 উদ্দীপকটি লক্ষ কর এবং প্রশ্নের উত্তর দাওঃ 

উদ্দীপক টেবিলটি ওয়েবপেইজে দেখানোর html কোড লিখ।

ঘ) উদ্দীপক টেবিলটি ওয়েবপেইজে দেখানোর html কোড লিখ।

 

সমাধানঃ

<html>
<body>
<table border="1">
   <tr>
    <th colspan="3">ICT</th>
   </tr>
   <tr>
	<th rowspan="2">Marks <br>Distribution </th>
	<th>CQ</th>
	<th>MCQ</th>
   </tr>
   <tr align="center">
	<td>50</td>
	<td>25</td>
   </tr>
   <tr>
	<th>Total</th>
	<td colspan="2" align="center">100</td>
   </tr>
</table>
</body>
</html>

 উদ্দীপকটি লক্ষ কর এবং প্রশ্নের উত্তর দাওঃ 

উদ্দীপক টেবিলটি ওয়েবপেইজে দেখানোর html কোড লিখ।

ঘ) উদ্দীপক টেবিলটি ওয়েবপেইজে দেখানোর html কোড লিখ।

 

সমাধানঃ

<html>
<body>
<table border="1">
  <tr>
    <th>Name</th>
    <th>Exam</th>
    <th>GPA</th>
    <th>Photo</th>
  </tr>
  <tr>
	<td rowspan="2" align="center">Atik</td>
	<td>SSC</td>
	<td>5.00</td>
	<td rowspan="2" align="center"><img src="atik.png" width="100" height="120"></td>
  </tr>
  <tr>
	<td>HSC</td>
	<td>4.90</td>
  </tr>
</table>
</body>
</html>

 উদ্দীপকটি লক্ষ কর এবং প্রশ্নের উত্তর দাওঃ 

উদ্দীপক টেবিলটি ওয়েবপেইজে দেখানোর html কোড লিখ।

গ) উদ্দীপক টেবিলটি ওয়েবপেইজে দেখানোর html কোড লিখ।

 

সমাধানঃ

<html>
<body>
<table border="1">
  <tr>
	<th rowspan="3">GSM</th>
	<td>Grameenphone</td>
  </tr>
  <tr>
	<td>Airtel</td>
  </tr>
  <tr>
	<td>Banglalink</td>
  </tr>
  <tr>
        <th>CDMA</th>
	<td>CityCell</td>
  </tr>
</table>
</body>
</html>

 


Written by,

Spread the love

2 thoughts on “HTML টেবিল সম্পর্কিত বোর্ড প্রশ্ন ও সমাধান

  1. sir please help me…
    MNO ei likhatir majkane ekta kata dag…etike ki coad dhara prokash korbo…

Leave a Reply

Your email address will not be published. Required fields are marked *