Web Development tutorial in bangla part-6 :)

 

আসসালামু আলাইকুম ,

আশা করি আল্লাহ  তায়ালা আপনাদের সবাইকে ভালো রেখেছে। 

আজ আমরা শিখবো body ট্যাগ এর  ভিতরের খুঁটি -নাটি

<a  href ="https://www.google.com/">Google </a >  এখানে <a > ট্যাগ এর কাজ হচ্ছে  কোনো কিছুর লিংক add করা। যখন আপনি এই google এ click করবেন তখন google পেজে নিয়ে যাবে। 

এখন আপনি যদি চান যে এই লিংকটা নতুন ট্যাবে (new tab) এ open হবে তাহলে একটি target  Attributes  add করতে হবে <a> ট্যাগে। 

তাহলো  

<a  href ="https://www.google.com/"  target ="_blank " >Google </a > 

আর যদি আপনার ওই ফোল্ডারের কোনো (html ,css , js ) কে লিংকের মাধ্যমে add করতে  চান তাহলে যেভাবে লিখতে হবে 

তাহলো।...<a  href ="codewithak.html "> Md.Ashik </a > 

এখন জানবো  কিভাবে image add করতে হয়।  image এর জন্য ট্যাগ হচ্ছে <img  src=" [ image এর নাম +(.jpg  / .png  / .etc ) ] "  alt = " ak  image  ">  

অর্থাৎ  <img  src=" ashik .jpg "   alt = " আশিককের ইমেজ "> এখানে ( src ) attributes টি হচ্ছে   ইমেজ কোথায় আছে আর ওই ইমেজের নাম।  ওই image একই ফাইলেই থাকতে হবে। 

আর যদি অন্য কোনো ফাইলে থাকে তাহলে যে ভাবে লিখতে হবে। .... <img  src=" image /ashik .jpg "   alt = " আশিককের ইমেজ "> 

এবং আপনি যদি কোনো ফোল্ডারে (folder) থাকেন আর image ওই  ফোল্ডারের বাহিরে থাকে তাহলে ছবির নামের  আগে  (../) দিয়ে ওই ফোল্ডার থেকে বের হতে হবে। তারপর ইমেজের নাম দিতে হবে।  তা কিভাবে লিখতে হবে image সহ দেখিয়ে দিচ্ছি নিচে। .....

<img  src=" ../ashik .jpg "   alt= " আশিককের ইমেজ " > 

image হবে এখানে  :)

আর যদি অন্য কোনো ওয়েব সাইট এর image লাগাতে চান তাহলে যা লিখতে হবে  ...

<img  src=" https://cdn.pixabay.com/photo/2015/12/01/20/28/road-1072823_960_720.jpg "   alt = " আশিককের ইমেজ " > 

আপনারা যদি image এর size ছোট বা বড় করতে চান তাহলে (width , height ) attribute লাগিয়ে নিতে পারেন। 

<img  src=" ../ashik .jpg "   alt= " আশিককের ইমেজ " width =" 20px "  height ="10px ">  

কিন্তু এইটা best way না। এই কাজটা আমরা css দিয়ে করবো। 

আজ আর নয়। আসা করি আপনারা এই গুলো প্রাকটিস (practice) করবেন।