বেশিরভাগ ক্ষেত্রে, এইচটিএমএল-পৃষ্ঠাগুলিতে ইনডেন্টের আকার নির্দিষ্ট করতে, সিএসএস ভাষার ক্ষমতা (ক্যাসকেডিং স্টাইল শীট) ব্যবহৃত হয়। যদিও এইচটিএমএল ভাষায় নিজেই বেশ কয়েকটি "প্রাথমিক" অবশেষ রয়েছে, কিছু ক্ষেত্রে ইন্ডেন্টেশন সেট করার অনুমতি দেয়। নীচে বেশিরভাগ প্রায়শই ব্যবহৃত হয় এমন বিকল্পগুলি নীচে দেওয়া হয়েছে তবে এগুলি ছাড়াও এখনও বিভিন্ন ধরণের কৌশল রয়েছে যা আপনাকে এইচটিএমএল নথিগুলির মানহীন মার্কআপের জন্য ইনডেটগুলি সেট করতে দেয়।
এটা জরুরি
এইচটিএমএল এবং সিএসএস ভাষার প্রাথমিক জ্ঞান
নির্দেশনা
ধাপ 1
পৃষ্ঠা উপাদানটি নির্ধারণ করুন যা থেকে প্রবেশ করতে হবে। উদাহরণস্বরূপ, যদি পাঠ্যটি ট্যাগের ভিতরে স্থাপন করা হয় … (ব্লক), তবে এই ব্লকটি এই পাঠ্যের মূল উপাদান হবে এবং ইনডেন্টটি ব্লকের সীমানা থেকে গণনা করা উচিত। এবং যদি পাঠ্য (বা চিত্র) কোনও ব্লকের (ডিভি, লি, ইত্যাদি) বা ইনলাইন (স্প্যান, পি, ইত্যাদি) উপাদানগুলির মধ্যে না থাকে তবে তার পিতামাতারা নথির বডি (বডি ট্যাগ) হবে। পাঠ্যের জন্য পিতামাতার উপাদান সংজ্ঞায়িত করা প্রয়োজনীয় কারণ তিনিই সেই স্টাইলগুলির বিবরণ স্থাপন করতে পারেন যা সূচকগুলি গঠন করে। আসুন ধরে নেওয়া যাক আপনার পাঠ্যটি একটি ডিভ ব্লকের ভিতরে রাখা হয়েছে: নমুনা পাঠ্য
ধাপ ২
মার্জিন সেট করতে সিএসএস ল্যাঙ্গুয়েজ মার্জিন বৈশিষ্ট্যটি ব্যবহার করুন, অর্থাত্ একটি উপাদানের সীমানা থেকে সংলগ্ন উপাদানগুলির পাশাপাশি প্যারেন্ট উপাদানটির সীমানার দূরত্ব। এই দূরত্বটি প্রতিটি পাশের প্যাডিংয়ের জন্য পৃথকভাবে সেট করা যেতে পারে: মার্জিন-শীর্ষ - উপরে, মার্জিন-ডান - ডানদিকে, মার্জিন-নীচে - নীচে, মার্জিন-বাম - বাম দিকে। উপরের উদাহরণের জন্য, এই সিএসএস কোডটি এর মতো দেখতে পারে: Div {
মার্জিন-শীর্ষ: 10px;
মার্জিন-ডান: 15px;
মার্জিন-নীচে: 40px;
মার্জিন-বাম: 70px;
} এখানে "ডিভ" এমন একটি নির্বাচক যা এই স্টাইলটি ডকুমেন্ট কোডের সমস্ত ডিভগুলিতে প্রয়োগ করা উচিত তা নির্দিষ্ট করে The
মার্জিন: 10px 15px 40px 70px;
Ents ইনডেন্টগুলির মানগুলি সর্বদা এই ক্রমে নির্দিষ্ট করতে হবে: প্রথমে - উপরে, তারপরে - ডান, নীচে এবং বাম দিকে If একবার: ডিভ {
মার্জিন: 70px;
Addition এছাড়াও, আপনি একটি ভাসমান অনুভূমিক মার্জিন সেট করতে পারেন (এটি, বাম এবং ডান)। ব্রাউজার উইন্ডোটির ঠিক ঠিক মাঝখানে যখন কোনও প্রদত্ত প্রস্থের একটি ব্লক সেট করতে হয় তখন এটি খুব কার্যকর হতে পারে। ব্রাউজার নিজেই নির্ধারণ করে যে উভয় পক্ষের কতটা ইনডেন্টেশন হওয়া উচিত, আপনি যদি নিম্নলিখিত সিএসএস বিবৃতিটি লিখেন: ডিভ {
মার্জিন: 0 অটো;
}
ধাপ 3
প্যাডিং সেট করতে প্যাডিং প্রপার্টিটি ব্যবহার করুন যা কোনও উপাদানের সীমানা থেকে পাঠ্যসহ অন্তর্ভুক্ত কোনও উপাদানগুলির দূরত্ব। এই সম্পত্তির বাক্য গঠনটি মার্জিন সম্পত্তি হিসাবে ঠিক একই রকম: ডিভ {
প্যাডিং শীর্ষ: 10 পিএক্স;
প্যাডিং-ডান: 15px;
প্যাডিং-নীচে: 40px;
প্যাডিং-বাম: 70px;
} বা ডিভ {
প্যাডিং: 10px 15px 40px 70px;
}
পদক্ষেপ 4
পাঠ্যের প্রতিটি অনুচ্ছেদের প্রথম লাইনের জন্য অতিরিক্ত ইনডেন্টেশন সেট করতে পাঠ্য-ইনডেন্ট বৈশিষ্ট্যটি ব্যবহার করুন। উদাহরণস্বরূপ: Div
পাঠ্য-ইনডেন্ট: 80px;
}
পদক্ষেপ 5
চিত্রটি বাইরের উপাদানগুলিতে যথাক্রমে অনুভূমিক এবং উল্লম্ব ইনডেন্টেশন সেট করতে এইচটিএমএল ইমগ ট্যাগের hspace এবং vspace বৈশিষ্ট্যগুলি ব্যবহার করুন। উদাহরণস্বরূপ, এটি পছন্দ করুন:
পদক্ষেপ 6
আপনি যদি টেবিলের কক্ষগুলির সীমানা থেকে তাদের সামগ্রীগুলিতে ইন্ডেন্টেশন সেট করতে চান তবে টেবিল ট্যাগের সেলপ্যাডিং বৈশিষ্ট্যটি ব্যবহার করুন। এবং সেলস্প্যাকিং বৈশিষ্ট্যটি টেবিল কোষগুলির মধ্যে ব্যবধান নির্ধারণ করে। উদাহরণ স্বরূপ:
| 1 | 2 |
