কীভাবে এইচটিএমএল অ্যাঙ্কর করবেন

সুচিপত্র:

কীভাবে এইচটিএমএল অ্যাঙ্কর করবেন
কীভাবে এইচটিএমএল অ্যাঙ্কর করবেন

ভিডিও: কীভাবে এইচটিএমএল অ্যাঙ্কর করবেন

ভিডিও: কীভাবে এইচটিএমএল অ্যাঙ্কর করবেন
ভিডিও: এইচটিএমএল ফর বিগিনার: অ্যাঙ্কর ট্যাগ কীভাবে ব্যবহার করবেন 2024, মে
Anonim

আপনি যদি সাইটের সাইটের নিবন্ধগুলি তালিকা আইটেমগুলির মধ্যে একটি সুবিধাজনক রূপান্তর করতে চান তবে সাইটে অ্যাঙ্করটি খুব কার্যকর। তারা পৃষ্ঠাটি কাঙ্ক্ষিত বিন্দুতে ঘুরিয়ে দেয় বা পছন্দসই পৃষ্ঠাটি খুলুন, ব্যবহারকারীকে তার প্রয়োজনীয় তথ্য দ্রুত সন্ধান করতে সহায়তা করুন।

কীভাবে এইচটিএমএল অ্যাঙ্কর করবেন
কীভাবে এইচটিএমএল অ্যাঙ্কর করবেন

আপনি যদি নিজের সাইটে লিখতে থাকেন তবে কীভাবে আপনার সাইটের নেভিগেশনকে আরও সুবিধাজনক করা যায় সে সম্পর্কে আপনার চিন্তাভাবনা করা উচিত ছিল। যাতে ব্যবহারকারীকে আপনার সাইটের সমস্ত পৃষ্ঠাগুলির মধ্যে তার প্রয়োজনীয় তথ্য অনুসন্ধান করতে না হয়, "অ্যাঙ্কর" কৌশলটি ব্যবহার করা ভাল is এটি আপনার সাইটের যে কোনও তথ্য বা নথির লিঙ্ক তৈরি করবে।

তত্ত্ব

অ্যাঙ্কর তৈরি করতে আপনার দুটি উপাদান দরকার:

  • কোডটির অংশটি, যা আমাদের নোঙ্গরের লিঙ্কটি নির্দেশ করে, সাইটের অন্য অংশে রেখে গেছে।
  • কোডের যে কোনও অংশে কোনও শনাক্তকারী নির্দিষ্ট করা যায় তা হ'ল আমাদের অ্যাঙ্কর।

প্রথমে আপনাকে অ্যাঙ্কারের প্রথম অংশটি তৈরি করতে হবে - এটির একটি লিঙ্ক। একটি অ্যাঙ্কর লিঙ্কের দুটি অংশ রয়েছে: একটি পৃষ্ঠা লিঙ্ক এবং একটি অ্যাঙ্কর লিঙ্ক।

  1. একটি "একটি" ট্যাগ বা অন্য কোনও ট্যাগ তৈরি করুন যা "href" গুণকে সমর্থন করে
  2. এই ট্যাগে "href" বৈশিষ্ট্য তৈরি করুন
  3. বৈশিষ্ট্য মানের সাইটের পৃষ্ঠায় একটি লিঙ্ক উল্লেখ করুন।
  4. লিঙ্কটির পরে, অ্যাঙ্করের প্রতীক এবং অ্যাঙ্কারের কোনও নাম ব্যবহার করে অ্যাঙ্করের লিঙ্কটি নির্দেশ করুন (একসাথে লিখিত, উদাহরণস্বরূপ: "# অ্যাঙ্কর")

আপনি যদি পয়েন্ট 3 এড়িয়ে যান এবং সাইট পৃষ্ঠাতে কোনও লিঙ্ক নির্দিষ্ট না করেন তবে অ্যাঙ্করটি বর্তমান পৃষ্ঠায় সন্ধান করা হবে। এটি হ'ল, যদি আপনি একই পৃষ্ঠায় অবস্থিত কোনও অ্যাঙ্করটির লিঙ্ক তৈরি করতে চান তবে আপনি পৃষ্ঠাটির লিঙ্কটি নিজেই বাদ দিতে পারেন।

এটি অ্যাঙ্কারের দ্বিতীয় অংশটি সনাক্ত করতে পারে। এটি সাইটের কোডের যে কোনও ট্যাগকে আইডি বৈশিষ্ট্যটি সমর্থন করে to অ্যাঙ্কর তৈরি করতে আপনার প্রয়োজন:

  1. প্রয়োজনীয় ট্যাগটিতে একটি "আইডি" বৈশিষ্ট্য তৈরি করুন।
  2. "আইডি" বৈশিষ্ট্যে, পূর্ববর্তী পদক্ষেপে নির্দিষ্ট হওয়া অ্যাঙ্কর নামের মান উল্লেখ করুন। (উদাহরণ:)

এই দুটি পদক্ষেপের পরে, সাইটে একটি লিঙ্ক উপস্থিত হবে যা আপনাকে নির্দিষ্ট অ্যাঙ্কারে নিয়ে যাবে।

অনুশীলন করা

আসুন বিবেচনা করা যাক কীভাবে একটি নির্দিষ্ট উদাহরণ ব্যবহার করে অ্যাঙ্কর তৈরি করবেন।

আমাদের মতো একটি সাধারণ পৃষ্ঠা রয়েছে:

চিত্র
চিত্র

আমাদের পৃষ্ঠার উপরে এবং নীচে পাঠ্য রয়েছে, প্রচুর "বিআর" ট্যাগ রয়েছে যা পাঠ্যের মধ্যে স্থান তৈরি করে। আমাদের একটি অ্যাঙ্কর তৈরি করা দরকার যাতে আমরা নীচের অংশে দ্রুত পাঠ্যটি দেখতে পারি।

এটি করতে, একটি নতুন ট্যাগ তৈরি করুন - শিলালিপিটির পরে "শীর্ষে টেক্সট" "একটি"। এটিতে আমরা "href" বৈশিষ্ট্য তৈরি করি। অ্যাঙ্করটিকে আরও সুবিধাজনক করার জন্য, আমরা লিঙ্কটিতে "ডাউন" লিখব।

চিত্র
চিত্র

এখন আমরা অ্যাট্রিবিউটে "# ইয়াকর" মানটি নির্দিষ্ট করি - এটি অ্যাঙ্কারের নামের লিঙ্ক হবে।

চিত্র
চিত্র

অ্যাঙ্কারের প্রথম অংশ - এর লিঙ্ক - প্রস্তুত। এখন যা বাকি আছে তা হ'ল অ্যাঙ্করটি তৈরি করা। আমরা পৃষ্ঠার কাঙ্ক্ষিত অংশে প্রেরণ করি। এই ক্ষেত্রে এটি "নীচে পাঠ্য"। যেহেতু এটি কোনও ট্যাগ ছাড়াই সাধারণ পাঠ্য, তাই আমাদের এটি তৈরি করা দরকার। এটি করার জন্য, পাঠকে একটি "অনুচ্ছেদে" - ট্যাগ "পি" এ সংযুক্ত করুন।

এই ট্যাগটিতে আমরা "আইডি" বৈশিষ্ট্য তৈরি করি এবং এর মধ্যে "ইয়াকোর" মানটি লিখি। "ইয়াকোর" মানটি লিঙ্কটিতে নির্দিষ্ট করা অ্যাঙ্করের নামের সাথে মিলে।

চিত্র
চিত্র

এখন আমাদের অ্যাঙ্করটি যেমনটি করা উচিত কাজ করছে।

প্রস্তাবিত: