نحوه ایجاد لیست ها در صفحه html

مطالعه این مقاله : 2 دقیقه

چگونه در سند html لیست بسازیم

لیست سازی در کد نویسی html چقدر لازمه ؟

سری آموزش های html بقولی از صفر تا صد, در این جلسه پی میگیریم با مبحث کار با لیستها در صفحه و سند html و خواهیم آموخت که چگونه انواع مختلفی از لیست ها را در سندمون ایجاد کنیم.بطور کلی چند نوع لیست میتونیم ایجاد کنیم مانند لیست های نامرتب به این معنی که ایتم های ایجاد شده در لیست ترتیب خاصی ندارند.ما در HTML با استفاده از تگ <ul> یک لیست نامرتب و با استفاده از تگ <li> آیتم های موجود در یک لیست نامرتب را ایجاد نماییم. در ادامه …..

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

لیست نامرتب ( 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 انجام بدیم امیدوارم عمق مطلب رو بخوبی درک کرده و در صورت دوست داشتن به اشتراک بزارید و از هر گونه سوال یا نظرات خودتون ما رو در ادامه دلگرم کنید یا حق.

ابر تگ ها :