آموزشگاه برنامه نویسی تحلیل داده
آموزشگاه برنامه نویسی تحلیل داده

آموزش List

دوره های مرتبط با این مقاله

آموزش List

HTML سه روش برای مشخص کردن لیست هایی از اطلاعات ارائه می دهد. تمام لیست ها باید شامل یک یا بیشتر ازیک عنصر باشند. لیست ها ممکن است شامل موارد زیر شوند.


  • < ul>- لیست بدون ترتیب. این لیست آیتم ها را با استفاده از bullet های ساده لیست می کند.
  • < ol> - لیست منظم. این لیست از نمودارهای عددی مختلف برای لیست کردن آیتم های شما استفاده می کند.
  • < dl>- لیست تعریف. این لیست آیتم های شما را به همان روشی که در دیکشنری منظم شده اند، منظم می کند.

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

لیست بدون ترتیب مجموعه ای از آیتم های مربوط به هم می باشد که هیچگونه نظم و ترتیب خاصی ندارند. این لیست با استفاده از برچسب < ul> در HTML ایجاد می شود. هر آیتم در لیست با یک bullet مشخص می شود.


مثال:

نمونه یک


    
  • Beetroot
  • Ginger
  • Potato
  • Radish
امتحان کنید

ویژگی type

می توانید از ویژگی type برای برچسب < ul> استفاده کنید تا نوع bullet خود را مشخص کنید، که به طور پیش فرض یک دیسک می باشد. در زیر گزینه های ممکن را مشاهده می کنید.



    در زیر مثالی را میبینید که در آن از < ul type="square"> استفاده می کنیم.


    نمونه دو

        
    • Beetroot
    • Ginger
    • Potato
    • Radish
    امتحان کنید

    در زیر مثالی را می بینید که در آن از < ul type="disc"> استفاده کرده ایم.


    نمونه سه

        
    • Beetroot
    • Ginger
    • Potato
    • Radish
    امتحان کنید

    در زیر مثالی را می بینید که در آن از < ul type="circle"> استفاده کرده ایم.


    نمونه چهار

        
    • Beetroot
    • Ginger
    • Potato
    • Radish
    امتحان کنید

    لیست های منظم HTML

    اگر تمایل دارید آیتم های خود را به جای قرار دادن در یک لیست دارای bullet، در یک لیست عددگذاری شده قرار دهید، می توانید از لیست منظم HTML استفاده کنید. این لیست با استفاده از برچسب < ol> ایجاد می شود. شماره گذاری از یک شروع شده و برای هر لیست منظم عنصر بعدی با اضافه شدن یک عدد و به همراه برچسب< li>اضافه می شود.
    می توانید از ویژگی type برای برچسب < ol> استفاده کنیم تا نوع شماره گذاریمورد نظر خود را مشخص کنید. به طور پیش فرض شماره گذاری به وسیله ی عدد انجام می شود. در زیر گزینه های ممکن را مشاهده می کنید.


      - Default-Case Numerals.
        - Upper-Case Numerals.
          - Lower-Case Numerals.
            - Lower-Case Letters.
              - Upper-Case Letters.

    در زیر مثالی را می بینید که در آن از < ol type="1"> استفاده کرده ایم.


    نمونه پنج

        
    1. Beetroot
    2. Ginger
    3. Potato
    4. Radish
    امتحان کنید

    در زیر مثالی را می بینید که در آن از < ol type="I"> استفاده می کنیم.


    نمونه شش

    1. Beetroot
    2. Ginger
    3. Potato
    4. Radish
    امتحان کنید

    در زیر مثالی را میبینید که در آن از < ol type="i"> استفاده کرده ایم.


    نمونه هفت

        
    1. Beetroot
    2. Ginger
    3. Potato
    4. Radish
    امتحان کنید
    مثال:

    در زیر مثالی را می بینید که در آن از < ol type="A"> استفاده کرده ایم.


    نمونه هشت

        
    1. Beetroot
    2. Ginger
    3. Potato
    4. Radish
    امتحان کنید

    در زیر مثالی را می بینید که در آن از< ol type="a"> استفاده کرده ایم.


    نمونه نه

        
    1. Beetroot
    2. Ginger
    3. Potato
    4. Radish
    امتحان کنید

    ویژگی start

    شما می توانید از ویژگی start برای برچسب < ol> استفاده کنید تا نقطه ی شروع شماره گذاری خود را مشخص کنید. در زیر گزینه های ممکن را مشاهده می کنید.


      - Numerals starts with 4.
        - Numerals starts with IV.
          - Numerals starts with iv.
            - Letters starts with d.
              - Letters starts with D.

    در زیر مثالی را می بینید که در آن از < ol type="i" start="4"> استفاده می کنیم.


    نمونه ده

        
    1. Beetroot
    2. Ginger
    3. Potato
    4. Radish
    امتحان کنید

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

    HTML و XHTML لیست هایی به نام لیست های تعریف را پشتیبانی می کنند که در این لیست ها ورودی ها مانند ترتیب لغات در دیکشنری قرار می گیرند. این لیست یک روش ایده آل برای ارائه یک فهرست از معانی یا لیستی از اصطلاحات یا لیستی از نام ها و مقادیر می باشد.
    لیست تعریف از سه برچسب زیر استفاده می کند


    • < dl> - شروع لیست را تعریف می کند.
    مثال:

    نمونه یازده

        
    HTML
    This stands for Hyper Text Markup Language
    HTTP
    This stands for Hyper Text Transfer Protocol
    امتحان کنید
    • 4803
    •    3182
    • تاریخ ارسال :   1394/07/27

    دانلود PDF دانلود سورس کد دانلود فیلم آموزشی دانشجویان گرامی اگر این مطلب برای شما مفید بود لطفا ما را در GooglePlus محبوب کنید
    رمز عبور: tahlildadeh.com یا www.tahlildadeh.com
    آموزش List
    ارسال دیدگاه نظرات کاربران
    شماره موبایل دیدگاه
    عنوان پست الکترونیک

    ارسال

    آموزشگاه برنامه نویسی تحلیل داده
    آموزشگاه برنامه نویسی تحلیل داده

    تمامی حقوق این سایت متعلق به آموزشگاه تحلیل داده می باشد .