যদি আপনি সিএসএস শৈলী এইচটিএমএল পেজগুলি সম্পর্কে সচেতন হন, তবে আপনি ফর্ম্যাটিংয়ের ধারণাটির প্রশংসা করবেন। এক্সএমএল মার্কআপ ভাষা প্রারম্ভে, তথ্য প্রদর্শন করাটি একটু জটিল ছিল, কিন্তু স্টাইল শীটগুলির সাথে এটি পরিবর্তিত হয়েছিল।
একটি স্টাইলশীট রেফারেন্স যোগ করে, আপনি একটি ওয়েব পৃষ্ঠা হিসাবে আপনার এক্সএমএল কোড বিন্যাস এবং প্রদর্শন করতে পারেন। সিএসএস বা অন্য কোনও ফর্ম্যাটিং ছাড়াই, এক্সএমএল একটি ত্রুটি সহ মৌলিক লেখা হিসাবে উপস্থিত রয়েছে যা বলে যে ব্রাউজারটি একটি ফর্ম্যাটিং নথি খুঁজে পেল না।
এক্সএমএল স্টাইলিং উদাহরণ
একটি সহজ শৈলী শীট শুধুমাত্র আপনি তথ্য প্রদর্শন করতে উপাদান এবং বিন্যাস বৈশিষ্ট্য প্রয়োজন তালিকা প্রয়োজন।
কোডের এই বিটটি প্রসেসরকে কীভাবে দেখায় এবং কীভাবে তাদের ওয়েব পৃষ্ঠাতে দেখতে হবে তা বলে।
বিন্যাস ফাইল প্রথম লাইন মূল উপাদান। রুটের বৈশিষ্ট্যগুলি পুরো পৃষ্ঠায় প্রয়োগ করা হয় তবে আপনি প্রতিটি ট্যাগের জন্য এটি পরিবর্তন করেন। এর অর্থ হল আপনি পৃষ্ঠার জন্য পটভূমির রঙ এবং তারপর প্রতিটি বিভাগের জন্য আবার নামকরণ করতে পারেন।
এই ফাইলটি আপনার এক্সএমএল ফাইলের মতো একই ডিরেক্টরিতে সংরক্ষণ করুন এবং এটি নিশ্চিত করুন যে এতে CSS ফাইল এক্সটেনশান রয়েছে।
এক্সএমএল থেকে সিএসএস লিঙ্ক
এই সময়ে, এই দুটি সম্পূর্ণ পৃথক নথি। প্রসেসরের কোন ধারণা নেই যে আপনি তাদের ওয়েব পৃষ্ঠা তৈরি করতে একসাথে কাজ করতে চান।
আপনি এক্সএমএল ডকুমেন্টের উপরে একটি বিবৃতি যোগ করে এটি ঠিক করতে পারেন যা সিএসএস ফাইলের পথ চিহ্নিত করে। বিবৃতিটি প্রাথমিক XML ঘোষণা বিবৃতির অধীনে সরাসরি চলে যায়, এটির মতো:
এই উদাহরণে, সিএসএস ফাইল বলা হয় products.css , এ কারণেই এটিকে XML নথিতে লেবেল করা হয়েছে। সিএসএস ফাইলের জন্য যে কোনও ফাইল নাম বেছে নিন তা পরিবর্তন করুন।
