এইচটিএমএলে একটি ছবিতে একটি লিঙ্ক যুক্ত করুন

লেখক: Christy White
সৃষ্টির তারিখ: 12 মে 2021
আপডেটের তারিখ: 9 মে 2024
Anonim
এইচটিএমএল ইমেজ টিউটোরিয়াল
ভিডিও: এইচটিএমএল ইমেজ টিউটোরিয়াল

কন্টেন্ট

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

পদক্ষেপ

পদ্ধতি 1 এর 1: এইচটিএমএল কোড লিখুন

  1. একটি HTML ফাইল তৈরি করুন। একটি পাঠ্য সম্পাদক খুলুন এবং তারপরে একটি নতুন ফাইল তৈরি করুন। ফাইলটিকে সূচিপত্র হিসাবে সংরক্ষণ করুন। Html।
      You আপনি যে কোনও পাঠ্য সম্পাদক চান তা ব্যবহার করতে পারেন, এমনকি উইন্ডোজ (নোটপ্যাড) এবং ম্যাক ওএস এক্স (টেক্সটএডিট) এর সাধারণ পাঠ্য সম্পাদকও।
      HTML আপনি যদি HTML এর সাথে কাজ করার উদ্দেশ্যে কোনও পাঠ্য সম্পাদক ব্যবহার করতে চান তবে উইন্ডোজ, ম্যাক ওএস এক্স এবং লিনাক্সের একটি পাঠ্য সম্পাদক এটিম ডাউনলোড করতে এখানে ক্লিক করুন।
      You আপনি যদি টেক্সটইডিট ব্যবহার করছেন, এইচটিএমএল ফাইল তৈরির আগে ফর্ম্যাট মেনুতে ক্লিক করুন, তারপরে সাদামাটা পাঠ্য ক্লিক করুন। এই সেটিংটি নিশ্চিত করে যে কোনও ওয়েব ব্রাউজারে এইচটিএমএল ফাইলটি সঠিকভাবে লোড হয়।
      Microsoft মাইক্রোসফ্ট ওয়ার্ডের মতো ওয়ার্ড প্রসেসরগুলি এইচটিএমএল লেখার জন্য সত্যই ভাল নয়, কারণ এগুলি অদৃশ্য অক্ষর এবং ফর্ম্যাট যুক্ত করে যা এইচটিএমএল ফাইলকে দূষিত করতে পারে এবং এটি একটি ওয়েব ব্রাউজারে ভুলভাবে প্রদর্শিত হতে পারে।
  2. স্ট্যান্ডার্ড এইচটিএমএল কোডটি অনুলিপি করুন এবং আটকান। নীচে এইচটিএমএল কোডটি নির্বাচন করুন এবং অনুলিপি করুন এবং এটি আপনার খোলার সূচক। Html এ আটকান।

    a href = "টার্গেট url"> img src = "চিত্র url" /> / a>

  3. আপনার চিত্রটির URL সন্ধান করুন। ওয়েবে একটি চিত্র সন্ধান করুন, এটিকে ডান ক্লিক করুন এবং (আপনার ব্রাউজারের উপর নির্ভর করে) চিত্র URL টি অনুলিপি করুন, চিত্রের ঠিকানাটি অনুলিপি করুন বা চিত্রের অবস্থান অনুলিপি করুন ক্লিক করুন।
      • ফায়ারফক্স এবং ইন্টারনেট এক্সপ্লোরার চিত্রের অবস্থানের অনুলিপি ব্যবহার করে। ক্রোম চিত্র অনুলিপিটি ব্যবহার করে। সাফারি অনুলিপি চিত্রের ঠিকানা ব্যবহার করে।
  4. চিত্রটির URL যুক্ত করুন। ইনডেক্স.ইচটিএমএল ফাইলে, আপনার মাউস দিয়ে চিত্রটির URL নির্বাচন করতে ক্লিক করুন এবং টেনে আনুন, তারপরে URL টি আটকানোর জন্য CTRL + V টিপুন।
  5. লক্ষ্যযুক্ত URL যুক্ত করুন। ইনডেক্স। Html এ টার্গেট url এবং টাইপ মুছুন https://www.startpage.com.
      • আপনি লক্ষ্য URL হিসাবে যে কোনও ইউআরএল ব্যবহার করতে পারেন।
  6. এইচটিএমএল ফাইল সংরক্ষণ করুন।
  7. ওয়েব ব্রাউজারে এইচটিএমএল ফাইলটি খুলুন। Index.html এ ডান ক্লিক করুন এবং তারপরে আপনার পছন্দের ওয়েব ব্রাউজারে এই ফাইলটি খুলুন।
      The যদি ব্রাউজারটি খোলে কিন্তু আপনি চিত্রটি না দেখেন তবে নিশ্চিত হয়ে নিন যে আপনি ইমেজ ফাইলের নামটি সঠিকভাবে index.html ফাইলটিতে বানান করেছেন।
      • যখন ব্রাউজারটি খোলে, তবে আপনি ব্যাকগ্রাউন্ড চিত্রের পরিবর্তে এইচটিএমএল কোড দেখতে পান, আপনার সূচিপত্রটি HTML ফাইলটি একটি আরটিএফ ফাইল (সমৃদ্ধ পাঠ্য ফাইল) হিসাবে সংরক্ষণ করা হয়। অন্য পাঠ্য সম্পাদকে HTML ফাইল সম্পাদনা করার চেষ্টা করুন।

পদ্ধতি 2 এর 2: এইচটিএমএল কোড বুঝতে

  1. অ্যাঙ্কার ট্যাগটি বুঝুন। এইচটিএমএল কোডটি খোলার এবং বন্ধ করার ট্যাগ নিয়ে গঠিত। একটি href = ""> ট্যাগ হ'ল শুরুর ট্যাগ এবং </ a> হ'ল শেষ ট্যাগ। এটিকে অ্যাঙ্কর ট্যাগ বলা হয় এবং এটি একটি ওয়েব পৃষ্ঠায় লিঙ্ক যুক্ত করার জন্য ব্যবহৃত হয়।
    • দ্য একটি ব্রাউজারকে লিঙ্ক তৈরি করতে বলে। দ্য href এইচটিএমএল রেফারেন্সের জন্য একটি সংক্ষেপণ the = ব্রাউজারকে সব কিছু পরিবর্তনের জন্য বলে tells ’ ’ একটি লিঙ্ক তৈরি করুন। যে কোনও ইউআরএল দুটি উদ্ধৃতি চিহ্নের মধ্যে স্থাপন করা যেতে পারে।
    • দ্য / a> ব্রাউজারকে বলে যে অ্যাঙ্কর ট্যাগ বন্ধ রয়েছে।
    • আপনি যখন পাঠ্য যোগ করুন a href = ""> এবং / a> এই পাঠ্যটি একটি ওয়েব পৃষ্ঠায় ক্লিকযোগ্য লিঙ্কে পরিণত হয়। এই ক্ষেত্রে: a href = "https://www.google.com"> গুগল / এ> গুগলে একটি লিঙ্ক তৈরি করে।
  2. চিত্র ট্যাগ বুঝতে। Img> ট্যাগ একটি বদ্ধ ট্যাগ। আপনি এটিকে img src = "" /> বা img src = ""> / img> দিয়ে বন্ধ করতে পারেন।
    • দ্য img ট্যাগ একটি ব্রাউজারকে একটি চিত্র প্রদর্শন করতে বলে। দ্য src উত্স জন্য একটি সংক্ষেপণ, ডি = ব্রাউজারকে এর মধ্যে থাকা সমস্ত কিছু মুছতে বলে ’ ’ এবং সেই অবস্থান থেকে চিত্রটি পুনরুদ্ধার করুন।
    • দ্য /> কোনও ব্রাউজারকে চিত্র ট্যাগ বন্ধ করতে বলে।
    • উদাহরণস্বরূপ: amp samp [that সেই URL টি থেকে চিত্রটি পায়, তারপরে এটি একটি ওয়েব ব্রাউজারে প্রদর্শন করে।
  3. এই কোডটি সর্বত্র ব্যবহার করুন। এখন আপনি এই কোডটি জানেন, আপনি পারেন a href = "টার্গেট url"> img src = "চিত্র url" /> / a> এইচটিএমএল কোড সহ যে কোনও ওয়েব পৃষ্ঠায় ক্লিকযোগ্যযোগ্য ছবি যুক্ত করার জন্য।