Skip to main content

স্টাইল এক্সএমএল ডকুমেন্টস সিএসএস ব্যবহার করে

সিএসএস ব্যবহার করে রঙ ফর্ম্যাটে XML প্রদর্শনের জন্য কিভাবে (জুন 2025)

সিএসএস ব্যবহার করে রঙ ফর্ম্যাটে XML প্রদর্শনের জন্য কিভাবে (জুন 2025)
Anonim

একটি এক্সএমএল ডকুমেন্ট তৈরি করা, ডিটিডি লেখা, এবং ব্রাউজার দিয়ে এটি বিশ্লেষণ করা সব ঠিক আছে, কিন্তু আপনি এটি দেখতে হলে নথিটি কীভাবে প্রদর্শন করবে? এক্সএমএল প্রদর্শন একটি ভাষা নয়। আসলে, XML এর সাথে লিখিত নথির কোনও ফর্ম্যাটিং নেই।

সুতরাং, আমি কিভাবে আমার এক্সএমএল দেখতে পারি?

একটি ব্রাউজারে এক্সএমএল দেখতে চাবি ক্যাসকেডিং স্টাইল শীট। স্টাইল শীটগুলি আপনাকে আপনার XML নথির প্রতিটি দিককে পটভূমিতে আপনার পাঠ্যের আকার এবং রঙ থেকে এবং আপনার অ পাঠ্য বস্তুর অবস্থান নির্ধারণ করতে দেয়।

বলুন আপনার একটি XML ডকুমেন্ট আছে:

>

তরূণী

Layard

জেনিফার

ব্রেন্ডন

যদি আপনি XML এক্সপ্লোরার ব্রাউজারে যে দস্তাবেজটি ইন্টারনেট এক্সপ্লোরার হিসাবে দেখতে পান তবে এটি এমন কিছু প্রদর্শন করবে:

জুডি Layard জেনিফার Brendan

কিন্তু যদি আপনি পিতামাতা এবং শিশু উপাদান মধ্যে পার্থক্য চেয়েছিলেন? অথবা এমনকি নথির সমস্ত উপাদানগুলির মধ্যে একটি দৃশ্যমান পার্থক্য তৈরি করুন। আপনি এক্সএমএল দিয়ে এটি করতে পারবেন না, এবং এটি এমন একটি ভাষা নয় যা প্রদর্শনের জন্য ব্যবহার করা হয়।

তবে সৌভাগ্যক্রমে, ব্রাউজারে দেখলে কীভাবে আপনি সেই দস্তাবেজগুলি এবং অ্যাপ্লিকেশনগুলি প্রদর্শন করতে চান তা নির্ধারণ করতে XML ডকুমেন্টগুলিতে ক্যাসকেডিং স্টাইল শীট বা CSS ব্যবহার করা সহজ। উপরের ডকুমেন্টের জন্য, আপনি HTML ট্যাগ হিসাবে একই ট্যাগের প্রতিটি শৈলী সংজ্ঞায়িত করতে পারেন।

উদাহরণস্বরূপ, এইচটিএমএল-তে আপনি প্যারাগ্রাফ ট্যাগ, (জেরেভা), হেলভেটিকা ​​এবং পটভূমির রঙের সবুজ রঙের ফন্টের সাথে অনুচ্ছেদ ট্যাগগুলির মধ্যে সমস্ত লেখা সংজ্ঞায়িত করতে চাইতে পারেন। স্টাইলশীটে যেটি সংজ্ঞায়িত করতে যাতে সমস্ত অনুচ্ছেদের মতো হয়, আপনি লিখবেন:

পি {

ফন্ট-পরিবার: ওয়ার্ডানা, জেনেভা, হেলভেটিকা;

পটভূমি রঙ: # 00ff00;

}

একই নিয়ম এক্সএমএল ডকুমেন্টস জন্য কাজ। এক্সএমএল প্রতিটি ট্যাগ এক্সএমএল ডকুমেন্টে সংজ্ঞায়িত করা যেতে পারে:

পরিবার {

রঙ: # 000000;

}

পিতামাতা {

ফন্ট পরিবার: আড়াল কালো;

রঙ: # FF0000;

সীমানা: কঠিন 5px;

প্রস্থ: 300px;

}

শিশু {

ফন্ট পরিবার: Verdana, হেলমেটিকা;

রঙ: # সিসি0000;

সীমানা: কঠিন 5px;

সীমানা-রঙ: # সিসি0000;

}

একবার আপনার XML ডকুমেন্ট এবং আপনার স্টাইলশীটটি লিখিত হলে, আপনাকে তাদের একসাথে রাখতে হবে। এইচটিএমএল লিংক কমান্ডের অনুরূপ, আপনি আপনার এক্সএমএল ডকুমেন্টের শীর্ষে একটি লাইন রাখেন (এক্সএমএল ঘোষণাের নিচে), স্টাইলশীটটি কোথায় পাবেন XML প্যাসারারটি বলছে। উদাহরণ স্বরূপ:

উপরে বর্ণিত হিসাবে, এই লাইনটি <? Xml?> ঘোষণাটির নীচে পাওয়া যাবে তবে XML নথিতে কোন উপাদানগুলির আগে।

এটি একত্রিত করে, আপনার এক্সএমএল ডকুমেন্টটি পড়বে:

>

তরূণী

Layard

জেনিফার

ব্রেন্ডন