لیست

لیست در html:

از لیست ها می توانیم برای دسته بندی استفاده کنیم همچنین در ساخت منو ها کاربرد دارند. با استفاده از صفت های مختلف می توانیم لیست هایی با ظاهر مختلف بسازیم.
در html دو نوع لیست داریم: لیست سفارشی و لیست معمولی به مثال زیر توجه کنید:

یک لیست معمولی در
  • Coffee
  • Tea
  • Milk

یک لیست سفارشی در
  1. Coffee
  2. Tea
  3. Milk


<h5>یک لیست معمولی در </h5>
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul><hr>
<h5>یک لیست سفارشی در </h5>
<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li></ol>


همانطور که مشاهده شد از تگ <li> برای نمایش یک آیتم استفاده می شود.توسط صفت list-style-type می توانیم اشکال و اعداد کنار آیتم ها را تغییر دهیم یا حذف کنیم.همچنین میتوانیم بجای یک آیتم از یک لیست دیگر استفاده کنیم و یا آیتم ها را به جایی لینک کنیم.

مـــهم برای داشتن لیست های افقی از خاصیت float:left یا display:inline استفاده کنید.از این طریق میتوانید منو های خود را طراحی کنید.

 

صفحه بعدیصفحه قبلی

 

تاریخ آخرین بروز رسانی: 2017/12/30

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

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