تگ <li></li> در html - وب سایت PNLdev

نمونه کد

A simple <li> tag that open PNLdev.com link:

<ul>    
<li>PHP</li>
</ul>

آزمایشگاه

تعریف و کاربرد

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

از تگ <li> در تگ های زیر استفاده می شود:

فهرست هایی که با تگ <ol> ساخته شده باشند.

فهرست هایی نامرتب که با تگ <ul> ساخته شده باشند.

فهرست هایی که با تگ <menu> ساخته شده باشند.

از سویی دیگر، تگ <li> زمان هایی که در فهرست های ul و menu وجود داشته باشد، با نقطه شناخته می شود.

و همچنین تگ <li> زمان هایی که در فهرست ol وجود داشته باشد، با اعداد یا حروف نمایش داده می شود.

سازگاری با مرورگر

#	کروم	ادج	فایرفاکس	سافاری	اپرا
<li>

ویژگی ها

ویژگی ها	مقادیر	توضیحات
value	number	مقدار تگ های مربوطه در سمت را مشخص می کند.

ویژگی های سراسری

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

ویژگی های رویداد

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

نمونه کد های بیشتر

نمونه کد

مثال شماره 1 تگ<li> در HTML

<ol>
        <li>HTML</li>
        <li>CSS</li>
        <li>JS</li>
    </ol>
    <ul>
        <li>HTML</li>
        <li>CSS</li>
        <li>JS</li>
    </ul>

آزمایشگاه

نمونه کد

مثال شماره 2 تگ<li> در HTML

<ol>
    <li value="200">Espresso</li>
    <li>Cappuccino</li>
    <li>Latte</li>
    <li>Mocha</li>
    <li>Americano</li>
    <li>Caffè Alcino</li>
</ol>

آزمایشگاه

نمونه کد

مثال شماره 3 تگ<li> در HTML

<ol>
    <li>Coffee</li>
        <ol>
            <li>Double Espresso</li>
            <li>Espresso Macchiato</li>
            <li>Espresso Doppio</li>
        </ol>
    <li>juice</li>
    <li>Tea</li>
</ol>

آزمایشگاه

نمونه کد

مثال شماره 4 تگ<li> در HTML

<ol>
    <li>Coffee</li>
        <ol>
            <li>Cappuccino</li>
            <li>Latte</li>
            <li>Turkish Coffee</li>
        </ol>
    <li>juice</li>
        <ol>
            <li>Pomegranate juice</li>
            <li>watermelon juice</li>
            <li>carrot juice</li>
        </ol>
    <li>Tea</li>
        <ol>
            <li>Masala tea</li>
            <li>Saffron tea</li>
            <li>Cherry tea</li>
        </ol>
</ol>

آزمایشگاه

استایل css پیش فرض

بیشتر مرورگر ها تگ li را با استایل پیشفرض زیر نمایش می دهند:

li {
	display:  list-item;
}

تگ <li> در HTML <li></li> tag HTML

نمونه کد

تعریف و کاربرد

سازگاری با مرورگر

ویژگی ها

ویژگی های سراسری

ویژگی های رویداد

نمونه کد های بیشتر

نمونه کد

نمونه کد

نمونه کد

نمونه کد

استایل css پیش فرض

تگ <li> در HTML
<li></li> tag HTML