برمجة

القوائم

القوائم غير المرتبة والمرتبة والوصفية.

كل الدروس · دروس 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>

المؤلف: Nibras Code