ক্যাসকেডিং স্টাইল শিটস (সিএসএস) অ্যাট্রিবিউটটি সাধারণত ওয়েব পৃষ্ঠাগুলিতে হাইপারলিংকের রঙ পরিবর্তন করতে ব্যবহৃত হয়। এই সমস্যার কম কার্যকরী সমাধান হ'ল এইচটিএমএল ভাষায় (হাইপারটেক্সট মার্কআপ ল্যাঙ্গুয়েজ - "হাইপারটেক্সট মার্কআপ ল্যাঙ্গুয়েজ")।
এটা জরুরি
এইচটিএমএল এবং সিএসএস ভাষার প্রাথমিক জ্ঞান
নির্দেশনা
ধাপ 1
হাইপারলিঙ্কগুলির জন্য একটি স্টাইলিং ব্লক প্রস্তুত করুন। এর সর্বাধিক আকারে এটি দেখতে এলোমেলো হতে পারে: একটি: রঙ: সবুজ} এখানে "ক" কে "নির্বাচক" বলা হয়, যা ইঙ্গিত দেয় যে দস্তাবেজের সমস্ত লিঙ্ক ট্যাগগুলিতে প্রথম বন্ধনীতে স্টাইল বিবরণ প্রয়োগ করা উচিত। সবুজ লিঙ্কটির রঙ নির্ধারণ করে; এটি রঙের একটি খুব রুক্ষ সংজ্ঞা এবং খুব কমই ব্যবহৃত হয়। আরও প্রায়শই, "একটি" সিউডো-শ্রেণি " একটি "নির্বাচককে যুক্ত করা হয় - এটি একটি লেবেল যা আপনাকে তিনটি পৃথক স্থানে লিঙ্কের শৈলী নির্দিষ্ট করতে দেয়।
ধাপ ২
লিঙ্কটির সাধারণ (নিষ্ক্রিয়) স্টাইলটি স্টাইল করতে লিংক সিউডো-ক্লাসটি ব্যবহার করুন। এটি দেখতে এরকম দেখতে পারে, উদাহরণস্বরূপ: একটি: লিঙ্ক {রঙ: সবুজ}
ধাপ 3
হোভারে লিঙ্কটি কীভাবে প্রদর্শিত হবে তা নির্দিষ্ট করতে সিউডো-শ্রেণীর হোভার ব্যবহার করুন। উদাহরণস্বরূপ: একটি: হোভার {রঙ: চুন}
পদক্ষেপ 4
ইতিমধ্যে পরিদর্শন করা লিঙ্কটির স্টাইল বর্ণনা করতে ভিজিট করা সিউডো-ক্লাসটি ব্যবহার করুন। উদাহরণস্বরূপ: ক: পরিদর্শন করা {রঙ: ডার্কগ্রিন}
পদক্ষেপ 5
তিনটি রাজ্যের এক স্টাইলের বর্ণনা ব্লকে একত্রিত করুন। শৈলীর CSS বর্ণনা সহ এইচটিএমএল কোডের চেহারা উদাহরণস্বরূপ, এটি দেখতে পারে:
একটি: লিঙ্ক {রঙ: সবুজ}
একটি: পরিদর্শন করা {রঙ: ডার্কগ্রিন}
একটি: হোভার {রঙ: চুন}
এখানে, প্রারম্ভিক এবং বন্ধ হওয়া এইচটিএমএল স্টাইল ট্যাগগুলি ব্রাউজারকে জানায় যেখানে স্টাইলের বর্ণনা শুরু হয় এবং শেষ হয় এবং তাদের মধ্যে তিনটি স্থানে লিঙ্কের আচরণের বর্ণনা রয়েছে।
পদক্ষেপ 6
উপরে ব্যবহৃত নমুনাটি কেবল বর্ণের বৈশিষ্ট্য দেখায়, তবে অন্যান্য বৈশিষ্ট্যগুলি বর্ণনায় অন্তর্ভুক্ত করা যেতে পারে। উদাহরণস্বরূপ, যদি পৃষ্ঠার নকশার জন্য লিঙ্কটি স্বাভাবিক (নিষ্ক্রিয়) অবস্থায় আন্ডারলাইন করা না হয় তবে কার্সারটি আটকানো অবস্থায় আন্ডারলাইন করা হয় তবে কোডটি নিম্নরূপে সংশোধন করা যেতে পারে:
একটি: লিঙ্ক {রঙ: সবুজ; পাঠ্য-সজ্জা: কিছুই নয়}
একটি: পরিদর্শন {রঙ: ডার্কগ্রিন; পাঠ্য-সজ্জা: কিছুই নয়;
একটি: হোভার {রঙ: চুন; পাঠ্য-সজ্জা: আন্ডারলাইন;
পদক্ষেপ 7
আপনি যদি পৃষ্ঠায় কেবল কয়েকটি লিঙ্কের রঙ পরিবর্তন করতে চান এবং বাকীটি ডিফল্ট সেটিংসের সাথে ছেড়ে যান, তবে প্রতিটি লিঙ্কের ট্যাগটিতে শ্রেণি বৈশিষ্ট্য যুক্ত করা হবে। উদাহরণস্বরূপ, এই হাইপারলিংক শ্রেণীর নাম রাখুন নতুন লিঙ্কগুলি। তারপরে লিঙ্ক ট্যাগটি দেখতে লাগবে: পাঠ্য লিঙ্কটি একই শ্রেণীর নাম অবশ্যই শৈলীর বর্ণনায় যুক্ত করা উচিত:
a.newLinks: link {color: সবুজ; পাঠ্য-সজ্জা: কিছুই নয়}
a.newLinks: পরিদর্শন করা {রঙ: ডার্কগ্রিন; পাঠ্য-সজ্জা: কিছুই নয়;
এ.নিউলিঙ্কস: হোভার {রঙ: চুন; পাঠ্য-সজ্জা: আন্ডারলাইন;
পদক্ষেপ 8
পৃষ্ঠার শিরোনামে - এবং ট্যাগগুলির মধ্যে উপরে বর্ণিত উদাহরণগুলি থেকে প্রস্তুত শৈলীর বিবরণ কোডটি রাখুন। যদি প্রয়োজন হয়, শৈলীর বর্ণনায় ব্যবহৃত নামের সাথে লিঙ্ক ট্যাগগুলিতে একটি শ্রেণি বৈশিষ্ট্য যুক্ত করুন। তারপরে পরিবর্তিত পৃষ্ঠাটি সংরক্ষণ করুন এবং হাইপারলিংকের রঙ পরিবর্তন করার পদ্ধতিটি সম্পন্ন হবে।
