Matn elementlari

<h1>1-daraja: sahifaning asosiy sarlavhasi</h1>
<h2>2-daraja: katta bo'lim</h2>
<h3>3-daraja: kichik bo'lim</h3>
<h4>4-daraja</h4>
<h5>5-daraja</h5>
<h6>6-daraja: eng kichik</h6>

<p>Bu birinchi paragraf. HTML bir nechta bo'shliqni bitta deb hisoblaydi.</p>

<p>
    Bu     matn     ko'p       bo'shliq bilan yozilgan,
    lekin brauzer ularni bitta bo'shliqqa aylantiradi.
</p>

<p>
    Manzil:<br>
    Toshkent shahri,<br>
    Chilonzor tumani
</p>

<hr>

<p>Chiziqdan keyingi matn.</p>

<p>Bu <strong>juda muhim</strong> ma'lumot.</p>
<p>Bu <em>alohida urg'u</em> berilgan so'z.</p>
<p>Bu <b>qalin</b> va bu <i>kursiv</i> matn.</p>
<p>Bu <mark>belgilangan</mark> matn.</p>
<p>Eski narx: <del>50 000</del> Yangi: <ins>35 000</ins> so'm</p>
<p>Suv formulasi: H<sub>2</sub>O, kvadrat: x<sup>2</sup></p>
<p>Buyruq: <code>python asosiy.py</code></p>
<p>Bosing: <kbd>Ctrl</kbd> + <kbd>S</kbd></p>
<p>Natija: <samp>Fayl saqlandi</samp></p>
<p><small>Shartlar amal qiladi</small></p>

<h3>Kerakli vositalar</h3>
<ul>
    <li>Matn muharriri</li>
    <li>Brauzer</li>
    <li>Sabr-toqat</li>
</ul>

<h3>Sayt yaratish bosqichlari</h3>
<ol>
    <li>Rejalashtirish</li>
    <li>HTML tuzilma yozish</li>
    <li>CSS bilan bezash</li>
    <li>Testlash</li>
</ol>

<!-- Raqamlash turini o'zgartirish -->
<ol type="A">
    <li>Birinchi variant</li>
    <li>Ikkinchi variant</li>
</ol>

<!-- Boshqa raqamdan boshlash -->
<ol start="5">
    <li>Beshinchi</li>
    <li>Oltinchi</li>
</ol>

<ul>
    <li>Frontend
        <ul>
            <li>HTML</li>
            <li>CSS</li>
            <li>JavaScript</li>
        </ul>
    </li>
    <li>Backend
        <ul>
            <li>PHP</li>
            <li>Python</li>
        </ul>
    </li>
</ul>

<dl>
    <dt>HTML</dt>
    <dd>Sahifa tuzilmasini belgilaydigan til.</dd>

    <dt>CSS</dt>
    <dd>Sahifa ko'rinishini boshqaradigan til.</dd>

    <dt>DOM</dt>
    <dd>Brauzer hosil qiladigan hujjat daraxti.</dd>
</dl>

<!-- Uzun iqtibos - alohida blok -->
<blockquote cite="https://www.python.org/dev/peps/pep-0020/">
    <p>Sodda murakkabdan yaxshiroq. Murakkab chalkashdan yaxshiroq.</p>
    <footer>— <cite>The Zen of Python</cite></footer>
</blockquote>

<!-- Qisqa iqtibos - matn ichida -->
<p>Tim Berners-Lee <q>Veb hamma uchun bo'lishi kerak</q> degan edi.</p>

<!-- Qisqartma -->
<p><abbr title="HyperText Markup Language">HTML</abbr> - belgilash tili.</p>

<!-- Manzil -->
<address>
    Toshkent shahri, Chilonzor tumani<br>
    Email: <a href="mailto:[email protected]">[email protected]</a>
</address>

<pre>
def salomlashish(ism):
    return f"Salom, {ism}!"

print(salomlashish("Husanboy"))
</pre>

<pre><code>baholar = [85, 92, 78]
print(sum(baholar) / len(baholar))
</code></pre>

<p>&copy; 2026 Softromeda &mdash; barcha huquqlar himoyalangan.</p>
<p>Narx: 50&nbsp;000 so'm</p>
<p>O&lsquo;zbekiston</p>
<p>Shart: <code>a &lt; b &amp;&amp; b &gt; c</code></p>

<article>
    <h1>Python o'rganishni qayerdan boshlash kerak?</h1>

    <p>
        <strong>Python</strong> - boshlovchilar uchun eng qulay dasturlash tillaridan biri.
        Uni o'rganish uchun matematik bilim <em>shart emas</em>.
    </p>

    <h2>Nima kerak?</h2>
    <ul>
        <li>Kompyuter (hatto eski bo'lsa ham)</li>
        <li>Internet - dastlabki o'rnatish uchun</li>
        <li>Kuniga 1&nbsp;soat vaqt</li>
    </ul>

    <h2>Bosqichlar</h2>
    <ol>
        <li>Python&rsquo;ni o'rnatish</li>
        <li>Sintaksis asoslarini o'rganish</li>
        <li>Kichik loyihalar yozish</li>
    </ol>

    <h2>Birinchi dastur</h2>
    <pre><code>ism = input("Ismingiz: ")
print(f"Salom, {ism}!")</code></pre>

    <blockquote>
        <p>Sodda murakkabdan yaxshiroq.</p>
        <footer>— <cite>The Zen of Python</cite></footer>
    </blockquote>

    <h2>Atamalar</h2>
    <dl>
        <dt>Sintaksis</dt>
        <dd>Til grammatikasi - kod qanday yozilishi kerakligi.</dd>

        <dt>Interpretator</dt>
        <dd>Kodni satrma-satr bajaruvchi dastur.</dd>
    </dl>

    <p><small>&copy; 2026 Softromeda Edu</small></p>
</article>