কন্টেন্ট

• ধাপ
• পরামর্শ

সঠিক কোডিংয়ের জন্য এইচটিএমএলগুলিতে প্রান্তিককরণের জন্য সিএসএস (ইংরাজী, ক্যাসকেডিং স্টাইল শিটস, বা পর্তুগিজ ভাষায় ক্যাসকেডিং স্টাইল শিট) ব্যবহার করা প্রয়োজন, তবে সমস্ত সাইট আপনাকে একই পদ্ধতিতে সারিবদ্ধ করার জন্য স্টাইল শিটগুলি কাস্টমাইজ করার অনুমতি দেয় না not আপনার ওয়েব পৃষ্ঠার সঠিক অংশ। আপনি এটির জন্য কোনও স্টাইল শীট যুক্ত করতে না পারলেও, আপনি যেভাবে চান তেমনভাবে কোনও কিছুতে কীভাবে সংযুক্ত করবেন তা সন্ধান করুন। এই কৌশলটিকে "ইনলাইন" সিএসএস বলা হয়।

ধাপ

পদ্ধতি 1 এর 1: এইচটিএমএল দিয়ে পাঠ্য সারিবদ্ধ করুন

1. 

   প্রতিটি বিভাগকে ঘিরে যে সারিবদ্ধকরণটি "ডিভ" ট্যাগের মাধ্যমে সংশোধিত হবে। এর অর্থ হ'ল প্রথম এইচটিএমএল চিহ্নিতকারীর আগে এর প্রান্তিককরণ পরিবর্তন হওয়ার আগে "" এর চেয়ে কম "(<) এবং" বৃহত্তর "(>) এর মধ্যে" ডিভ "যুক্ত করা দরকার।

2. 

   
   
   কীভাবে আপনাকে "ডিভ" এর পাঠ্যের প্রান্তিককরণটি পরিবর্তন করতে হবে তা নির্ধারণ করুন।

3. 

   আপনার যদি পাঠ্যটি বামে প্রান্তিককরণের প্রয়োজন হয় তবে "ডিভ" ট্যাগটি পরিবর্তন করুন যাতে নীচের পাঠ্যটি "<>" চিহ্নগুলির মধ্যে রয়েছে: ডিভ স্টাইল = ‘পাঠ্য-সারিবদ্ধ: বাম’।
   • আপনার যদি পাঠ্যের ডানদিকে প্রান্তিককরণের প্রয়োজন হয় তবে "ডিভ" ট্যাগটি "ডিভ স্টাইল =’ টেক্সট-সারিবদ্ধ: ডান ’" "<>" চিহ্নগুলির অভ্যন্তরে পরিবর্তন করুন।
   • আপনার যদি পাঠ্যটি মাঝখানে প্রান্তিককরণের প্রয়োজন হয়, "ডিভ" ট্যাগটিকে "ডিভ স্টাইল =’ পাঠ্য-সারিবদ্ধ: কেন্দ্রে ’" "<>" চিহ্নগুলির মধ্যে রাখুন।
   • আপনার যদি পাঠ্যটি ন্যায়সঙ্গত করার প্রয়োজন হয় তবে "ডিভ" ট্যাগটিকে "ডিভ স্টাইল = 'টেক্সট-সারিবদ্ধ করুন:" << "চিহ্নের অভ্যন্তরে ন্যায্যতা দিন" change

4. 

   
   
   আপনার পরিবর্তনগুলি সংরক্ষণ করুন।

5. 

   প্রান্তিককরণ কাজ করেছে তা নিশ্চিত করতে আপনার সামগ্রীর উপস্থিতি পরীক্ষা করুন।
   • যদি এটি কাজ না করে তবে সাইটের স্টাইল শীটে একটি নির্দিষ্ট কোড রয়েছে যা এর "ডিভ" প্রতিস্থাপন করে। প্রতিটি উপাদানের খোলার ট্যাগের অভ্যন্তরে "স্টাইল =’ পাঠ্য-প্রান্তিককরণ: ডান ’’ এর উপযুক্ত সংস্করণ যুক্ত করে সেই সাইটের স্টাইল শিটটি প্রতিস্থাপন করুন, যাতে এর প্রান্তিককরণটি পরিবর্তিত হয়। উদাহরণস্বরূপ, একটি "পি" ট্যাগ "p> =" টেক্সট-সারিবদ্ধ: ডান "" "<>" চিহ্নগুলির মধ্যে পরিণত হবে।

6. 

   
   
   আপনার পাঠ্যটি যেমনটি চান ঠিক তেমন দেখাতে মজা করুন।

পদ্ধতি 2 এর 2: এইচটিএমএল সঙ্গে চিত্র সারিবদ্ধ

1. 

   আপনি যে চিত্রটি সারিবদ্ধ করতে চান তার HTML কোড সন্ধান করুন।

2. 

   এটিতে যথাযথ "ফ্লোট" বৈশিষ্ট্য যুক্ত করতে "img" ট্যাগটি সম্পাদনা করুন।
   • আপনার যদি বাম দিকে ছবিটি থাকতে হয় তবে ট্যাগটিতে "স্টাইল = 'ফ্লোট: বাম'" যুক্ত করুন, যাতে এটি "<>> চিহ্নগুলির অভ্যন্তরে" img শৈলী = ’ভাসা: বামে" "দেখায়।
   • আপনার যদি ডানদিকে থাকা চিত্রটির প্রয়োজন হয় তবে ট্যাগটিতে "স্টাইল = 'ফ্লোট: ডান'" যোগ করুন, যাতে এটি "<>" চিহ্নগুলির অভ্যন্তরে "img শৈলী = 'ফ্লোট: ডান'" দেখায়।
   • আপনার যদি চিত্রটি কেন্দ্রের মধ্যে থাকতে হয় তবে কোডটি কিছুটা জটিল। "ফ্লোট: সেন্টার" বৈশিষ্ট্য নেই, সুতরাং আপনাকে ট্যাগটিতে "শৈলী = 'প্রান্তিককরণ: কেন্দ্র; পাঠ্য-প্রান্তিককরণ: কেন্দ্র'" যুক্ত করতে হবে, যাতে এটি দেখতে "img শৈলী = 'সারিবদ্ধ: কেন্দ্র; পাঠ্য-সারিবদ্ধ: কেন্দ্র '", আবার" <> "চিহ্ন সহ।

3. 

   আপনার কোড সংরক্ষণ করুন।

4. 

   আপনার সারিবদ্ধ চিত্র উপভোগ করুন!

পরামর্শ

• আপনি পাঠ্য সারিবদ্ধকরণ পরিবর্তন করতে "p align =’ কেন্দ্রের ’ট্যাগটি (অভ্যন্তরীণ <> অভ্যন্তরে) দেখে থাকতে পারেন। এটি এড়িয়ে চলুন, যেমন এটি পুরানো হয়ে গেছে এবং বড় ব্রাউজারগুলি এটি সমর্থন করা বন্ধ করার আগে সময়ের বিষয় মাত্র।
• এইচটিএমএল দিয়ে কীভাবে চিত্রগুলি সারিবদ্ধ করা যায় সে সম্পর্কে নির্দেশাবলী আপনাকে এইচটিএমএল সহ বিভাগগুলি সারিবদ্ধ করার অনুমতি দেয়। এইচটিএমএল দিয়ে পাঠ্য কীভাবে প্রান্তিককরণ করতে হবে সেই নির্দেশাবলী অনুসারে "ডিভ" ট্যাগ সহ বিভাগটি ঘিরে নিন। চিত্রের প্রান্তিককরণের দিকনির্দেশগুলিতে "ডিভ" এবং "ইমগ" ট্যাগ দুটিতে "ভাসমান" সম্পত্তি যুক্ত করুন।
• কোডটি যদি একেবারে সঠিকভাবে না দেখানো হয় তবে কোনও HTML HTML কোডিং অপসারণ করার জন্য এটি সম্ভব যে কোনও ফিল্টার রয়েছে। তবে এটিও সম্ভব যে একটি সেমিকোলন অনুপস্থিত, একটি "এর চেয়ে বড়" বা "এর চেয়ে কম" চিহ্ন বা আপনার এনকোডিংয়ে উদ্ধৃতি রয়েছে এবং যে অনুপস্থিত রয়েছে তা আপনার কোডটিকে কাজ করা থেকে বিরত করবে। এটি পরীক্ষা করে দেখুন, বিশেষত যদি কিছু জায়গায় সঠিকভাবে কিছু কোড প্রয়োগ করা হচ্ছে এবং অন্যদের ক্ষেত্রে নয়।