সকল কলামকে রো এবং সকল রো কে কলামে রূপান্তর করতে হলে HTML কোডে কী পরিবর্তন করা প্রয়োজন? কোড বিশ্লেষণ কর।
উত্তর: উদ্দীপকের টেবিলের সকল কলামকে রো এবং রো কে কলামে রূপান্তর করলে টেবিলটি হবে- [চিত্র] উক্ত Table টি HTML কোড নিম্নরূপঃ Customer Name Sohan Mobile 01900000000 Product Name Coffee Tea Black Tea Green Tea Celler Name Mira Image image.png উদ্দীপকের টেবিলের সকল কলামকে রো এবং রো কে কলামে রূপান্তর করলে কোডে উপরিউক্ত পরিবর্তন আসবে।
HSC ICT Chapter 4 : ওয়েব ডিজাইন পরিচিতি এবং HTML CQ — Prosthuti প্রশ্নব্যাংক
HSC · ICT · Chapter 4 : ওয়েব ডিজাইন পরিচিতি এবং HTML · সৃজনশীল
সকল কলামকে রো এবং সকল রো কে কলামে রূপান্তর করতে হলে HTML কোডে কী পর…
উদ্দীপক
একটি কলেজের কিছু ছাত্র-ছাত্রী নিম্নের টেবিলের ন্যায় একটি ওয়েবসাইট পাবলিশ করতে চায়ঃ
চট্টগ্রাম ক্যান্টনমেন্ট পাবলিক কলেজ · 2024
উত্তর
একটি empty tag যার মাধ্যমে ব্যাকগ্রাউন্ডে শব্দ সংযোজন করা যায়।
উত্তর
অন্যান্য প্রোগ্রামিং ভাষা কেইস সেনসিটিভ হলেও HTML ভাষা তা নয়।
HTML ভাষায় বড় হাতের অক্ষর (Upper case) বা ছোট হাতের অক্ষর (Lower case) যাই ব্যবহার করা হোক তা একই ধরণের কাজ সম্পাদন করে থাকে। তবে HTML ট্যাগের বানান কঠোরভাবে নিয়ন্ত্রণ করা হয়ে থাকে। যেমন- HTML এ ও এর কোনো পার্থক্য নেই।
উত্তর
উদ্দীপকের টেবিলটির HTML কোড লিখা হলোঃ
< !DOCTYPE html >
< html >
< body >
< table border="1" >
< !-- প্রথম সারি (Table Headers) -- >
< tr >
< th > Customer Name < /th >
< th > Mobile < /th >
< th > Product Name < /th >
< th colspan = "2" > Seller Name < /th >
< th >Image < /th >
< !-- দ্বিতীয় সারি (প্রথম ডেটা রো) -- >
< tr >
< td rowspan = "2" > Sohan < /td >
< td rowspan = "2" > 01900000000 < /td >
< td rowspan = "2" >
Coffee
Tea
< ol type = "a" >
< li > Black Tea
< li > Green Tea
< /ol >
< /td >
< td colspan = "2" > Mira < /td >
< td rowspan = "2" > Image.png < /td >
< !-- তৃতীয় সারি (ফাঁকা ঘরগুলোর জন্য) -- >
< tr >
< td > < /td >
< td > < /td >
< /table >
< /body >
< /html >
উত্তর
উদ্দীপকের টেবিলের সকল কলামকে রো এবং রো কে কলামে রূপান্তর করলে টেবিলটি হবে-
উক্ত Table টি HTML কোড নিম্নরূপঃ
< !DOCTYPE html >
< html >
< body >
< table border = "1" >
< !-- প্রথম সারি -- >
< tr >
< td > Customer Name < /td >
< td colspan = "2" > Sohan < /td >
< !-- দ্বিতীয় সারি -- >
< tr >
< td > Mobile < /td >
< td colspan = "2" > 01900000000 < /td >
< !-- তৃতীয় সারি -- >
< tr >
< td > Product Name < /td >
< td colspan = "2" >
< ul >
< li > Coffee
< li > Tea
< /ul >
< ol type = "a" >
< li > Black Tea
< li > Green Tea
< /ol >
< /td >
< !-- চতুর্থ সারি (Mira এবং প্রথম ফাঁকা ঘর) -- >
< td rowspan = "2" > Celler Name < /td >
< td rowspan = "2" > Mira < /td >
< td > < /td >
< !-- পঞ্চম সারি (শুধু দ্বিতীয় ফাঁকা ঘরের জন্য) -- >
< tr >
< td > < /td >
< !-- ষষ্ঠ সারি -- >
< tr >
< td > Image < /td >
< td colspan = "2" > image.png < /td >
< /table >
< /body >
< /html >
উদ্দীপকের টেবিলের সকল কলামকে রো এবং রো কে কলামে রূপান্তর করলে কোডে উপরিউক্ত পরিবর্তন আসবে।
উক্ত Table টি HTML কোড নিম্নরূপঃ
< !DOCTYPE html >
< html >
< body >
< table border = "1" >
< !-- প্রথম সারি -- >
< tr >
< td > Customer Name < /td >
< td colspan = "2" > Sohan < /td >
< !-- দ্বিতীয় সারি -- >
< tr >
< td > Mobile < /td >
< td colspan = "2" > 01900000000 < /td >
< !-- তৃতীয় সারি -- >
< tr >
< td > Product Name < /td >
< td colspan = "2" >
< ul >
< li > Coffee
< li > Tea
< /ul >
< ol type = "a" >
< li > Black Tea
< li > Green Tea
< /ol >
< /td >
< !-- চতুর্থ সারি (Mira এবং প্রথম ফাঁকা ঘর) -- >
< td rowspan = "2" > Celler Name < /td >
< td rowspan = "2" > Mira < /td >
< td > < /td >
< !-- পঞ্চম সারি (শুধু দ্বিতীয় ফাঁকা ঘরের জন্য) -- >
< tr >
< td > < /td >
< !-- ষষ্ঠ সারি -- >
< tr >
< td > Image < /td >
< td colspan = "2" > image.png < /td >
< /table >
< /body >
< /html >
উদ্দীপকের টেবিলের সকল কলামকে রো এবং রো কে কলামে রূপান্তর করলে কোডে উপরিউক্ত পরিবর্তন আসবে।
