خانه / آموزش HTML / قسمت هفدهم-لیست های HTML
راه اندازی سایت فروشگاهی دیجی کالا و بامیلو
لیست های HTML"

تاریخ بروزرسانی: ۱۴ آبان ۱۳۹۷ تعداد بازدید : 17 بازدید بدون دیدگاه

قسمت هفدهم-لیست های HTML

قدم قبلی >< قدم بعدی

لیست های HTML

لیست های HTML

در این آموزش html  به لیست های HTML می پردازیم.

فهرست نامحدود HTML

یک فهرست غیر ارادی با برچسب <ul> آغاز می شود. هر آیتم لیست با برچسب <li> آغاز می شود.

آیتم های لیست به طور پیش فرض با گلوله (حلقه های کوچک سیاه و سفید) مشخص می شوند:

لیست عناصر مورد نظر را انتخاب کنید

ویژگی list-style-type برای تعیین استایل علامت لیست مورد استفاده می شود:

مرتب سازی لیست HTML

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

موارد لیست با عدد به طور پیش فرض مشخص می شوند:

تگ انتخاب نوع برچسب نشانگر لیست

خصیصه نوع برچسب <ol>، نوع برچسب نشانگر لیست را تعریف می کند:

فهرست توضیحات HTML

HTML نیز از لیست توضیحات پشتیبانی می کند.

فهرست توصیفی یک لیست از اصطلاحات است، با شرح هر اصطلاح.

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

لیست های حاوی HTML

لیست را می توان توزیع کرد (لیست داخل لیست ها):

نکته : اقلام لیست می تواند شامل لیست جدید و دیگر عناصر HTML مانند تصاویر و لینک ها و غیره باشد.

شمارش کنترل لیست

به طور پیش فرض یک لیست مرتب از شمارۀ ۱ آغاز می شود. اگر می خواهید شروع به شمارش از یک عدد مشخص شده، می توانید از ویژگی start استفاده کنید:

لیست افقی با CSS

لیست های HTML را می توان با بسیاری از روش های مختلف با CSS طراحی کرد.

یکی از راه های محبوب این است که لیستی را به صورت افقی بنویسید تا یک فهرست ناوبری ایجاد کنید:

 

گام قبلی >< گام بعدی
قسمت هفدهم-لیست های HTML
5 (100%) 2 votes

لینک کوتاه این مطلب: https://tiktheme.com/?p=11743


کانال تلگرام تیک تم

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *