درس ششم – تگ های ایجاد لیست در HTML – بخش اول

درس ششم – تگ های ایجاد لیست در HTML – بخش اول

 

در HTML سه نوع لیست و متناسب با لیست ها، سه نوع تگ برای ایجاد لیست وجود دارد که دو نوع را در این درس و یک نوع را در درس بعد می آموزید:

۱-تگ ul

  • با استفاده از تگ های ul و li می توانید یک لیست ایجاد کنید به این صورت که قبل از هر خط یک دایره قرار می گیرد.
  • تگ ul مخفف عبارت لیست نامرتب (Unordered List) می باشد.
  • هر تگ ul دارای حداقل یک تگ li است.
  • تگ li مخفف عبارت آیتم یا موردی از لیست (List Item) می باشد.
  • تگ li درون تگ ul قرار می گیرد.
  • به ازای هر گزینه از لیست، یک تگ li مورد نیاز است.
  • در لیست نامرتب، همانگونه که از نامش مشخص است، ترتیب خاصی وجود ندارد.

مثال: لیست بالا با استفاده از تگ های ul و li ایجاد شده است.

 

۲-تگ ol

  • با استفاده از تگ های ol و li می توانید یک لیست ایجاد کنید به این صورت که قبل از هر خط، عدد قرار گیرد.
  • تگ ol مخفف عبارت لیست مرتب (Ordered List) می باشد.
  • هر تگ ol دارای حداقل یک تگ li است.
  • تگ li مخفف عبارت آیتم یا موردی از لیست (List Item) می باشد.
  • تگ li درون تگ ol قرار می گیرد.
  • به ازای هر گزینه از لیست، یک تگ li مورد نیاز است.
  • در لیست مرتب، گزینه های لیست، شماره گذاری می شوند به این صورت که شماره اولین گزینه، ۱، شماره دومین گزینه ۲ الی آخر.

مثال: نتیجه کدهای بالا:

  1. گزینه اول
  2. گزینه دوم

خلاصه درس:

  1. برای ایجاد لیست نامرتب (بدون شماره) از تگ ul و برای ایجاد لیست مرتب (شماره دار) از تگ ol استفاده می کنیم.
  2. به ازای هر آیتم یا مورد از لیست، یک تگ li باز و بسته درون تگ ul یا ol قرار می دهیم و محتوا را درون تگ li قرار می دهیم.

 

محتوای یک فایل HTML شامل تگ های ul، ol و li:

 

تمرین

در فایل index با استفاده از تگ های ol و ul و li چند لیست ایجاد کنید.

 

درس هفتم

درس پنجم

بازگشت به فهرست

ثبت امتیاز

1 رای​، میانگین: 5٫00 از 51 رای​، میانگین: 5٫00 از 51 رای​، میانگین: 5٫00 از 51 رای​، میانگین: 5٫00 از 51 رای​، میانگین: 5٫00 از 5 (1 رای​، میانگین: 5٫00 از 5)
برای ثبت امتیاز نیاز به عضویت دارید. برای ثبت نام می توانید از بالای همین صفحه اقدام کنید.
Loading...

Submit a Comment

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

رفتن به نوارابزار