Kodokon kodokon.com

पाठ को व्यवस्थित करना: शीर्षक, पैराग्राफ और सूचियाँ

शीर्षकों, पैराग्राफ और सूचियों के पदानुक्रम के साथ पाठ को व्यवस्थित करना सीखें।

7 मिनट · 3 प्रश्न

इस पाठ को Kodokon में खोलें

एक रसोई की किताब खोलें: उसमें किताब का शीर्षक होता है, अध्यायों के शीर्षक होते हैं, फिर व्यंजनों के शीर्षक होते हैं। HTML वही पदानुक्रम छह स्तरों के शीर्षकों के साथ प्रदान करता है, <h1> से <h6> तक। h का अर्थ है heading (शीर्षक)। <h1> पेज का मुख्य शीर्षक है, <h2> एक अनुभाग का शीर्षक, <h3> एक उपशीर्षक, और इसी तरह नीचे <h6> तक।

HTML
<h1>My recipe notebook</h1>
<h2>Starters</h2>
<h3>Carrot soup</h3>
<h2>Desserts</h2>
<h3>Apple pie</h3>
शीर्षकों का एक पदानुक्रम, किसी किताब की विषय-सूची की तरह।

सामान्य पाठ के लिए, आप पिछले पाठ वाले <p> टैग का उपयोग करते हैं। एक महत्वपूर्ण बात: अपनी फ़ाइल में Enter कुंजी दबाने से स्क्रीन पर एक नया पैराग्राफ नहीं बनता। ब्राउज़र पंक्ति विभाजन और बार-बार आने वाले रिक्त स्थानों की उपेक्षा करता है। दो विचारों को अलग करने के लिए, आपको दो अलग-अलग <p> एलिमेंट लिखने होंगे।

HTML
<h2>Apple pie</h2>
<p>A simple recipe, perfect for beginners.</p>
<p>Allow 30 minutes of preparation in total.</p>
एक अनुभाग शीर्षक के बाद दो पैराग्राफ।

वस्तुओं को सूचीबद्ध करने के लिए, HTML दो प्रकार की सूचियाँ प्रदान करता है। <ul> टैग (unordered list) बुलेट बिंदु दिखाता है: यह खरीदारी की सूची के लिए एकदम सही है, जहाँ क्रम मायने नहीं रखता। <ol> टैग (ordered list) संख्याएँ दिखाता है: यह किसी व्यंजन के चरणों के लिए आदर्श है। दोनों ही मामलों में, सूची में प्रत्येक वस्तु <li> टैग (list item) से लिखी जाती है।

HTML
<ul>
  <li>3 apples</li>
  <li>1 pie crust</li>
  <li>2 spoonfuls of sugar</li>
</ul>
<ol>
  <li>Preheat the oven to 180 degrees.</li>
  <li>Cut the apples into slices.</li>
  <li>Bake for 35 minutes.</li>
</ol>
सामग्री के लिए एक बुलेट सूची, चरणों के लिए एक क्रमांकित सूची।

ज्ञान जांच

सुनिश्चित करें कि आपको इस पाठ के मुख्य बिंदु याद हैं।

  1. किसी पेज के मुख्य शीर्षक के लिए आप कौन सा टैग उपयोग करते हैं?
    • <h6>
    • <h1>
    • <p>
    • <heading>
  2. कौन सा टैग एक क्रमांकित सूची बनाता है?
    • <ul>
    • <ol>
    • <li>
  3. आप स्क्रीन पर दो अलग-अलग पैराग्राफ कैसे दिखाते हैं?
    • फ़ाइल में दो बार Enter दबाकर
    • दो अलग-अलग <p> एलिमेंट लिखकर
    • वाक्यों के बीच रिक्त स्थान जोड़कर