এইচটিএমএলে কেন্দ্রের পাঠ্য

লেখক: Tamara Smith
সৃষ্টির তারিখ: 28 জানুয়ারি 2021
আপডেটের তারিখ: 1 জুলাই 2024
Anonim
CSS কেন্দ্র পাঠ্য অনুভূমিক এবং উল্লম্ব
ভিডিও: CSS কেন্দ্র পাঠ্য অনুভূমিক এবং উল্লম্ব

কন্টেন্ট

এই উইকিহাউ কীভাবে আপনাকে এইচটিএমএল ওয়েবসাইটে পাঠ্যকে কেন্দ্র করে রাখতে শেখায়। আমরা এটির জন্য সিএসএস (ক্যাসকেডিং স্টাইল শীট বা স্টাইল শীট) ব্যবহার করি। আমরা এইচটিএমএল ব্যবহার করে কেন্দ্র ব্যবহার করতাম কেন্দ্র>ট্যাগ, কিন্তু এটি আর বেশিরভাগ ব্রাউজারে কাজ করে না।

পদক্ষেপ

পদ্ধতি 1 এর 1: সিএসএস ব্যবহার করে

  1. পাঠ্য ফাইলটি খুলুন যাতে আপনি আপনার স্টাইলগুলি বর্ণনা করেন। এখন কেন্দ্র>ট্যাগ আর ব্যবহার করা হয় না, এই ফাইলে একটি নতুন উপাদান তৈরি করুন যা আপনার এইচটিএমএল ডকুমেন্টের কিছু নির্দিষ্ট অংশে পাঠ্যকে কেন্দ্র করে। আপনার যদি পৃথক সিএসএস ফাইল না থাকে তবে কোডগুলি "স্টাইল>" এবং "/ স্টাইল>" ট্যাগের মধ্যে এইচটিএমএল নথির শীর্ষে থাকে।
    • হিসাবে শৈলী>- এবং / শৈলী>ট্যাগগুলি এখনও নেই, আপনি এগুলি সরাসরি নীচে রাখতে পারেন শরীর>নিম্নলিখিত উপায়ে ট্যাগ:
    • ! ডক্টইপিটি এইচটিএমএল> এইচটিএমএল> বডি> শৈলী </ শৈলী>

  2. পাঠ্যকে কেন্দ্র করে এমন একটি শ্রেণী তৈরি করুন। দ্য ডিভ>ট্যাগটি আপনার এইচটিএমএল ডকুমেন্টকে বলে যা এই শ্রেণীর সাথে সম্পর্কিত কোন নির্দিষ্ট বিভাগ। "স্টাইল" ট্যাগের মধ্যে নিম্নলিখিতটি টাইপ করুন, দুবার ক্লিক করার বিষয়টি নিশ্চিত করে ↵ প্রবেশ করুন প্রথম লাইনের পরে:

      Div.a {}

  3. যুক্ত করুন পাঠ্য-সারিবদ্ধসম্পত্তি প্রকার পাঠ্য-সারিবদ্ধ: কেন্দ্র; মধ্যে বন্ধনী মধ্যে Div.a-অধ্যায়. "শিরোলেখ" এখন এইরকম দেখাচ্ছে:

      ! ডক্টইপিটি এইচটিএমএল> এইচটিএমএল> বডি> স্টাইল> ডিভ.এ {পাঠ্য-প্রান্তিককরণ: কেন্দ্র; } / স্টাইল>

  4. সঠিকটি যুক্ত করুন ডিভআপনি যে পাঠ্যকে কেন্দ্র করতে চান তাতে ট্যাগ করুন। আপনি এটি মাধ্যমে ডিভ>এই পাঠ্যের উপরে ট্যাগ করুন এবং এটি দিয়ে বন্ধ করুন / div>এই পাঠ্যের নীচে ট্যাগ। উদাহরণস্বরূপ, আপনি যদি কোনও শিরোনাম এবং এর নীচে অনুচ্ছেদটি কেন্দ্র করতে চান তবে এটি এমন দেখাচ্ছে:

      div> এইচ 1> আমার ওয়েবসাইটে আপনাকে স্বাগতম </ h1> p> এই ওয়েবসাইটটি মূলত জিনিসগুলি সম্পর্কে তথ্য সরবরাহ করার জন্য।

  5. ব্যবহার Div.aঅন্যান্য উপাদানকে কেন্দ্র করে ট্যাগ করুন। আপনি যখন অন্য উপাদানটিকে কেন্দ্র করতে চান যেমন ট্যাগগুলির মধ্যে থাকা সামগ্রী পি </ p> এবং এইচ 2 </ h2>), তুমি টাইপ কর ডিভ> এই উপাদান এবং জন্য / div> পরে। যেহেতু আপনি ইতিমধ্যে "ডিভ.এ" কে কেন্দ্রিক সিএসএস কোড হিসাবে সংজ্ঞায়িত করেছেন, এই উপাদানগুলি এখন কেন্দ্রিকও।

      শৈলী> Div.a {পাঠ্য-প্রান্তিককরণ: কেন্দ্র; style / শৈলী </ div> এইচ 2> অনুদান স্বাগত </ h2> p> দয়া করে </ p> / বিভাগ>

  6. আপনার নথিটি পরীক্ষা করুন। যদিও আপনার ওয়েবপৃষ্ঠায় পাঠ্যটি অবশ্যই আলাদা, তবে এটির মতো দেখতে হবে:

      ! ডক্টইপিটি এইচটিএমএল> এইচটিএমএল> বডি> স্টাইল> ডিভ.এ {পাঠ্য-প্রান্তিককরণ: কেন্দ্র; } / শৈলী </ div> এইচ 1> আমার ওয়েবসাইটে আপনাকে স্বাগতম </ h1> p> এই ওয়েবসাইটটি মূলত জিনিসগুলি সম্পর্কে তথ্য সরবরাহ করার জন্য / </ p> </ div> বিভাগ> এইচ 2> অনুদান স্বাগত </ h2> p> দয়া করে </ p> / বিভাগ </ b> </ html>

পদ্ধতি 2 এর 2: এইচটিএমএলে "কেন্দ্র" ট্যাগ ব্যবহার

  1. আপনার এইচটিএমএল ডকুমেন্টটি খুলুন। এই পদ্ধতিটি কীভাবে অপ্রচলিত হয় তা বর্ণনা করে কেন্দ্র>ট্যাগ এই পদ্ধতিটি এখনও বেশ কয়েকটি ব্রাউজারে কাজ করতে পারে তবে এটির উপর খুব বেশি নির্ভর না করাই ভাল।
  2. আপনি যে পাঠ্যটি কেন্দ্র করতে চান তা সন্ধান করুন। আপনি শিরোনাম, অনুচ্ছেদ বা অন্য পাঠ্যটি না পাওয়া পর্যন্ত আপনার দস্তাবেজটি নীচে স্ক্রোল করুন।
  3. পাঠ্যের উভয় পাশে "কেন্দ্র" ট্যাগটি রাখুন। কোডটি এরকম দেখাচ্ছে কেন্দ্র> পাঠ্য / কেন্দ্র>। এখানে "পাঠ্য" হ'ল পাঠ্যকে কেন্দ্রিক করে তোলা। যদি এই পাঠ্যটিতে অন্য ট্যাগ রয়েছে যেমন অনুচ্ছেদের আগে "পি </ p>", বিদ্যমান ট্যাগগুলির বাইরে "কেন্দ্র" ট্যাগগুলি রাখুন।

      কেন্দ্র> এইচ 1> আমার ওয়েবসাইটে আপনাকে স্বাগত </ h1 </i> কেন্দ্র> নিজেকে আরামদায়ক করুন! / কেন্দ্র>

  4. আপনার এইচটিএমএল নথি পরীক্ষা করুন। এটি দেখতে কিছু দেখতে হবে:

      ! ডক্টইপিটি এইচটিএমএল> এইচটিএমএল> বডি> এইচ 1> কেন্দ্র> আমার ওয়েবসাইট / কেন্দ্র </ h1> কেন্দ্রটিতে আপনাকে স্বাগতম> নিজের পক্ষে এটি সহজ করুন </ কেন্দ্র> পি 1> এই ওয়েবসাইটটি মূলত জিনিসগুলি সম্পর্কিত তথ্য সরবরাহ করার জন্য / </ p>> / বডি > / এইচটিএমএল>