آموزش تگ li در HTML

سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش تگ li در HTML با من همراه باشید.

آموزش تگ li در HTML

Free-Learn

تگ li در HTML

تگ li تگی است که با استفاده از آن میتوان آیتم های یک لیست مرتب شده و یا نامرتب را مشخص/تعریف نماید.

از این تگ میتوان در تگ های ul (برای ساخت لیست های نامرتب) و ol (برای ساخت لیست های مرتب) و تگ <menu> جهت ایجاد آیتم ها (گزینه ها) استفاده نمود.

پیشنهاد میکنم آموزش کار با لیست ها را در HTML مشاهده نمایید.

Free-Learn

مثال از تگ li در HTML

در ادامه میتوانید یک مثال از این تگ را مشاهده نمایید.

مثال شماره ۱ : استفاده از تگ li در تگ ul

امتحان کنید

مثال شماره ۲ : استفاده از تگ li در تگ ol

امتحان کنید

Free-Learn

پشتیبانی مرورگرها

در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از تگ li در HTML پشتیبانی میکنند یا خیر.

نام مرورگر Chrome Firefox Opera Safari IE
پشتیبانی بله بله بله بله بله

Free-Learn

جدول صفات تگ li در HTML

در جدول زیر میتوانید صفات بهمراه مقادیری را که میتوان در این تگ استفاده کرد را مشاهده نمایید.

(علامتیعنی در HTML5 پشتیبانی نمی شود.)

نام صفت مقدار توضیح
type ۱
A
a
I
i
disc
square
circle
نوع یا شکل شمایل آیتم های لیست را مشخص میکند. ()
value number نقطه شروع شمارش آیتم های لیست مرتب شده را مشخص میکند. (استفاده فقط در تگ ol)

Free-Learn

پشتیبانی از صفات و رویدادهای عمومی

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

Free-Learn

نکات و توضیحات

صفت Type در HTML5 منسوخ شده و پشتیبانی نمی شود، لذا باید از CSS بجای این صفت استفاده نمایید.

صفت Value نیز متعلق به نسخه ۴٫۰۱ HTML می باشد ولی خب با اینحال این صفت در HTML5 هیچ مشکلی ندارد و میتوان از آن استفاده نمود.

Free-Learn

دستورات CSS پیش فرض

معمولا مرورگرها تگ li را بصورت پیش فرض با دستورات CSS زیر نمایش میدهند.

Free-Learn

مثال های بیشتر

مثال شماره ۱ : نحوه ساخت لیست های تودرتو یا ( Nested List )

امتحان کنید

مثال شماره ۲ : نحوه ساخت لیست های دارای توضیحات ( Description List )

امتحان کنید

Free-Learn