القوائم
القوائم غير المرتبة والمرتبة والوصفية.
كل الدروس · دروس HTML: تعلّم من الصفر
القوائم غير المرتبة والمرتبة
إذا لم يكن ترتيب العناصر مهمًا فاستخدم <ul> (نقطية) وإن كان مهمًا فاستخدم <ol> (مرقّمة). وكل بند عنصر <li>. وللقائمة <ol> السمتان start وreversed.
<h3>Shopping</h3> <ul> <li>Bread</li> <li>Cheese</li> <li>Tomatoes</li> </ul> <h3>Tea in 3 steps</h3> <ol> <li>Boil water</li> <li>Add tea</li> <li>Wait five minutes</li> </ol>
القوائم المتداخلة
تُوضع القائمة الفرعية داخل <li> قبل وسم إغلاق ذلك البند. وهذا البناء أساس القوائم وجداول المحتويات.
<ul>
<li>Frontend
<ul>
<li>HTML</li>
<li>CSS</li>
</ul>
</li>
<li>Backend</li>
</ul>قوائم الوصف
لأزواج المصطلح–الشرح يوجد <dl>: يمثل <dt> المصطلح و<dd> شرحه. وهو مناسب للمسارد وقوائم الخصائص.
<dl> <dt>HTML</dt> <dd>The language that structures a page.</dd> <dt>CSS</dt> <dd>The language that styles it.</dd> </dl>