আসুন শিখি HTML [পর্ব-১৪]

কেমন আছেন সবাই।আশা করি সবাই ভাল আছেন।আমরা লাস্ট টিউন এ কিভাবে লিঙ্ক তৈরি করতে হয় তা শিখেছিলাম, আজকে আমরা শিখব কিভাবে 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 করে ওপেন করুন।দেখবেন,নিচের মত পেজ আসবে।তারপর ইমেজটাতে ক্লিক করুন।

***দেখবেন, অপর পেজটা চলে আসেছে।

আমার এক বন্ধুর মনটা খুব বেশি খারাপ।অর বাসার সবাই খুব কান্নাকাটি করছে।ওর জন্য সবাই দোয়া করবেন।কারন,হয়ত আপনার দোয়াটি খোদা কবুল করবেন।আপনার দোয়াই হয়ত অর জীবনটা সুন্দর করতে পারে।ওর জন্য একটু দোয়া করেন।সবাই ভালো থাকবেন।

Level 0

আমি সাবিহা। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 14 বছর 5 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 98 টি টিউন ও 753 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 3 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।

খুব সাধারন একটি মানুষ।সারাদিন কম্পিউটার নিয়ে পড়ে থাকি।মুভি দেখি,ব্লগ এ ব্লগ এ ঘুরাঘুরি করি।পড়ালেখা করতে বরাবরই ভয় লাগে। আর ফেসবুক এ একটা পেজ খুলেছি।যারা সময় পাবেন একটু ঢু মেরে আসবেন।


টিউনস


আরও টিউনস


টিউনারের আরও টিউনস


টিউমেন্টস

Level 0

onek din por apu . asa kore apnar kas thake html shekta parbo.
thanks
chakea jaben

Level 0

khub e bhalo tune, apnar tune dekhei ami HTML somondhe ektu jante perechi, dhonnobad

onek upokar hoilo. donnobad apu

Level 0

aro chai plz

আপু আপ্নে তহ অনেক ভাল লিখেন…।।খুবই ভাল লাগসে।বেশি বেশি করে লিখেন …

Level 0

কিছু শিখলাম !!!!!!!!!!!!!!!

ছিরা ছরিত dialogue শুভ কামনা রইল আপু……

আমি আমার জীবনে এই প্রথম কারো comment করলাম techtunes-এ I অIপনার হাত ধরেই অIমার HTML এর হাতে খড়ি তাই HTML এর গুরু হিসেবে অIপনাকে হাজার সালাম I অIমাকে দোয়া করবেন I

Level 0

good going………….

Seems Look Like Great. But If U can Starrt A class About Designing Pages and How To Desing or MAke A full WE#b page using html css and jscript it could be best.

Just Wow http://sakibtorrent.blogspot.com/. Say Thnks Again SAnd Again. Good Job. Keep it In dept. I will be wiht u.

sorry we will be

Want a JOb. contact @bdweblab.com

Level 0

aro tune chai…..valo lagse………

Thanks Sir

Level 0

khub valo

Comment na kore parlam na. Oshadaron class. Thanksssssssssssssssssss a lot.

@সাবিহা । পেজ এর কোনায় যে ভাজ এটা শিখাবেন না? java ?