কি ভাবে ওয়েব পেজে ইমেজ ব্যবহার করবেন?

কি ভাবে ওয়েব পেজে ইমেজ ব্যবহার করবেন?

কি ভাবে ওয়েব পেজে ইমেজ ব্যবহার করবেন?

কি ভাবে ওয়েব পেজে ইমেজ ব্যবহার করবেন? আসুন আমরা www.kaziitzone.com এ ওয়েব-পেজে-ইমেজ-ব্যবহার করা শিখি ওয়েব সাইট তৈরি করার জন্য ওয়েব সাইটে অনেক তথ্য সন্নিবেশিত করতে হয় । তার মধ্যে অন্যতম হলো ইমেজ । ইমেজ ব্যবহার করা খুবই জরুরি । ওয়েব পেজকে ব্যবহার কারির কাছে সুন্দর বা আকর্ষণীয় করে তোলার জন্য যেমন ওয়েব পেজের সাথে বিভিন্ন স্টাইলের ফন্ট মানানসই কালার ব্যবহার করা প্রয়োজন তেমনি ভাবে ওয়েব পেজে সুন্দর সুন্দর ইমেজ ব্যবহার করতে হয় । ইমেজ ব্যবহার করা জন্য এইচটিএমএল এ একটি ট্যাগ আছে সেই ট্যাগটি ব্যবহার করে ইমেজ ওয়েব পেজে প্রদর্শন করা যায় ।

এইচটিএমএল <img> ট্যাগ ও src এট্রিবিউট

এইটিএমএল এর <img> ট্যাগটি একটি সিঙ্গেল ট্যাগ । এই ট্যাগটিকে সিঙ্গেল ট্যাগ বলার কারণ ট্যাগটির শুরুর ট্যাগ আছে কিন্ত শেষ ট্যাগ নেই ।

যেমনঃ <img src=”img name”>.

সবাই দেখে থাকবে এইটিএমএল ট্যাগ গুলোর শুরু আছে শেষ ও আছে ।

যেমনঃ <h1>…………….</h1>.

তবে <img> ট্যাগটির শেষ ট্যাগ নেই।

আমি তো দেখালাম <img> ট্যাগটি তবে ট্যাগটি কিভাবে কাজ করে? নিম্নে কোড দেওয়া হলো .html File করে কোড দেখে লিখে নিন এবং কোড রান করে দেখে নিন ট্যাগটি কিভাবে কাজ করে ।

উদাহরণ

<!DOCTYPE html>

<html>

<body>

 

<h2>HTML Image</h2>

<img src=”pic.jpg>

 

</body>

</html>

কি ভাবে ওয়েব পেজে ইমেজ ব্যবহার করবেন?

কি ভাবে ওয়েব পেজে ইমেজ ব্যবহার করবেন?

উদাহরণ ব্যাখ্যা

  • <!DOCTYPEhtml> ঘোষণাটি সংজ্ঞা দেয় যে এই নথিটি একটি HTML5 নথি ।
  • < html > উপাদানটি একটি HTML পৃষ্ঠার মূল উপাদান ।
  • < head > উপাদানটিতে HTML পৃষ্ঠা সম্পর্কে মেটা সম্পর্কিত তথ্য রয়েছে ।
  • < title > উপাদানটি HTML পৃষ্ঠার জন্য একটি শিরোনাম নির্দিষ্ট করে (যা ব্রাউজারের শিরোনাম বারে বা পৃষ্ঠার ট্যাবে প্রদর্শিত হয়) ।
  • <body> উপাদানটি নথির শরীরে সংজ্ঞায়িত করে এবং শিরোনাম, অনুচ্ছেদ, চিত্র, হাইপারলিঙ্কস, টেবিল, তালিকা ইত্যাদি সমস্ত দৃশ্যমান সামগ্রীর জন্য একটি ধারক ।
  • <h1> উপাদানটি একটি বড় শিরোনামকে সংজ্ঞায়িত করে ।
  • <img> উপাদান ইমেজ সংজ্ঞায়িত করে ।
  • Src এট্রিবিউট ইমেজ কেথায় আছে তার লোকেশন নির্ধারণ করে ।

এইটিএমএল ব্যবহার করে ইমেজ ওয়েব পেজে প্রদর্শন করার জন্য <img> ট্যাগটি ব্যবহার করা হয় ।

কি ভাবে ওয়েব পেজে ইমেজ ব্যবহার করবেন? তার সম্পূর্ণ বিষয় এই পোস্ট এ আলোচনা করা হলো। আসা করি এই পোস্টটি দেখলে ওয়েব পেজে ইমেজ ব্যবহার নিয়ে সমস্যা থাকবে না ।

আজ এপর্য্ন্ত আমাদের সঙ্গেই থাকবেন । বাংলায় ওয়েব ডিজাইন এন্ড ডেভেলপমেন্ট কের্স ধারাবাহিক ভাবে আলোচনা করা হবে । সবাই ভালো থাকবেন।

এইচটিএমএল পরিচিতি

এইচটিএমএল পরিচিতি

    এইচটিএমএল পরিচিতি – What is HTML

এইচটিএমএল পরিচিতি এবং এইচ.টি.এম.এল কি? (HTML) এ সম্পর্ক্য়ে সম্পূর্ন বাংলা ভাষায় আজ থেকে প্রকাশ করবে www.kaziitzone.com একটি ওয়েব ডিজাইন এবং অনলাইন বিষায়ক তথ্যবহুল ওয়েবসাইট। HTML বিস্তারিত ওয়েব পেজ তৈরির জন্য আদর্শ মার্কআপ ভাষা । এইচ.টি.এম.এল হলো হাইপার টেক্সট মার্কআপ ল্যাংগুয়েজ HTML full manning- Hyper Text Markup Language এইচটিএমএল কি?

HTML er puro nama ki? এইচটিএমএল (HTML) এর পুরো নাম কী?

এইচটিএমএল (HTML) এর পূর্ণরূপ হচ্ছে: হাইপার টেক্স মার্কআপ ল্যাঙ্গুএজ বা (Hypertext Markup Language) । HTML কিন্তু কোন প্রোগ্রামিং ল্যাংগুয়েজ নয় এটি হচ্ছে এমন একটি ভাষা যার মাধ্যমে নিজের পছন্দ অনুযায়ী ওয়েবসাইট তৈরী করা সম্ভব। এজন্য HTML কে ওয়েব পেজ তৈরীর বিশুদ্ধ ল্যাংগুয়েজ বলা হয়।

  • এইচটিএমএল মানে হাইপারটেক্সট মার্কআপ ল্যাঙ্গুয়েজ ।
  • এইচটিএমএল ওয়েব পেজ তৈরির জন্য আদর্শ মার্কআপ ভাষা ।
  • এইচটিএমএল একটি ওয়েব পেজের গঠন বর্ণনা করে ।
  • এইচটিএমএল বিভিন্ন উপাদানের সমন্বয়ে গঠিত ।
  • এইচটিএমএল উপাদানগুলি সামগ্রীটি কীভাবে প্রদর্শন করতে হয় তা ব্রাউজারকে বলে ।
  • এইচটিএমএল উপাদানগুলি “এটি একটি শিরোনাম”, “এটি একটি অনুচ্ছেদ”, “এটি একটি লিঙ্ক” ইত্যাদি সামগ্রীর টুকরা লেবেল করে ।

 একটি সাধারণ এইচটিএমএল ডকুমেন্ট

উদাহরণ

<!DOCTYPE html>
<html>
<head>
<title>Web Page Title</title>
</head>
<body>

<h1>Heading</h1>
<p>Paragraph.</p>

</body>
</html>

উদাহরণ ব্যাখ্যা

  • <!DOCTYPEhtml>ঘোষণাটি সংজ্ঞা দেয় যে এই নথিটি একটি HTML5 নথি ।
  • < html > উপাদানটি একটি HTML পৃষ্ঠার মূল উপাদান ।
  • < head > উপাদানটিতে HTML পৃষ্ঠা সম্পর্কে মেটা সম্পর্কিত তথ্য রয়েছে ।
  • < title > উপাদানটি HTML পৃষ্ঠার জন্য একটি শিরোনাম নির্দিষ্ট করে (যা ব্রাউজারের শিরোনাম বারে বা পৃষ্ঠার ট্যাবে প্রদর্শিত হয়) ।
  • <body> উপাদানটি নথির শরীরে সংজ্ঞায়িত করে এবং শিরোনাম, অনুচ্ছেদ, চিত্র, হাইপারলিঙ্কস, টেবিল, তালিকা ইত্যাদি সমস্ত দৃশ্যমান সামগ্রীর জন্য একটি ধারক ।
  • <h1> উপাদানটি একটি বড় শিরোনামকে সংজ্ঞায়িত করে ।
  • <p> উপাদান অনুচ্ছেদে সংজ্ঞায়িত করে ।

এইচটিএমএল পরিচিতি এইচটিএমএল এলিমেন্ট কী?

একটি HTML উপাদান একটি স্টার্ট ট্যাগ, কিছু সামগ্রী এবং একটি শেষ ট্যাগ দ্বারা সংজ্ঞায়িত করা হয়:

<tagname> Content here … </tagname>

এইচটিএমএল এর শুরু ট্যাগ থেকে শেষ ট্যাগ এর মধ্যে সমস্ত উপাদান থাকবে ।

<h1>Heading</h1>

<p>Paragraph.</p>

Start tag Element content End tag
<h1> My First Heading </h1>
<p> My first paragraph. </p>
<br> none none

 ওয়েব ব্রাউজার

ওয়েব ব্রাউজারের (ক্রোম , ফায়ারফক্স, সাফারি) যেকোনো একটি হলেই হবে। ওয়েব ব্রাউজারের কাজ এইচটিএমএল নথিগুলি পড়া এবং সেগুলি সঠিকভাবে প্রদর্শন করা।

একটি ব্রাউজার এইচটিএমএল ট্যাগগুলি প্রদর্শন করে না, তবে কীভাবে দস্তাবেজটি প্রদর্শন করতে হয় তা নির্ধারণ করতে সেগুলি ব্যবহার করে ।

 

এইচটিএমএল পরিচিতি

এইচটিএমএল পরিচিতি

Pin It on Pinterest

My title page contents