این آموزش در تاریخ ۱۴۰۲/۰۶/۲۳ آپدیت شده است.
آموزش تگ li در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش تگ li در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
تگ li در HTML
تگ li که از کلمه ( List Item ) گرفته شده است، تگی است که با استفاده از آن میتوان آیتم های یک لیست مرتب شده و یا نامرتب را مشخص نماییم.
پیشنهاد میکنم آموزش کار با لیست ها را در HTML مشاهده نمایید.
Free-Learn
مثال از تگ li در HTML
در ادامه میتوانید یک مثال از این تگ را مشاهده نمایید.
مثال شماره ۱ : استفاده از تگ li در تگ ul برای مشخص کردن آیتم های لیست
|
1 2 3 4 5 6 7 8 9 |
<body> <ul> <li>سایت آموزشی فری لرن</li> <li>سایت آموزشی فری لرن</li> <li>سایت آموزشی فری لرن</li> </ul> </body> |
مثال شماره ۲ : استفاده از تگ li در تگ ol برای مشخص کردن آیتم های لیست
|
1 2 3 4 5 6 7 8 9 |
<body> <ol> <li>سایت آموزشی فری لرن</li> <li>سایت آموزشی فری لرن</li> <li>سایت آموزشی فری لرن</li> </ol> </body> |
مثال شماره ۳ : استفاده از صفت value در تگ ol
|
1 2 3 4 5 6 7 8 9 10 11 |
<body> <ol> <li value="10">Salam</li> <li>Khobi?</li> <li>Man</li> <li>Sadegh</li> <li>Hastam</li> </ol> </body> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از تگ li در HTML پشتیبانی میکنند یا خیر.
| نام مرورگر | Chrome | Firefox | Opera | Safari | Edge |
| پشتیبانی | بله | بله | بله | بله | بله |
Free-Learn
جدول صفات تگ li در HTML
در جدول زیر میتوانید صفات بهمراه مقادیری را که میتوان در این تگ استفاده کرد را مشاهده نمایید.
| نام صفت | مقدار | توضیح |
|---|---|---|
| value | number | نقطه شروع شمارش آیتم ها ( قابل استفاده فقط در تگ ol ) |
Free-Learn
پشتیبانی از صفات و رویدادهای عمومی
تگ li از صفات عمومی و رویدادهای عمومی در HTML پشتیبانی می کند.
Free-Learn
نکات و توضیحات
- نکته یا توضیح خاصی وجود ندارد.
Free-Learn
دستورات CSS پیش فرض
معمولا مرورگرها تگ li را بصورت پیش فرض با دستورات CSS زیر نمایش میدهند.
|
1 2 3 |
li { display: list-item; } |
