فهرست مثال HTML
یک لیست نامرتب:
- آیتم
- آیتم
- آیتم
- آیتم
یک لیست مرتب:
- آیتم اول
- آیتم دوم
- آیتم سوم
- آیتم چهارم
فهرست نامرتب HTML
یک لیست نامرتب با تگ <ul> آغاز و هر یک از آیتم لیست با تگ <li> تعیین می شود.
آیتم های لیست با اشکال دایره سیاه کوچک مشخص هستند.
فهرست نامرتب در HTML – انتخاب نشانگر آیتم
خاصیت استایل دادن list-style-type در CSS برای تعریف استایل فهرست آیتم نشانگر:
| disc | نمایش نشانگر گزینه آیتم به صورت پیش فرض |
| circle | نمایش نشانگر گزینه آیتم به صورت دایره تو خالی |
| square | نمایش نشانگر گزینه آیتم به صورت مربع تو پر |
| none | بدون نمایش نشانگر |
فهرست های مرتب HTML
یک لیست مرتب با برچسب <ol> آغاز و آیتم های لیست با برچسب <li> تعیین می شود .
فهرست های مرتب HTML – نوع تایپ نشانگر لیست
ویژگی های تگ <ol>، تعریف نوع نشانگر آیتم فهرست:
| type=”1″ | نشانگر لیست آیتم با شماره (پیش فرض) |
| type=”A” | نشانگر لیست آیتم با حروف بزرگ نماش داده می شود |
| type=”a” | نشانگر لیست آیتم با حروف کوچک نماش داده می شود |
| type=”I” | نشانگر لیست آیتم با شماره حروف بزرگ رومی |
| type=”i” | نشانگر لیست آیتم با شماره حروف کوچک رومی |
لیست های توصیفی در HTML
لیست های توصیفی در HTML نیز پشتیبانی از می شوند .
لیست های توصیفی شرح یک واژه را شامل می شوند .
برای به کار بردن یک لیست توصیفی اول با تگ <dl> تعریف شده ، حال برای تعیین واژه از تگ <dt> و توصیف لیستی این واژه را در داخل تگ <dd> قرار می دهیم :
لیست های تو در تو در HTML :
می توان از لیست های درون لیستی استفاده کرد :
نکته : آیتم هایلیست می تواند شامل لیست جدید یا دیگر تگ های HTML باشد . مانند تصاویر و لینک ها، و غیره
لیست های افقی
لیست های HTML را می توانید از طریق کدنویسی CSS مدل دهید.
یکی از راه های محبوب برای استایل دادن لیست افقی ، ایجاد یک منو است:
خلاصه ی فصل
- از تگ <ul> برای ایجاد یک لیست نا مرتب استفاده می شود
- از طریق صفت list-style-type در CSS می توان نشانگر آیتم های لیست را تغییر دهیم
- از تگ <ol> برای ایجاد یک لیست مرتب استفاده می شود
- ویژگی type برای تعریف نوع تایپ ترتیب آیتم های لیست
- لیست آیتم ها با تگ <li> بیان می شوند
- ایجاد لیست توصیفی با تگ <dl>
- گزاردن یک واژه در لیست توصیفی با تگ <dt>
- توصیف کردن واژه در لیستت توصیفی با تگ <dd>
- استفاده از لیست های تو در تو
- آیتم های لیست می توان از همه ی تگ های HTML شامل شود
- استفاده از ویژگی float:left یا display:inline برای نمایش یک لیست به صورت افقی
تگ های لیست در HTML
| <ul> | لیست نامرتب |
| <ol> | لیست مرتب |
| <li> | آیتم لیست |
| <dl> | لیست توصیفی |
| <dt> | انتخاب واژه در لیست توصیفی |
| <dd> | توصیف واژه در لیست توصیفی |
