কেমন আছেন সবাই।আশা করি সবাই ভাল আছেন।আমরা লাস্ট টিউন এ কিভাবে লিঙ্ক তৈরি করতে হয় তা শিখেছিলাম, আজকে আমরা শিখব কিভাবে image এর মাধ্যমে লিঙ্ক ব্যাবহার করা যায়।সাথেই থাকুন।
***প্রথমে নোটপ্যাড ওপেন করুন।তারপর আগের টিউন এর নিয়ম অনুসারে নিচের কোডিংটুকু লিখুন।তারপর তা a1.html নামে সেভ করুন।এবার এই ফাইলটি একটি folder এ রাখি।
<html> <head> <title> We love techtunes </title> </head> <body> <h1>টেকটিউনস কেন সবার সেরা</h1> এছাড়া এখানে কেউ কোন সমস্যায় পড়লে সাহায্য বিভাগের মাধ্যমে অন্যের কাছ থেকে বিষয়টা জানতে পারে<br> এই সাইট এর টিপস অ্যান্ড tricks বিভাগটিও বেশ পরিপূর্ণ<br> এই সাইট এর graphics design এবং web design বিভাগটি বেশ উন্নত<br> আমাদের এখন শুধু একটাই দায়িত্ব আমাদের এই সাইটটিকে আরো পরিপূর্ণ করা </body> </html>
***এবার,আমরা যেই image টাকে লিঙ্ক হিসেবে ব্যাবহার করব সেই ইমেজটাকেও ওই folder এ রাখুন।আমি folder এ যেই ইমেজ ব্যাবহার করেছি তার নাম varsity । এবার আসুন দেখি বাকি কোডিংটুকু কিভাবে করব তা দেখি।
***আসুন নিচের মত কোডিং করি, তারপর তা a2.html নামে সেভ করি।
<html> <head> <title> Image লিঙ্ক এর উদাহরণ </title> </head> <body> <h1>techtunes বাংলাদেশ এর এক নম্বর টেকনোলোজি সাইট।</h1> আসুন আমরা techtunes সম্পর্কে কিছু জানার চেষ্টা করি।<br> জানতে চাইলে নিচের image এ ক্লিক করুন। <a href =a1.html ><img src = varsity.jpg height=350 width=400></a> </body> </html>
***এখানে, a href দিয়ে কি বুঝায়?a দিয়ে anchor ট্যাগ বুঝায়।আর এই ট্যাগ এর সাথে যে attribute টি ব্যাবহার করা হয় তা হল href. href দিয়ে কি বুঝায়? href দিয়ে hyper reference বুঝায়।এই ট্যাগ দিয়ে text বা, image এর path বলে দেওয়া হয়।
***ধরুন আপনি লিঙ্ক এ একটি image দিতে চাচ্ছেন,এই image এর নাম হচ্ছে beauty.তাহলে আপনার কোডিংটুকু হবে এইরকম
<a href =a1.html ><img src =beauty.jpg height=350 width=400></a>
আমি যে image টা ব্যাবহার করেছি তার নাম varsity তাই আমি আমার কোডিং এ varsity শব্দটা use করেছি।
***এবার আসুন পরের বিষয়ে।আরেকটা বিষয় খেয়াল করেছেন।ছবির নামের পাশে .jpg ব্যাবহার করেছি।এর একটা কারন আছে।আপনার image টি যেই ফরম্যাট এর আপনি ইমেজ এর নামের শেষে সেই ফরম্যাট লিখবেন।ধরুন আপনার ইমেজ এর ফরম্যাট হচ্ছে png ফরম্যাট এর।তাহলে আপনি লিখবেন beauty.png(আপনার ইমেজ এর নাম .png)l
***আর, height , width দিয়ে উচ্চতা,চওড়া বুঝায়।আপনি আপনার ইমেজ এর সাইজ কতটুকু দিবেন তা এটা দিয়ে উল্লেখ করা হয়।
***এবার, লাস্ট এর কোডিংটুকু সেভ করে তা ওই ফোল্ডার এ রাখুন। সবকিছু কিন্তু একই ফোল্ডার এ থাকতে হবে,তা না হলে কিন্তু কাজ করবে না।
*** এবার, a2.html নামের পেজটাকে double click করে ওপেন করুন।দেখবেন,নিচের মত পেজ আসবে।তারপর ইমেজটাতে ক্লিক করুন।
***দেখবেন, অপর পেজটা চলে আসেছে।
আমার এক বন্ধুর মনটা খুব বেশি খারাপ।অর বাসার সবাই খুব কান্নাকাটি করছে।ওর জন্য সবাই দোয়া করবেন।কারন,হয়ত আপনার দোয়াটি খোদা কবুল করবেন।আপনার দোয়াই হয়ত অর জীবনটা সুন্দর করতে পারে।ওর জন্য একটু দোয়া করেন।সবাই ভালো থাকবেন।
আমি সাবিহা। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 14 বছর 4 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 98 টি টিউন ও 753 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 3 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।
খুব সাধারন একটি মানুষ।সারাদিন কম্পিউটার নিয়ে পড়ে থাকি।মুভি দেখি,ব্লগ এ ব্লগ এ ঘুরাঘুরি করি।পড়ালেখা করতে বরাবরই ভয় লাগে। আর ফেসবুক এ একটা পেজ খুলেছি।যারা সময় পাবেন একটু ঢু মেরে আসবেন।
onek din por apu . asa kore apnar kas thake html shekta parbo.
thanks
chakea jaben