کار با لیست ها در html

همانطور که گفتم لیست ها رو میشه به چند روش ایجاد کرد که در ادامه با اونها آشنا میشیم:

لیست نامرتب ( Unordered list )

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


مثال های کاربردی

کد را امتحان کنید

<ul>
    <li>قند</li>
    <li>شکر</li>
    <li>نبات</li>
</ul>

لیست مرتب ( Ordered list )
یک لیست مرتب با استفاده از تگ <ol> شروع و هر مورد آیتم با تگ <li> ایجاد میشود. لیست های مرتب هنگام استفاده با ترتیب خاص موارد انجام می شود.

به مثال توجه کنید تا ابهام رفع شود :


مثال های کاربردی

کد را امتحان کنید

<ol>
    <li>اول منو استارت کلیک کنید</li>
    <li>در پنجره باز شده گزینه تنظیمات</li>
    <li>روی گزینه تایپ کلیک کنید</li>
</ol>

لیست دارای توضیحات ( Description )

لیست شرح دار با استفاده از تگ <dl> ایجاد می شود. از تگ <dt> جهت آیتم مادر و اصلی لیست و از تگ  <dd> برای شرح و توضیحات ,از این نوع لیست میتوانید برای آیتم که نیاز به شرح دادن و توضیحات داشته باشه استفاده کنید به مثال توجه بشه لطفا :


مثال های کاربردی

کد را امتحان کنید

<dl>
    <dt>تاکسی تلفنی</dt>
    <dd>شرکتی میباشد که توسط ارتباط تلفنی خدمات مسافر بری را انجام میدهد</dd>
    <dt>تاکسی اسنپ</dt>
    <dd>شرکتی میباشد که توسط اینترنت خدمات مسافر بری را انجام میدهد</dd>
</dl>

نتیجه گیری در این مقاله با هم آموختیم که چگونه کار با  لیست ها و انواع آن در سند و صفحه html انجام بدیم امیدوارم عمق مطلب رو بخوبی درک کرده و در صورت دوست داشتن به اشتراک بزارید و از هر گونه سوال یا نظرات خودتون ما رو در ادامه دلگرم کنید یا حق.

ثبت دیدگاه های شما