آموزش طراحی و توسعه وب|نمایش جزییات مقاله

لیست های HTML

 

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


مثالها

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

لیست با ترتیب
در این مثال شما لیستی، دارای ترتیب می بینید.

(مثالهای بیشتر، در انتهای این صفحه آمده است)


لیست های نامرتب

یک لیست نامرتب ، لیستی از اقلام است.اقلام لیست بوسیله گلوله نشان گذاری می شوند (معمولا یک دایره سیاه کوچک).یک لیست نامرتب با یک برچسب <ul> آغاز می شوند.هر کدام از اقلام لیست با برچسب <li> آغاز می شوند.
<ul>
<li> Cofee <ul>
<li> Milk <ul>
</ul>
  • Cofee
  • Milk
داخل اقلام لیست می توانید پاراگراف ها، پرش به خط بعد ، عکس ها، پیوند ها ، لیست های دیگر و ... قرار دهید.

لیست های مرتب

یک لیست مرتب شده نیز لیستی از اقلام است. اقلام لیست بوسیله شماره نشان گذاری می شوند.یک لیست مرتب با برچسب <ol> آغاز می شود.هرکدام از اقلام لیستبا برچسب <li> آغاز می شوند.
<ol>
<li> Cofee <ul>
<li> Milk <ul>
</ol>
  1. Cofee
  2. Milk
داخل اقلام لیست می توانید پاراگراف ها، پرش به خط بعد ، عکس ها، پیوند ها ، لیست های دیگر و ... قرار دهید.

لیست های تعریفی

یک لیست تعریفی ، لیستی از اقلام نیست. این لیست ، لیستی از عبارات و توضیحات آن عبارات است.یک لیست تعریفی با برچسب<dl> آغاز می شود.هر کدام از اقلام لیست تعریفی با برچسب <dt> آغاز می شود.هر تعریف در لیست تعریفی با برچسب <dd> آغاز می شود
<dl>
<dt> Cofee </dt>
<dd> Black hot drink </dd>
<dt> Milk </dt>
<dd> White cold drink </dd>
</dl>
Cofee
Black hot drink
Milk
White cold drink
داخل تعاریف یک لیست تعریفی (برچسب <dd>)شما می توانید پاراگراف ها، پرش به خط بعد ، عکس ها، پیوند ها ، لیست های دیگر و ... قرار دهید.

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

نمایشهای گوناگون لیستهای مرتب
در این مثال صورتهای مختلف لیستهای مرتب را می بینید.

نمایشهای گوناگون لیستهای بدون ترتیب
این مثال نمایشهای مختلف لیستهای بدون ترتیب را نشان می دهد.

لیستهای تو در تو
چگونگی ساخت لیستهای تو در تو را در این مثال می بینید.

لیستهای تو در تو (2)
این مثال نیز گونه های دیگری از لیستهای تو در تو را نشان می دهد.

لیست تعریفی
این مثال روش ساخت لیست، که در آن مقدار و محتوای هر عنصر لیست تعریف می شوند را نشان می دهد.


برچسب Anchor

برچسب ها توضیحات
<ol> یک Anchor را معرفی می کند
<ul> یک Anchor را معرفی می کند
<li> یک Anchor را معرفی می کند
<dl> یک Anchor را معرفی می کند
<dt> یک Anchor را معرفی می کند
<dd> یک Anchor را معرفی می کند
<dir> یک Anchor را معرفی می کند
<menu> یک Anchor را معرفی می کند
ایمیل را وارد کنید
تعداد کاراکتر باقیمانده: 500
نظر خود را وارد کنید