Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> HTML

HTML में टेक्स्ट को केंद्रित करना

HTML में टेक्स्ट को कैसे केन्द्रित करें

पहली चीज़ जो हम प्रोग्रामर के रूप में सीखते हैं, वह यह है कि टेक्स्ट के ब्लॉक्स को कैसे अलाइन किया जाए। इस लेख में, हम इस बात पर एक नज़र डालेंगे कि स्टाइल और एलाइन विशेषताओं का उपयोग करके आपके कंटेनर के केंद्र में टेक्स्ट को कैसे संरेखित किया जाए।

शैली की विशेषताएं

जब हम html में एक डिव के साथ काम कर रहे होते हैं, तो हम इनलाइन-स्टाइलिंग को शामिल करने के लिए स्टाइल एट्रिब्यूट का उपयोग कर सकते हैं। हम CSS प्रॉपर्टी का उपयोग करेंगे text-align हमारे टेक्स्ट को <div> . में केन्द्रित करने के लिए .

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Center with Style Attribute</title>
</head>
<body>
   <div class="container" style="text-align:center;">
       <p>Text to center</p>
   </div>
</body>
</html>

गुण संरेखित करें

जब हम HTML में टेबल के साथ काम कर रहे होते हैं तो हम align एट्रिब्यूट्स का उपयोग कर सकते हैं। यह केवल <col> . पर काम करेगा , <colgroup> , <tbody> , <td> , <tfoot> , <th> , <thead> , <tr> तत्व

<!DOCTYPE html>
   <head>
       <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
       <title>Center with Align Attribute</title>
   </head>
   <body>
       <table border=1 width="800" align="center">
           <tr>
             <th>Month</th>
             <th>Savings</th>
           </tr>
           <tr align="center">
             <td>January</td>
             <td>$100</td>
           </tr>
           <tr align="center">
             <td>February</td>
             <td>$80</td>
           </tr>
         </table>
   </body>
</html>

जब आप टेक्स्ट को केंद्र में रखना सीख रहे हों तो याद रखने वाली बड़ी बात यह है कि संरेखण उस कंटेनर पर निर्भर करता है जिसमें वह है। यदि कंटेनर केवल आधा पृष्ठ लेता है, तो यह उस कंटेनर की लंबाई पर केंद्रित होगा, न कि पूरे पृष्ठ पर।

यही सब है इसके लिए! अब आप जानते हैं कि टेक्स्ट को <div> . पर कैसे केन्द्रित किया जाता है तत्व और <table> तत्व


  1. एचटीएमएल डीआईआर विशेषता

    HTML में dir विशेषता का उपयोग किसी तत्व में सामग्री की दिशा निर्धारित करने के लिए किया जाता है। आइए अब HTML में dir एट्रिब्यूट को लागू करने के लिए एक उदाहरण देखें - उदाहरण <!DOCTYPE html> <html> <body>    <h2>Demo Heading</h2>    <p>This is no

  1. HTML प्लेसहोल्डर विशेषता

    HTML प्लेसहोल्डर विशेषता उस पाठ का प्रतिनिधित्व करती है जो इनपुट/पाठ क्षेत्र . में प्रदर्शित होता है उपयोगकर्ता द्वारा कुछ भी दर्ज करने से पहले तत्व। सिंटैक्स निम्नलिखित वाक्य रचना है - आइए हम HTML प्लेसहोल्डर विशेषता का एक उदाहरण देखें - उदाहरण शरीर { रंग:#000; ऊंचाई:100 वीएच; पृष्ठभूमि-रंग:

  1. HTML टेक्स्ट फ़ॉर्मेटिंग

    HTML टेक्स्ट फ़ॉर्मेटिंग उन HTML तत्वों को संदर्भित करता है जो विशेष रूप से HTML दस्तावेज़ में सामग्री को स्वरूपित करने के लिए डिज़ाइन किए गए हैं। सिंटैक्स निम्नलिखित वाक्य रचना है - <tagname>content</tagname> HTML में टेक्स्ट फ़ॉर्मेटिंग टैग निम्नलिखित हैं: Sr.No. टैग और स्पष्टीकरण