درس ششم – تگ های ایجاد لیست در 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...

ثبت نظر

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

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