لیست ها در HTML

لیست‌ها در HTML

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

مثال:

یک لیست نامرتب (Unordered List) در HTML:

• آیتم

• آیتم

• آیتم

• آیتم

یک لیست مرتب (Ordered List) در HTML:

1. اولین آیتم

2. دومین آیتم

3. سومین آیتم

4. چهارمین آیتم

لیست نامرتب HTML

یک لیست نامرتب با تگ <ul> شروع میشه. هر آیتم لیست با تگ <li> شروع میشه. آیتم‌های لیست به صورت پیش‌فرض با نقطه‌های کوچک سیاه (bullets) مشخص میشن:

مثال:

<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 (Description Lists)

HTML از لیست‌های توضیحات (Description Lists) هم پشتیبانی می‌کنه. یک لیست توضیحات، لیستی از اصطلاحات هست که برای هر اصطلاح، توضیحی ارائه میشه.

تگ <dl> لیست توضیحات رو تعریف می‌کنه، تگ <dt> اصطلاح (نام) رو تعریف می‌کنه، و تگ <dd> هر اصطلاح رو توضیح میده:

مثال:

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

تگ‌های لیست HTML