এইচটিএমএল ইমেজ গাইডলাইন

  • Reading time:10 mins read

ইমেজ সিনট্যাক্স এইচটিএমএল এর মধ্যে যেকোনো ধরনের ইমেজ ব্যবহার করার জন্য <img>  ট্যাগ ব্যবহার করা হয় | <img> এর আগে শুধুমাত্র স্টার্টিং ট্যাগ থাকে কোন এন্ডিং ট্যাগ থাকে না | <img> ট্যাগ এর মধ্যে সবসময় দুইটি Sub Tag ডিক্লেয়ার করার প্রয়োজন হয়, যা ইমেজ কে নির্দিষ্ট করে বুঝাতে সাহায্য করে | Src-  সোর্স এট্রিবিউট এর মাধ্যমে  ইমেজের ফাইল ডিরেক্টরি নির্ধারণ করে দেওয়া হয় |  Alt-  অল্টারনেটিভ এর মাধ্যমে ইমেজ রিলেটেড টেক্সট শো করানো হয় | ইমেজ সিনট্যাক্স এর উদাহরন <img src=”https://wigmarketing.com/”; alt=”WigMarketing Digital Solution”; > এইচটিএমএল ইমেজ ট্যাগ লিস্ট ( HTML Image Tag List ) <img> -  ইমেজ ট্যাগ ব্যবহার…

এইচটিএমএল জাভাস্ক্রিপ্ট ( HTML JAVASCRIPT )

  • Reading time:5 mins read

এইচটিএমএল জাভাস্ক্রিপ্ট কি ? ( WHAT IS HTML JAVASCRIPT ? ) জাভাস্ক্রিপ্ট একটি প্রোগ্রামিং ল্যাঙ্গুয়েজ, আর এইচটিএমএল একটি মার্কআপ ল্যাংগুয়েজ এই দুইটির সমন্বয়ে যখন কোন ওয়েব পেজ তৈরি করা হয় তখন একটি পেজকে Static থেকে ডায়নামিক এ রূপান্তর করা হয় | এই স্ট্যাটিক থেকে ওয়েবপেজকে ডাইনামিক এ রুপান্তর করার প্রক্রিয়া এইচটিএমএল জাভাস্ক্রিপ্ট | এইচটিএমএল জাভাস্ক্রিপ্ট এর উদাহরণ ( EXAMPLE OF JavaScript IN HTML) এখানে যদি আমরা কোন ওয়েব পেজের মধ্যে  বাটনের মাধ্যমে আপডেটেড ডেট এন্ড টাইম দেখাতে চাই, তাহলে যেভাবে এটি কাজ করবে সেটা আমরা এখন সেটা দেখব | <body>             <button type="button"             onclick="document.getElementById('demo').innerHTML = Date()">             Click here to display Date…

HTML Color Codes এর ব্যবহার শিখুন

  • Reading time:11 mins read

এইচটিএমএল এর মাধ্যমে  ওয়েব পেজ তৈরি করার জন্য বিভিন্ন ধরনের কালার এর প্রয়োজন হয় |  এইচটিএমএল এর মাধ্যমে  বিভিন্ন উপায় এ কালার সেটআপ করা হয় | এই অধ্যায় আমরা এইচটিএমএল কালার ব্যবহারের 4 টি বিষয় সম্পর্কে জানব, কালারের নাম ব্যবহার করে কালার সেট আরজিবি ব্যবহার করে কালার সেট হেক্স ভ্যালু ব্যবহার করে কালার সেট HSL ভ্যালু ব্যবহার করে কালার সেট কালারের নাম ব্যবহার করে এইচটিএমএল কালার সেট এইচটিএমএল স্টাইল এট্রিবিউট ব্যবহার করে কালার এবং ব্যাকগ্রাউন্ড কালার সেটাপ করা যায় |  আমরা এখন দেখব কিভাবে কালারের নাম ব্যবহার করে এইচটিএমএল কালার সেটআপ করা হয় |  <!DOCTYPE html> <html> <head> <meta charset=”utf-8”>…

এইচটিএমএল ক্লাস এট্রিবিউট

  • Reading time:5 mins read

এইচটিএমএল এর মাধ্যমে  ওয়েব পেজ তৈরি করার জন্য একাধিক এলিমেন্ট কে একই ডিজাইন করার জন্য ক্লাস এট্রিবিউট ব্যবহার করা হয় | এইচটিএমএল এর মাধ্যমে ওয়েব পেজ তৈরি করার সময় যখন আপনার একাধিক এলিমেন্ট ডিজাইন করার প্রয়োজন হবে তখন আপনি ক্লাস এট্রিবিউট ব্যবহার করে সেই কাজটি দ্রুত করে নিতে পারবেন | আজকের এই  চ্যাপ্টার থেকে আমরা দেখবো কিভাবে এইচটিএমএল এর মাধ্যমে ওয়েব পেজ তৈরি করার সময় ক্লাস এট্রিবিউট ব্যবহার করা হয় |  চলুন তাহলে জেনে নেয়া যাক কিভাবে একটি ওয়েব পেজ তৈরি ক্লাস এট্রিবিউট ব্যবহার করা হয় |  যেকোনো একটি  এইচটিএমএল অডিটর ওপেন করবেন | এইচটিএমএল এর বেসিক স্ট্রাকচার তৈরি করবেন  হেড সেকশন…

এইচটিএমএল আইফ্রেম ট্যাগ

  • Reading time:4 mins read

এই চ্যাপ্টার থেকে আপনি যা যা জানতে পারবেনঃ আইফ্রেম কি ? আইফ্রেম এর সিনট্যাক্স  কিভাবে আইফ্রেম এর হাইট এবং ওয়েট  সেট করতে হয় কিভাবে আইফ্রেম থেকে বর্ডার রিমুভ করতে হয় একটি ওয়েব পেজের মধ্যে আরেকটি ওয়েবপেজকে প্রদর্শন করার জন্য আইফ্রেম ব্যবহার করা হয়।কোন ওয়েব পেজের মধ্য আইফ্রেম দেখানোর ক্ষেত্রে <iframe>  ট্যাগ ব্যবহার করা হয় | আমাদের টিউটোরিয়াল টি দেখুন আরো ভালোভাবে বুঝতে পারবেন।'' iframe html - Besic Structure, Height-Width, Border & Redirect '' https://youtu.be/1ZoURVdz_Dw?t=22 ওয়েব পেজে html iFrame সেটআপ করার সিনট্যাক্স <iframe src=”url”> </iframe> [এখানে সোর্স এট্রিবিউট আইফ্রেম  এর মধ্য যে লিংক থাকে সেই লিঙ্কে নির্দেশ করার জন্য ব্যবহার করা…

এইচটিএমএল লিস্ট

  • Reading time:5 mins read

এইচটিএমএল পেজের মধ্যে যখন একই বিষয়ে বিভিন্ন আইটেম কে লিস্ট করার প্রয়োজন হয় তখন এইচটিএমএল লিস্ট ব্যবহার করা হয় | এইচটিএমএল মার্কআপ ল্যাংগুয়েজ এ যেসকল লিস্ট ট্যাগ ব্যবহার করা হয় তার নিচে তুলে ধরা হলো - <li> </li> লিস্ট ডিক্লেয়ার করার জন্য ব্যবহার করা হয় < li >   ট্যাগটি |<ul> </ul> আন  অর্ডার লিস্ট তৈরি করতে ব্যবহার করা হয় |<ol> </ ol> অর্ডার লিস্ট তৈরি করতে ব্যবহার করা হয় |<dl> </dl> ডেসক্রিপশ লিস্ট তৈরি করতে ব্যবহার করা হয় |<dt> </dt> ডেসক্রিপশন লিষ্টের আইটেম নির্দেশ করে |<dd> </dd> ডিসক্রিপশন লিষ্টের একটি আইটেম বর্ণনার ক্ষেত্রে ব্যবহার করা হয় যেকোনো লিস্ট তৈরি…

এইচটিএমএল টেবিল

  • Reading time:7 mins read

ওয়েব পেজ তৈরি করার সময় বিভিন্ন ধরনের টেবিল প্রয়োজন হয় | রো এবং কলাম এর মাধ্যমে একটা সুন্দর ডিজাইন তৈরি করে ওয়েবপেজের তথ্যগুলো  সাজানোর ক্ষেত্রে এইচটিএমএল টেবিল ট্যাগ ব্যবহারের করা হয় ||  আজকের এই চ্যাপ্টার থেকে আমরা এইচটিএমএল টেবিল সম্পর্কে বিস্তারিত ভাবে জানবো | এইচটিএমএল ট্যাগ এর ভিতরে বিভিন্ন ধরনের সাবট্যাগ ব্যবহার করে একটি টেবিল কে সম্পন্ন ভাবে ওয়েব পেজে প্রদর্শন করা হয় | এইচটিএমএল  এর মাধ্যমে টেবিল তৈরিতে ব্যবহৃত ট্যাগ গুলো উল্লেখ করা হলো এবং তাদের কাজ  সম্পর্কে বর্ণনা করা হলো- <table></table> - টেবিল ডিক্লেয়ার করার জন্য ব্যবহার করা হয় |<th></th> - টেবিলের হেডিং নির্দেশ করতে ব্যবহার করা হয়<tr>…

এইচটিএমএল লিংক

  • Reading time:2 mins read

যেকোনো একটি ওয়েব পেজ তৈরি করার জন্য বিভিন্ন ধরনের লিংক ব্যবহার করা হয় এই লিঙ্ক মূলত একটি পেজকে  অন্য একটি ওয়েবপেজের সাথে সংযোগ করতে সাহায্য করে |  যখন কেউ এই লিঙ্কে ক্লিক করে তখন সে অন্য পেজে রি-ডাইরেক্ট হয়ে সেই পেজের ভিউ দেখতে পারে | আজকের এই  চ্যাপ্টার থেকে আমরা শিখব কিভাবে এইচটিএমএল এ লিঙ্ক ব্যবহার করতে হয় |  চলুন শুরু করা যাক, আপনি যখন  ওয়েব পেজে কোন লিংক ব্যবহার করতে চাইলেন তার জন্য আপনাকে সেই পেজের কোড গুলো কোন এডিটর এ ওপেন করতে হবে | যেকোনো একটি কোড এডিটর ওপেন করবেন এইচটিএমএল এর বেসিক স্ট্রাকচার টা তৈরি করবেন বডি সেকশন এর…

এইচটিএমএল কমেন্ট

  • Reading time:2 mins read

একটি ওয়েবসাইট তৈরিতে বিভিন্ন ধরনের  কোডিং ব্যবহার করা হয় |  একজন ডেভেলপার যখন কোন ওয়েবসাইট বা ওয়েব পেজ তৈরি করে তখন বিভিন্ন ধরনের  কোডিংব্যবহার করার সময়  কিছু সংকেত রেখে যায় |  তেমনিভাবে যখন একজন ডেভেলপার এইচটিএমএল এর মাধ্যমে ওয়েব পেজ তৈরি করে তখন সে কিছু সংকেত রেখে যায় যা  কমেন্ট হিসেবে পরিচিত | এই কমেন্ট এর মাধ্যমে অন্য যেকোনো ডেভেলপার এইচটিএমএল কোড এডিট করার সময় সেই বিষয়টি বুঝতে পারে |  কমেন্ট কখনোই ওয়েব ব্রাউজারে শো করে না,  এটা ব্রাউজার থেকে হাইড করা থাকে |  তবে কেউ এই কোড এডিট করতে গেলে সে এবিষয়টি দেখতে পায় যাতে তার এডিট করা সহজ…

এইচটিএমএল প্যারাগ্রাফ

  • Reading time:2 mins read

এইচটিএমএল এর মাধ্যমে ওয়েব পেজ তৈরি করার জন্য  বিভিন্ন ধরনের ট্যাগ এর প্রয়োজন হয় |  একটা ওয়েবসাইট তৈরিতে কাঙ্খিত কনটেন্ট প্রদান করা হয় |  এইচটিএমএল এ প্যারাগ্রাফ এর মাধ্যমে  প্রদর্শন করা হয় | আজকের এই টিউটোরিয়াল  এ এইচটিএমএল প্যারাগ্রাফ সম্পর্কে বিস্তারিতভাবে আলোচনা করা হবে | এখান থেকে আপনি যা যা জানতে পারবেন - এইচটিএমএল প্যারাগ্রাফ কি ?প্যারাগ্রাফ এর ব্যবহার  এইচটিএমএল প্যারাগ্রাফ কি? এইচটিএমএল মার্কআপ ল্যাংগুয়েজ এর মাধ্যমে পেজ তৈরি করার জন্য বিভিন্ন ধরনের টাকার প্রয়োজন হয় এবং ওয়েব কনটেন্ট কে ব্রাউজারে প্রদর্শন করানোর জন্য ডিটেলস যে বিষয়গুলো আলোচনা করা হয় সেগুলো কে একটা ট্যাগের মাধ্যমে প্রকাশ করা হয় এইটাই হচ্ছে …

End of content

No more pages to load