এইচটিএমএল (হাইপারটেক্সট মার্কআপ ল্যাঙ্গুয়েজ) বিভিন্ন স্তরের শিরোনাম প্রদর্শনের জন্য ছয়টি বিশেষ ট্যাগ সরবরাহ করে। তাদের সবার ডিফল্ট প্যারামিটার রয়েছে (ফন্টের আকার এবং স্টাইল, পূর্ববর্তী এবং পরবর্তী উপাদানগুলির ইনডেন্টের পরিমাণ ইত্যাদি)। এই বিকল্পগুলি সিএসএস নির্দেশাবলী (ক্যাসকেডিং স্টাইল শীট) ব্যবহার করে ওভাররাইড করা যেতে পারে এবং এভাবে ওয়েব পৃষ্ঠার পাঠ্যে শিরোনামগুলির চেহারা পরিবর্তন করতে পারে।
নির্দেশনা
ধাপ 1
ওয়েব পৃষ্ঠার উত্স কোডটিতে ইতিমধ্যে সম্পন্ন না হলে, সংশ্লিষ্ট খোলার এবং সমাপনী ট্যাগগুলির মধ্যে বিভিন্ন স্তরের শিরোনামগুলি রাখুন। উদাহরণস্বরূপ, সর্বাধিক গুরুত্বপূর্ণ শিরোনাম (প্রথম স্তর) ট্যাগগুলির মধ্যে হওয়া উচিত
এবং
:
প্রথম স্তরের শিরোনাম
পরবর্তী সর্বাধিক গুরুত্বপূর্ণ স্তরের সাবহেডিং ট্যাগগুলির মধ্যে স্থাপন করা উচিত
এবং
ইত্যাদি পূর্ববর্তী পর্যায়ের স্তরের শেষটি ষষ্ঠটি -
এবং
ধাপ ২
উত্স কোডের হেডার অংশে (এবং ট্যাগগুলির মধ্যে) একটি বিবৃতি দর্শনার্থীর ব্রাউজারকে জানিয়ে দেয় যে এই জায়গায় সিএসএসে শৈলীর বর্ণনা রয়েছে:
/ * সিএসএসের নির্দেশাবলী এখানে থাকবে * /
ধাপ 3
শুরুর দিকে এবং স্টাইল ট্যাগগুলির মধ্যে, প্রতিটি স্তরের শিরোনামের শৈলীর বর্ণনা যুক্ত করুন যা আপনি দেখতে চান। উদাহরণস্বরূপ, যদি আপনাকে কেবল প্রথম স্তরের শিরোনামগুলির চেহারা পরিবর্তন করতে হয় তবে এই কোডটি এর মতো দেখতে পাওয়া যাবে:
h1 {
লাল রং;
হরফ-আকার: 20px;
হরফ শৈলী: তির্যক;
হরফ ওজন: গা bold়;
মার্জিন-শীর্ষ: 30px;
মার্জিন-নীচে: 20px;
}
এখানে, এইচ 1 নির্দেশ করে যে কোঁকড়ানো ধনুর্বন্ধনী মধ্যে বর্ণন এইচ 1 ট্যাগ বোঝায় এবং একটি "নির্বাচক" বলা হয়। রঙের প্যারামিটারটি পাঠ্যের রঙ নির্ধারণ করে, ফন্ট-আকারের প্যারামিটার হ'ল ফন্টের আকার, ইটালিক মান সহ ফন্ট-শৈলীরটি তির্যক টাইপফেস, সাহসী মান সহ ফন্ট-ওজন সাহসী হয়, মার্জিন-শীর্ষ শীর্ষে থাকে মার্জিন এবং মার্জিন-নীচটি নীচের মার্জিন। দ্বিতীয় স্তরের শিরোনামগুলির জন্য, এইচ 2 নির্বাচনকারী ইত্যাদির সাথে একই ব্লক যুক্ত করুন
পদক্ষেপ 4
শর্টহ্যান্ড সিনট্যাক্সটি ব্যবহার করুন যদি সেখানে বর্ণনা করার জন্য অনেক স্তর থাকে। উদাহরণস্বরূপ, ফন্টের বর্ণনাগুলি একটি প্যারামিটারে, পাশাপাশি ইনডেন্ট মাপের বিবরণে স্থাপন করা যেতে পারে। নমুনা:
h1 {
লাল রং;
হরফ: গা bold় 20px এরিয়াল;
মার্জিন: 30px 0 20px 0;
}
h2
কমলা রঙ;
হরফ: গা bold় 18px এরিয়াল;
মার্জিন: 25px 0 15px 0;
}
মার্জিন প্যারামিটারে, মার্জিনগুলি অবশ্যই একটি স্পেসের (শীর্ষে ডান নীচে বাম) মাধ্যমে শীর্ষ প্রান্ত থেকে শুরু করে ঘড়ির কাঁটা নির্দিষ্ট করতে হবে।
