জাভাস্ক্রিপ্ট ছাড়াই হোভার টেক্সট যোগ করুন যেমন আমরা একজন ব্যবহারকারীর নামে হোভার করি

উপরের কোড অনুযায়ী:

• একটি '
  'এর সাথে 'এলিমেন্ট যোগ করা হয়েছে' শিরোনাম 'শুরুতে বৈশিষ্ট্য'

  ট্যাগ
• দ্য ' শিরোনাম ” বৈশিষ্ট্যটিতে এমন পাঠ্য রয়েছে যা ব্যবহারকারী পাঠ্যের উপরে মাউস কার্সার ঘোরানোর সময় প্রদর্শিত হওয়ার কথা।
• উদ্বোধন এবং সমাপ্তির মধ্যে '
  ” ট্যাগ হল সেই টেক্সট যা ইন্টারফেসে প্রদর্শিত হবে যার উপরে হোভার টেক্সট প্রদর্শিত হবে।

উপরের যোগ করা উদাহরণ নিম্নলিখিত আউটপুট প্রদর্শন করবে:

পদ্ধতি 2: 'স্প্যান' এলিমেন্টের মাধ্যমে হোভার টেক্সট যোগ করুন

একটি হোভার টেক্সটও যোগ করা যেতে পারে ' HTML এ উপাদান। এটির জন্য যা প্রয়োজন তা হল শিরোনাম বৈশিষ্ট্যে হোভার টেক্সট যোগ করা এবং প্রকৃত এইচটিএমএল উপাদান যার জন্য হোভার টেক্সটটি ওপেনিং এবং ক্লোজিং এর মধ্যে যোগ করা হয় “ ' ট্যাগ.

উদাহরণ

সন্নিবেশ করার জন্য একটি সহজ উদাহরণ যোগ করা যাক ” একটি HTML উপাদানের উপর হোভার টেক্সট যোগ করার উদ্দেশ্যে HTML নথিতে উপাদান:

উপরের উদাহরণে:

• একটি ' 'এর সাথে 'এলিমেন্ট যোগ করা হয়েছে' শিরোনাম 'খোলার ভিতরে বৈশিষ্ট্য' ট্যাগ
• দ্য ' শিরোনাম ” অ্যাট্রিবিউটে এমন টেক্সট থাকে যা ব্যবহারকারীর ওভার করার সময় প্রদর্শিত হওয়ার কথা।
• খোলা এবং বন্ধের মধ্যে ' ” ট্যাগ হল সেই টেক্সট যা ব্যবহারকারীর কাছে প্রদর্শিত হবে যার উপরে হোভার টেক্সট প্রদর্শিত হবে।

আউটপুট

এটি জাভাস্ক্রিপ্ট ব্যবহার না করে একটি হোভার টেক্সট যোগ করার সম্ভাব্য পদ্ধতিগুলিকে সংক্ষিপ্ত করে৷

উপসংহার

জাভাস্ক্রিপ্ট ফাংশন ব্যবহার করার প্রয়োজন ছাড়াই এইচটিএমএলে একটি হোভার টেক্সট সহজেই যোগ করা যায়। বিকাশকারীকে হয় '