शीर्षकों, पैराग्राफ और सूचियों के पदानुक्रम के साथ पाठ को व्यवस्थित करना सीखें।
इस पाठ को Kodokon में खोलेंएक रसोई की किताब खोलें: उसमें किताब का शीर्षक होता है, अध्यायों के शीर्षक होते हैं, फिर व्यंजनों के शीर्षक होते हैं। HTML वही पदानुक्रम छह स्तरों के शीर्षकों के साथ प्रदान करता है, <h1> से <h6> तक। h का अर्थ है heading (शीर्षक)। <h1> पेज का मुख्य शीर्षक है, <h2> एक अनुभाग का शीर्षक, <h3> एक उपशीर्षक, और इसी तरह नीचे <h6> तक।
<h1>My recipe notebook</h1>
<h2>Starters</h2>
<h3>Carrot soup</h3>
<h2>Desserts</h2>
<h3>Apple pie</h3>सामान्य पाठ के लिए, आप पिछले पाठ वाले <p> टैग का उपयोग करते हैं। एक महत्वपूर्ण बात: अपनी फ़ाइल में Enter कुंजी दबाने से स्क्रीन पर एक नया पैराग्राफ नहीं बनता। ब्राउज़र पंक्ति विभाजन और बार-बार आने वाले रिक्त स्थानों की उपेक्षा करता है। दो विचारों को अलग करने के लिए, आपको दो अलग-अलग <p> एलिमेंट लिखने होंगे।
<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) से लिखी जाती है।
<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>