Tuesday, March 26, 2013

এইচটিএমএল এর খুটি নাটি পর্ব 7 [ ইমেজ ট্যাগের ব্যাবহার]


ইমেজ ট্যাগের ব্যাবহারঃ 

আজকে আমরা দেখবো ,কিভাবে ওয়েব পেজে ইমেজ অ্যাড করতে হয় ?

যখন আমরা ট্যাগ নিয়ে আলোচনা করেছিলাম ,তখন বলেছিলাম ট্যাগ হচ্ছে ২ ধরনের ,কিছু হচ্ছে ডাবল ট্যাগ , মানে যার অপেনিং এবং ক্লোজিং আছে , আর কিছু হচ্ছে সিঙ্গেল ট্যাগ যাদের কিছুই নাই :P

তেমনি ইমেজ ট্যাগ হচ্ছে সিঙ্গেল ট্যাগ

< img />

এবং ছবির উৎস হিসাবে আমরা Source ইউজ করবো ।, আর Source  কে লিখতে হবে src .

তাহলে ব্যাপার টা ক্লিয়ার ??

<img src=” ছবির বিস্তারিত ”/>

প্রথমিক ভাবে দেখবেন , আপনার ছবিটা অনেক বড় শো করতেছে , এখন
height এবং weight আট্টীবিউট ইউজ করে আমরা ছবির সাইজ বড় ছোট করতে পাড়ি ।

প্রমাণঃ <img src=”html.png”height=”150″ weight=”70″/>

এছাড়া Align ( Horizontal) এবং Valign (Vertical) আট্টীবিউট ইউজ করে ছবি কে উপরে নিচে , মাঝে ,ডানে বামে করতে পাড়ি ।

১. align ( Horizontal ) ব্যাবহার করে কি কি করতে পাড়ি ?
  • Right
  • Left
  • Center
  1. Valign(Vertical) ব্যাবহার করে কি কি করতে পাড়ি ?
  • Top
  • Bottom
  • Center

উদারনঃ

<img src=”html.png”height=”150″ weight=”70″ align=”right” />


এইচটিএমএল এ ইমেজ কে কিভাবে লিংক হিসাবে ব্যাবহার করতে হয় ??

আই মিন ছবিতে ক্লিক করলে , কিভাবে ওই ছবির ওয়েব পেজে চলে যেতে হয় ??

<a href=”http://google.com.bd”/><img src=”html.png”height=”150″ weight=”70″ align=”right” /></a>
এখন তাহলে বুজতে পেরেছেন , সবাই চর্চা চালিয়ে যান , তাহলে খুব দ্রুত শিখতে পাড়বেন ।

সেভ করে প্রিভিউ দেখুন .
. তাহলে আজ এখানে শেষ করলাম । বুজতে কোন প্রবলেম হলে , কমেন্ট এ জানাবেন ।

Read more »

এইচটিএমএল এর খুটি নাটি পর্ব ৬ [ মেইল লিংক ক্রিয়েট করতে হয় ]




আজকে আমরা শিখবো , কিভাবে মেইল লিংক ক্রিয়েট করতে হয় ,

আমরা অনেক সময় দেখে থাকি , অনেক ধরনের সাইটে লিখা আছে , Cont. Us তারপর mail us , এই সব হাবি যাবি । দেখবেন Mail us এ ক্লিক করার সাথে সাথে ওই ঠিকানাতে মেইল চলে যাবে , :) আপনার মনে হয়তো প্রস্ন হতে পাড়ে ,এটা কিভাবে হলো ।
তাহলে দেখুনঃ

<a href=”mailto:crkdwnbd@gmail.com”>MAil Us : </a>

আরো একটা জিনিস দেখে নিন ,
আমরা অনেক সময় ওয়েব পেজে ভিজিট করার সময় দেখা যায় , লিংক গুলোর উপরে মাউজের কার্সার নিয়ে গেলে , এক্সট্রা তত্ত্ব দেয় , নিচের ছবিটি দেখুন

আমি এখানে Getting Started এর উপরে আমার মাউজ নিয়ে যাওয়ার সাথে সাথে আমাকে নিচের বক্সসের লিখা টা দেখাইছে ,
তাহলে আসুন দেখে নেই , কিভাবে এই ট্যাগ টা ইউজ করতে হয় ।

আর একটা জিনিস মনে রাখতে হবে আমরা একটা ট্যাগের ভিতরে একাধিক Attribute ইউজ করতে পারি । আর এখন আমরা ইউজ করবো , Title কে , হুম এখন আপনার প্রশ্ন জাগতে পারে , তাহলে উপরে আমরা কিসের টাইটেল ইউজ করেছিলাম।

> টাইটেল হচ্ছে ২ ধরনের , একটা হচ্ছে ট্যাগ টাইটেল আর আরেক টা হচ্ছে  Attribute টাইটেল ।

এখন আমরা  Attribute টাইটেল ইউজ করবো , এটা কে টুলটিপস বলে ,

উদারনঃ <a href=”mailto:crkdwnbd@gmail.com” title=”Click here For send mail”>MAil Us : </a>

##নিচের ছবিটি দেখুনঃ

এখন তাহলে বুজতে পেরেছেন , সবাই চর্চা চালিয়ে যান , তাহলে খুব দ্রুত শিখতে পাড়বেন ।

সেভ করে প্রিভিউ দেখুন .
. তাহলে আজ এখানে শেষ করলাম । বুজতে কোন প্রবলেম হলে , কমেন্ট এ জানাবেন ।

Read more »

এইচটিএমএল এর খুটি নাটি পর্ব ৫ [ লিঙ্ক ট্যাগ এর ব্যাবহার ]




এইচটিএমএল  টিউটোরিয়ালে আজকে আমরা শিখবো কিভাবে লিংক টাগের ব্যাবহার করতে হয় ?
লিংক ট্যাগ শুরু হয় <a> দিয়ে ।
<a> নাম </a>
মনে করুনঃ
আমরা গুগল হোম পেজের লিংক ক্রিয়েট করতে চাচ্ছি , তাহলে
<a href=”http://google.com.bd”>Go to Google</a>
এভার আপনার ওয়েব পেজটা সেভ করে দেখুন :) যত প্রকার লিংক ক্রিয়েট করতে হয় ,সব গুলো এই একই সিস্টেম -এ করতে হয় ।
এভার দেখুন । কিভাবে একই পেজে অন্য আরেক পেজের লিংক বা ওয়য়েব ডিরেক্টরি করতে হয় , মানে একই সাইটের ৩ টা ৪ টা পেজ থাকে ,তাইলে এক পেজে ক্লিক করলে কিভাবে , অন্য পেজে যেতে হয় ।
তাহলে এইভাবে শুরু করতে হবে
<a href=”2page.html”>Go to 2nd Page </a>
আবার মনে করুন । এখই পেজের মধ্যে , আপনি ভিউয়ার কে সহজে তার কাঙ্কিত পেজে নিয়ে যেতে চান , আই মিন
একটা পেজের মধ্যে অনেক কিছু থাকবে । আলু , মাছ, তরকারী etc .
এখন ভিজিটর যেনো আলু তে ক্লিক করলে । সে তার নিদ্দ্রিস্ত রেজাল্টে চলে যেতে পারে , সে ক্ষেত্রে
আমরা কিভাবে লিংক টা করবো ??
তাহলে শুরু করতে হবে , এইভাবে
<a name=”আলু [ অন্য কোন নামও দিতে পারেন ] ”> category আলু </a>
লিংক এর ব্যাবহার টা হবেঃ
<a href=”#আলু”>আলুর দাম দেখুন </a>
সেভ করে প্রিভিউ দেখুন .
. তাহলে আজ এখানে শেষ করলাম । বুজতে কোন প্রবলেম হলে , কমেন্ট এ জানাবেন ।

Read more »