HTML में केंद्र पाठ

लेखक: Tamara Smith
निर्माण की तारीख: 28 जनवरी 2021
डेट अपडेट करें: 1 जुलाई 2024
Anonim
सीएसएस केंद्र पाठ क्षैतिज और लंबवत
वीडियो: सीएसएस केंद्र पाठ क्षैतिज और लंबवत

विषय

यह wikiHow आपको HTML वेबसाइट में टेक्स्ट को कैसे केंद्रित करता है, सिखाता है। हम इसके लिए CSS (कैस्केडिंग स्टाइल शीट्स या स्टाइल शीट) का उपयोग करते हैं। हम HTML का उपयोग करते हुए केंद्र में थे केंद्र>टैग, लेकिन यह अब अधिकांश ब्राउज़रों में काम नहीं करता है।

कदम बढ़ाने के लिए

2 की विधि 1: CSS का उपयोग करना

  1. उस टेक्स्ट फ़ाइल को खोलें जिसमें आप अपनी शैलियों का वर्णन करते हैं। अब केंद्र>टैग अब उपयोग नहीं किया जाता है, इस फ़ाइल में एक नया तत्व बनाएं जो आपके HTML दस्तावेज़ के कुछ क्षेत्रों में पाठ को केंद्र में रखेगा। यदि आपके पास एक अलग सीएसएस फ़ाइल नहीं है, तो कोड "शैली>" और "/ शैली" टैग के बीच HTML दस्तावेज़ के शीर्ष पर हैं।
    • के रूप में शैली>- तथा / शैली>टैग अभी तक नहीं हैं, आप उन्हें सीधे के नीचे रख सकते हैं शरीर>निम्नलिखित तरीके से टैग करें:
    • DOCTYPE html> html> शरीर> शैली> / शैली>

  2. एक वर्ग बनाएं जो पाठ को केंद्र में रखे। div>टैग आपके HTML दस्तावेज़ को बताता है कि यह वर्ग किस विशिष्ट खंड से संबंधित है। "स्टाइल" टैग के बीच निम्नलिखित टाइप करें, दो बार क्लिक करना सुनिश्चित करें ↵ दर्ज करें पहली पंक्ति के बाद:

      div.a {}

  3. जोड़ें पाठ संरेखितसंपत्ति। प्रकार पाठ-संरेखित करें: केंद्र; ब्रेसिज़ के बीच में div.a-अनुभाग। "हेडर" अब इस तरह दिखता है:

      DOCTYPE html> html> शरीर> शैली> div.a {पाठ-संरेखण: केंद्र; } / शैली>

  4. सही जोड़ें डिवउस पाठ को टैग करें जिसे आप केंद्र में रखना चाहते हैं। आप इसके माध्यम से करते हैं div>इस पाठ के ऊपर टैग और इसे एक के साथ बंद करना / div>इस पाठ के नीचे टैग। उदाहरण के लिए, यदि आप किसी शीर्षक और उसके नीचे के पैराग्राफ को केंद्र में रखना चाहते हैं, तो यह इस तरह दिखता है:

      div> h1> मेरी वेबसाइट में आपका स्वागत है / h1> p> यह वेबसाइट मुख्य रूप से चीजों के बारे में जानकारी प्रदान करने के लिए है। / p> / div>

  5. उपयोग div.aटैग अन्य तत्वों को केंद्रित करने के लिए। जब आप किसी अन्य तत्व को केंद्र में रखना चाहते हैं, जैसे टैग के बीच सामग्री p> / p> तथा h2> / h2>), आप लिखें div> इस तत्व के लिए और / div> बाद में। चूंकि आपने पहले ही "div.a" को सेंटिंग कोड सीएसएस के रूप में परिभाषित किया है, इसलिए ये तत्व अब केंद्रित भी हैं।

      शैली> div.a {पाठ-संरेखण: केंद्र; } / शैली> div> h2> दान का स्वागत है / h2> p> कृपया / p> / div>

  6. अपने दस्तावेज़ की जाँच करें। हालाँकि आपके वेबपेज पर पाठ अलग है, यह कुछ इस तरह दिखना चाहिए:

      DOCTYPE html> html> शरीर> शैली> div.a {पाठ-संरेखण: केंद्र; } / शैली> div> h1> मेरी वेबसाइट पर आपका स्वागत है / h1> p> यह वेबसाइट मुख्य रूप से चीजों के बारे में जानकारी प्रदान करने के लिए है। / p> / div> div> h2> दान का स्वागत है / h2> p> कृपया / p> / div> / body> / html>

विधि 2 का 2: HTML में "केंद्र" टैग का उपयोग करना

  1. अपना HTML डॉक्यूमेंट खोलें। यह विधि बताती है कि अप्रचलित कैसे प्राप्त करें केंद्र>टैग। यह विधि अभी भी कई ब्राउज़रों में काम कर सकती है, लेकिन इस पर बहुत अधिक भरोसा नहीं करना सबसे अच्छा है।
  2. वह पाठ ढूंढें जिसे आप केंद्र में रखना चाहते हैं। अपने दस्तावेज़ को नीचे स्क्रॉल करें, जब तक कि आप शीर्षक, पैराग्राफ, या अन्य पाठ न खोज लें जिसे आप केंद्र में रखना चाहते हैं।
  3. "केंद्र" टैग को पाठ के दोनों ओर रखें। कोड इस तरह दिखता है केंद्र> पाठ / केंद्र>। यहां, "टेक्स्ट" केंद्रित होने वाला पाठ है। यदि इस पाठ में अन्य टैग हैं, जैसे कि अनुच्छेद से पहले "p> / p>", मौजूदा टैग के बाहर "केंद्र" टैग रखें।

      केंद्र> h1> मेरी वेबसाइट पर आपका स्वागत है / h1> / केंद्र> केंद्र> अपने आप को आरामदायक बनाएं! / केंद्र>

  4. अपने HTML दस्तावेज़ की जाँच करें। यह कुछ इस तरह दिखना चाहिए:

      ! DOCTYPE html> html> body> h1> केंद्र> मेरी वेबसाइट / केंद्र> / h1> केंद्र में आपका स्वागत है> इसे अपने लिए आसान बनाएं! / केंद्र> p1> यह वेबसाइट मुख्य रूप से चीजों के बारे में जानकारी प्रदान करने के लिए है। / p1> शरीर > / एचटीएमएल>