%45 تخفیف، با کد Ghadir روی تمام آموزش ها، بمناسبت عید قربان تا غدیر
زمان باقی مانده (تمدید شد)

تگ li در HTML

مثال (تگ li در HTML)

یک لیست ترتیبی (<ol>) و یک لیست غیر ترتیبی (<ul>) در فهرست HTML :

<ol>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>

خودتان امتحان کنید »

شما می توانید مثال های بیشتری را در پایین این صفحه مشاهده کنید.


تعریف و کاربرد تگ li در HTML

تگ <li> آیتم های یک لیست را تعریف می کند.

از تگ <li> در لیست های ترتیبی (<ol>) لیست های غیر ترتیبی (<ul>)، و در فهرست منو (<menu>) استفاده می شود.


پشتیبانی مرورگرها از تگ li در HTML

عنصر     
<li>بلهبلهبلهبلهبله

تفاوت بین HTML 4.01 و HTML5

خصوصیت "type" در HTML5 پشتیبانی نمی شود.

خصوصیت "value" در HTML 4.01 توصیه نمی شود اما در HTML5 پشتیبانی می شود.


نکته ها و ترفندها

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


خصوصیت ها

خصوصیتمقدارتوضیحات
type1
A
a
I
i
disc
square
circle
درHTML5 پشتیبانی نمی شود.
 
نوع شمارشگر آیتم ها را مشخص می کند.
valuenumberآیتم های یک لیست را مشخص می کند. و مقدار سایر آیتم ها در ادامه از آن مقدار به بعد یکی یکی افزایش می یابد (فقط برای لیست های مرتب (<ol>) استفاده می شود)

ویژگی های عمومی تگ li در HTML

تگ <li> از ویژگی های عمومی در HTML پشتیبانی می کند.


رویدادهای عمومی تگ li در HTML

تگ <li> از رویدادهای عمومی در HTML پشتیبانی می کند.


مثال

خودتان امتحان کنید - مثال

 

A nested list
 نمایش لیست های تو در تو.

Another nested list
 نمایش لیست های تو در توی پیچیده تر.


آموزش های مرتبط

آموزش HTML-لیست ها

مرجع اشیاء اچ تی ام ال: تگ li در JavaScript 

تبلیغات اینترنتی
دوره های آموزشی راه اندازی کسب و کارهای اینترنتی
تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.
logo-samandehiمجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامیپرداخت آنلاین -  بانک ملتمعرفی بیاموز در شبکه سهپرداخت آنلاین - بانک اقتصاد نوینپرداخت آنلاین - بانک سامان