১. এইচটিএমএল ভাষায় এমন একটি কোড লিখ যেখানে হোমপেজ থেকে সরাসরি গুগল, ফেসবুক এবং ইউটিউবে প্রবেশ করা যায়।
নিচের কোডটুকুর মাধ্যমে হোমপেজ থেকে সরাসরি গুগল, ফেসবুক এবং ইউটিউবে প্রবেশ করা যাবে।
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | <html> <head> <title> Hyperlink 1 with Pathgriho </title> </head> <body> <a href="https://www.google.com"> Click Here to Go to Google </a> <a href="https://www.facebook.com"> Click Here to Go to Facebook </a> <a href="https://www.youtube.com"> Click Here to Go to YouTube </a> </body> </html> |
২. Image.jpg নামক একটি ছবিকে স্ক্রিনের ডান দিকে ২৪০X১৮০ আকারে প্রদর্শনের জন্য HTML ভাষায় একটি কোড লিখ।
1 2 3 4 5 6 7 8 9 10 11 12 | <html> <head> <title> Adding Image </title> </head> <body> <p align="right"> <img src="Image.jpg" width=240 height=180> </p> </body> </html> |
বিশেষ দ্রষ্টব্য: বাংলাদেশের এইচএসসি সিলেবাসের বেশিরভাগ বইতে এভাবে থাকায় এবং অনেক শিক্ষক এভাবে পড়ানোয় আমরা এভাবে উত্তরটি করেছি। এই একই উত্তর ইনলাইন সিএসএস এর মাধ্যমেও করা যায় এবং সেটাই অধিকতর উত্তম। তাই শিক্ষার্থীদের উপকারের কথা ভেবে আমরা অন্যভাবেও দেখিয়ে দিচ্ছি। নিচে এই একই প্রশ্নের উত্তর অধিকতর উত্তম পদ্ধতিতে করা হলো।
<html> <head> <title> Adding Image </title> </head> <body> <p style="text-align:right;"> <img src="Image.jpg" alt="pathgriho" width=240 height=180>
</p> </body> </html>
৩. পানির সংকেত (H2O) স্ক্রিনে প্রদর্শ্নের জন্য html কোড লিখ।
1 2 3 4 5 6 7 8 9 10 | <html> <head> <title> Subscript </title> </head> <body> H<sub>2</sub>O </body> </html> |
(HTML এর মধ্যে বাংলা লিখতে চাইলে "HTML এ বাংলা" লেখাটি পড়তে পারেন)
৪. নিচের তথ্যটি ফলাফলে প্রদর্শনের জন্য HTML কোড লিখ।
(a+b)2=a2+2ab+b2
1 2 3 4 5 6 7 8 9 10 | <html> <head> <title> Superscript </title> </head> <body> (a+b)<sup>2</sup>=a<sup>2</sup>+2ab+b<sup>2</sup> </body> </html> |
৫. নিচের হেডিং গুলোর মতো করে প্রদর্শনের জন্য এইচটিএমএল কোড লিখ।
Heading 3
Heading 5
Heading 6
(হেডিং ট্যাগ সহ এইচটিএমএল এর সকল ট্যাগ সম্পর্কে জানতে পারেন "এইচটিএমএল ট্যাগ লিস্ট বাংলা" আর্টিকেলটি)
1 2 3 4 5 6 7 8 9 10 11 12 | <html> <head> <title> Heading Tag </title> </head> <body> <h3> Heading 3 </h3> <h5> Heading 5 </h5> <h6> Heading 6 </h6> </body> </html> |
(কোড দেখতে অসুবিধা হলে আপনার ব্রাউজারের Desktop View চালু করে নিন; এতে করে কোনো অসুবিধা হবে না আশা করা যায়। অথবা পিডিএফ ডাউনলোড করে নিন।)
এই আর্টিকেলের হুবহু পিডিএফ ডাউনলোড করতে ক্লিক করুন Download Now তে।