لیست در HTML

لیست در HTML

لیست در HTML به دو صورت رایج، لیست های دارای ترتیب و لیست های بدون ترتیب است. دو مدل لیست را در زیر مشاهده کنید:

لیست بدون ترتیب :

  • Coffee
  •  Tea
  • Milk

لیست دارای ترتیب :

  1. Coffee
  2. Tea
  3. Milk

لیست بدون ترتیب در HTML

برای ساختن لیست هایی که بدون ترتیب هستند در HTML از تگ ul استفاده میشود و هر مورد در این لیست همانند هر لیست دیگر با li مشخص میشود. یک نمونه از این نوع لیست در HTML مشاهده کنید:

خروجی این مثال همان طور که در بالا نیز نمایش داده شود به صورت زیر است:

  • Coffee
  • Tea
  • Milk

لیست های دارای ترتیب در HTML

لیست های دارای ترتیب با استفاده از اعداد مشخص میشودند که کدام یک دارای اولویت هستند یا همان شماره گذاری ساده موارد است. در این لیست به جای تگ ul از تگ ol استفاده میشود و همین تگ خود ترتیب دهنده به موارد درون لیست HTML هستند. یک مثال از اینوع لیست در HTML مشاهده کنید:

خروجی این دستور همان طور که در بالا مشاهده کرده اید به صورت زیر است:

  1. Coffee
  2. Tea
  3. Milk

همچنین می توانید ترکیبی از این دو نوع لیست را با هم استفاده کنید.

لیست های معنی در HTML

این لیست درباره مواردی که نوشته اید توضیحاتی ارائه میدهد. برای مثال بخواهیم بگوییم مواد تشکیل دهنده این قهوه چیست یا به چه صورتی ارائه میشود! برای ایجاد این نوع لیست تگ اولیه dl  و موارد با تگ dt مشخص میشود. توضیحات این موارد با استفاده از تگ  dd بیان میشود. یک مثال مشاهده کنید:

خروجی این دستور به صورت زیر است:

Coffee
Black hot drink
Milk
White cold drink

 

 

2 نظرات شما

  • مهدی طیبی

    فروردین ۲۰, ۱۳۹۳ at ۱۰:۳۷ ق.ظ
    پست سبک و خوبی بودش ... ممنون ... فقط اگر یه کم لول پست ها رو ببری بالا و نکته های تاپ تری بگی که خیلی خوب میشه ... ممنون .
    • بهاران بنی اسدی

      فروردین ۲۲, ۱۳۹۳ at ۱۱:۳۶ ق.ظ
      سلام باشه دوست عزیز حتما

پاسخ دهید

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


© 2013 Mobtadi. All rights reserved.
کلیه حقوق مادی و معنوی برای وبسایت مبتدی محفوظ است.