لیست‌ها

از ویکی‌کد، دانشنامهٔ برنامه‌نویسی
پرش به ناوبری پرش به جستجو

لیست های HTML به نویسندگان وب اجازه می دهد مجموعه‌ای از موارد مرتبط را به وسیلهٔ لیست‌ها، گروه‌بندی کنند.

Time2wait.svg ساخت نمونه مثال این بخش در دست اقدام است.


مشاهدهٔ نتیجه


لیست نامرتب HTML

یک لیست نامرتب با تگ <ul> آغاز می شود. هر آیتم لیست با تگ <li> آغاز می شود.[۱]

آیتم‌های لیست بطور پیش فرض با bulletها (دایره‌های کوچک سیاه) نشانه‌گذاری می‌شوند:

مثال

<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>


مشاهدهٔ نتیجه


لیست مرتب HTML

لیست مرتب با تگ <ol> آغاز می شود. هر آیتم لیست با تگ <li> آغاز می شود.

آیتم‌های لیست با اعداد نشانه‌گذاری می‌شوند:

مثال

<ol>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>


مشاهدهٔ نتیجه


لیست های توصیفی HTML

HTML لیست‌های توصیفی را نیز پشتیبانی می‌کند.

یک لیست توصیفی، لیستی از عبارت‌ها با توصیف هر عبارت است.

تگ <dl> لیست توصیفی را مشخص می کند، تگ <dt> عبارت را مشخص می کند (نام)، و تگ <dd> هر عبارت را توصیف می کند:

مثال

<dl>
  <dt>Coffee</dt>
  <dd>- black hot drink</dd>
  <dt>Milk</dt>
  <dd>- white cold drink</dd>
</dl>


مشاهدهٔ نتیجه




منابع آموزشی