لیست شماره در HTML. لیست های HTML لیست شده - درس های HTML

لیست های شماره گذاری مجموعه ای از عناصر با اعداد توالی آنها هستند. نمایش و نوع شماره تعداد بستگی به ویژگی های برچسب دارد

که برای ایجاد یک لیست استفاده می شود. هر نقطه از لیست شماره توسط برچسب نشان داده شده است
1. همانطور که در زیر نشان داده شده است.
   1. نقطه اول
   2. نقطه دوم
   3. نقطه سوم

   اگر شما هیچ ویژگی اضافی را مشخص نکنید و به سادگی یک برچسب بنویسید

   لیست پیش فرض با شماره های عربی (1، 2، 3، 3، ...) اعمال می شود، همانطور که در مثال 11.3 نشان داده شده است.

   مثال 11.3 ایجاد یک لیست شماره

   کار با زمان

   1. ایجاد نقطه ضعف (هرگز دیر نخواهد شد)؛
   2. درمان از نقطه نظر (شما هرگز عجله در هر نقطه)؛
   3. تغییر زمان ادراک و ساعت زمان.

   نتیجه این مثال نشان داده شده در شکل. 11.3

   شکل. 11.3 نمایش یک لیست شماره

   توجه داشته باشید که Tops Indits خودکار نیز در لیست شماره، از پایین و سمت چپ متن اضافه شده است.

   مقادیر زیر ممکن است به عنوان عناصر شماره عمل کنند:

   • شماره های عربی (1، 2، 3، ...)؛
   • نامه های لاتین سرمایه (A، B، C، ...)؛
   • حروف کوچک لاتین (a، b، c، ...)؛
   • شماره های ثبت نام رومی (I، II، III، ...)؛
   • شماره های روم ال سی دی (I، II، III، ...).

   برای مشخص کردن نوع لیست شماره، ویژگی تگ تایپ اعمال می شود

   . مقادیر احتمالی آن در جدول داده می شود. 11.2
   جدول. 11.2 انواع لیست شماره

   نوع لیست	کد HTML	مثال
   اعداد عرب		1. Cheburashka 2. Crocodile Gena 3. shapoklyak
   حروف بزرگ الفبای لاتین		A. Cheburashka B. Crocodile Gena C. Shapoklyak
   حروف الفبا از الفبای لاتین		آ. cheburashka ب کروکودیل ژن ج شاپوکلک
   شماره های رومی در حروف بزرگ		I. Cheburashka دوم کروکودیل ژن III شاپوکلک
   شماره های رومی در ثبت نام پایین تر		من. cheburashka دوم کروکودیل ژن III شاپوکلک

   برای شروع یک لیست از یک مقدار خاص، ویژگی برچسب شروع استفاده شده است.

   . مهم نیست کدام نوع لیست با استفاده از نوع نصب شده است، ویژگی شروع به طور مساوی با شماره های رومی و عرب کار می کند. به عنوان مثال 11.4، ایجاد یک لیست با استفاده از شماره های رومی در مورد بالا شروع شده با هشت نشان داده شده است.

   مثال 11.4 فهرست شماره گیری

   8. پادشاه مگنوم XLIV.
   9. پادشاه Siegfried XVI
   10. پادشاه Sigismund XXI
   11. پادشاه Husbrandt I.

   نتیجه این مثال در شکل نشان داده شده است. 11.4

   

   شکل. 11.4 لیست شماره با شماره های رومی

   که در زبان HTML دو لیست وجود دارد: شماره گذاری شده و غیر اندازه گیری شده است. خلقت آنها عملا یکسان است. حتی برچسب ها در یک شخصیت متفاوت هستند. شما همچنین می توانید ایجاد کنید که ممکن است شامل هر دو شماره و مارکر باشد.

   این لیست ها را می توان به عنوان دوست دارید تبدیل شود. این همه به تخیل شما بستگی دارد. ابتدا لیست های استاندارد را در نظر می گیریم، همانند واژه سردبیرو سپس ما آنها را بهبود خواهیم گرفت و آن را غیر قابل تشخیص می دانیم.

   لیست شماره HTML

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

   1. لیست لیست اول
   2. لیست دوم لیست
   3. لیست لیست سوم

   لیست های ساده به نظر می رسند

   با توجه به استانداردها، هر آیتم لیست باید در داخل باز شدن و بسته شدن برچسب LI باشد. اما اگر تگ بسته را قرار ندهید، نتیجه دقیقا همان است. دستگیره بسیار هوشمند است. در طول تبدیل لیست، تجزیه و تحلیل برچسب های باز کردن. اگر او جدید را می بیند

   4. ، سپس به طور خودکار در مقابل او قرار می گیرد
   .

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

   

   اما از نقطه نظر حرفه ای ها نادرست است.

   

   لیست های غیر بعدی (یا مارکر) به همان شیوه ایجاد می شوند، تنها به جای OL TAG، UL نوشته شده است.

   هیچ اعداد یا حروف فقط وجود ندارد نمادهای مختلفکه نشانگر نامیده می شوند.

   

   لیست HTML چند سطح چند سطحی

   بسیاری از کاربران به چنین فرصتی علاقه مند هستند. بنابراین، لازم به ذکر است که هر لیست شماره HTML می تواند چند سطح ساخته شود. سطوح اضافی ممکن است یکسان یا مشخص شده باشد.

   

   به منظور ایجاد یک لیست مشخص شده در مثال بالا، شما باید زیر را بنویسید.

   

   لطفا توجه داشته باشید که در این کد، به عنوان مثال به اولین نمونه، ویژگی نوع اضافه شده است. با تشکر از او، شما می توانید نوع مرتب سازی هر دو را برای لیست های شماره گذاری شده و برای نشانگر مشخص کنید.

   برای اعداد، ما حروف الفبا یا نوع اعداد را نشان می دهیم، و برای موارد دیگر - نوع مارکر.

   اگر از یک تگ HTML ویژه استفاده می کنید، یک لیست شماره گذاری می تواند به هر حال شما می خواهید.

   شما می توانید ویژگی نوع را با هر مقدار از جدول مشخص کنید. یا در کلاس سبک CSS، نوع سبک را با نوع مرتب سازی مورد نظر مشخص کنید.

   

   انتقال ارزش ها نسبتا ساده است. به اندازه کافی دانش پایه از زبان انگلیسی. اما حتی اگر شما نمی توانید کلمات "دایره"، "مربع"، و غیره را ترجمه کنید، پس می توانید بصری را درک کنید که نتیجه چه زمانی این مقادیر را در ویژگی نوع مشخص می کند.

   برای لیست های شماره، شما باید از گزینه های زیر استفاده کنید:

   • 1 - ارقام عربی؛
   • یک پایتخت؛
   • a - حروف کوچک لاتین؛
   • من - تعداد سرمایه رومی؛
   • i - شماره های کوچک رومی.

   به طور پیش فرض، لیست همیشه استفاده می شود، اگر شما چیزی را مشخص نکرده اید، معادل نوع \u003d "1" است.

   علاوه بر این، لیست های شماره شده را می توان از هر موقعیت مورد نظر آغاز کرد. به طور پیش فرض، خروجی از 1. اما اگر شما می خواهید، شما می توانید حداقل از صد شروع کنید. برای انجام این کار، ویژگی شروع را با هر مقدار مشخص کنید.

   

   علاوه بر این، می توان آن را در جهت معکوس نتیجه گیری کرد. برای انجام این کار، نوشتن را بنویسید.

   

   ثبت نام لیست ها

   لیست HTML شماره گذاری شده را می توان بسیار زیبا ساخته شده است که ممکن نیست حدس بزنید که این لیست معمول است، و نه تصویر ساخته شده در فتوشاپ.

   در اینجا نمونه هایی از لیست های زیبا وجود دارد.

   

   همانطور که از مثال دیده می شود، می توانید تغییر دهید ظاهر شماره گذاری و عناصر خود.

   ایجاد یک لیست منظم می تواند مانند این باشد.

   

   در سبک های CSS، شما باید طراحی را برای برچسب های OL مشخص کنید. لطفا توجه داشته باشید که در این مورد تنظیمات به تمام لیست های کل سایت که این فایل سبک استفاده می شود اعمال می شود.

   

   ابتدا گزینه را با یک طراحی دور از لیست در نظر بگیرید. بازگشت به کد لیست کلاس گرد لیست مشخص شده است. این کار با این کلاس است که شما نیاز دارید تا چنین زیبایی را زیبایی داشته باشید. شما می توانید کلاس را همانطور که می خواهید تماس بگیرید.

   

   

   

   در حال حاضر طراحی مربع را در نظر بگیرید.

   

   سبک ها بسیار مشابه هستند. تفاوت این است که در اولین مورد این عنصر را از طریق قابلیت های CSS گرد می کند.

   حرفه ای GAG باید پیش بینی کند و درک کند که همه کاربران استفاده نمی کنند کامپیوترهای مدرن. هر کس ویندوز 7، 8، 10 دارد. یک درصد از کاربران وجود دارد که هنوز در ویندوز XP قرار دارند و از نسخه های قدیمی استفاده می کنند. مرورگر اینترنت اکسپلورر

   به عنوان یک قاعده، تقریبا تمام پیشرفت های طراحی مدرن عناصر پشتیبانی نمی شود. به نظر می رسد کاربر که طراحی سایت در همه کار نمی کند. که همه چیز بیرون آمد عناصر بر روی یکدیگر اجرا می شوند. برای جلوگیری از این، شما باید تمام گزینه ها را محاسبه کنید.

   بعضی از مدیران وب آنها چشمانشان را به آنها نزدیک می کنند، زیرا سهم آنها در بازار مدرن کمتر و کمتر می شود. اما برای حرفه ای هر بازدید کننده مهم است، به خصوص اگر این یک سایت تجاری است.

   کاری مناسب برای همه یا همه گزینه های مرورگر را در نظر بگیرید.

   تنها تفاوت این است که این برچسب به شدت به تعداد لیست ها ساخته شده است. عنوان تگ از کاهش زبان انگلیسی "لیست سفارش" - یک لیست شماره گذاری شده است.

   تگ Syntax

   1. عنصر # 1.
   2. عنصر شماره 2
   3. عنصر # 3
   4. ...

   جایی که نوع ویژگی \u003d "مقدار" می تواند مقادیر زیر را داشته باشد

   • a - نشانگرها را به شکل پایتخت نامه های لاتین (a، b، c ..) مشخص می کند؛
   • a - نشانگرهای مجموعه را به صورت حروف کوچک لاتین (a، b، c ..)؛
   • I - نشانگرها را به صورت اعداد بزرگ رومی (I، II، III، IV ..) تنظیم می کند؛
   • i - نشانگرها را به شکل تعداد رومی های کوچک (I، II، III، IV ..) تنظیم می کند؛
   • 1 (به طور پیش فرض) - نشانگرها را به صورت اعداد عربی (1، 2، 3 ..) تنظیم می کند؛

   ویژگی شروع \u003d "مقدار" مقدار اولیه (مقدار شروع) گزارش را تعیین می کند.

   ویژگی معکوس حساب بازگشت را (در صورت لزوم) تنظیم می کند.

   تگ

   نیاز به استفاده اجباری از یک برچسب بسته دارد

   برای تشکیل آیتم لیست، یک برچسب جفت استفاده می شود

   1. . کلمات، عبارات، پاراگراف ها، تصاویر، قطعه های کد، و خیلی بیشتر بین باز کردن و بسته شدن برچسب ها، محتویات لیست مشخص شده وجود دارد.

      توجه داشته باشید

      در داخل لیست ممکن است حساب کاربری خود را تغییر دهید. برای انجام این کار، مقدار خاصی از ویژگی \u003d "" برچسب وجود دارد

   2. که مقدار عددی را تعیین می کند. مثلا

      1. عنصر # 1.
      10. عنصر شماره 2
      11. عنصر # 3

      نمونه هایی با لیست های شماره گذاری شده در HTML (

      )

      مثال 1 لیست HTML شماره گذاری شده در قالب نامه های لاتین

      مثال ها. حروف بزرگ

      1. عنصر # 1.
      2. عنصر شماره 2
      3. عنصر # 3

      1. عنصر # 1.
      2. عنصر شماره 2
      3. عنصر # 3

      مثال با حروف سختگیرانه

      1. عنصر # 10
      2. عنصر شماره 11
      3. عنصر شماره 12

      این همان چیزی است که در صفحه به نظر می رسد:

      1. عنصر # 1.
      2. عنصر شماره 2
      3. عنصر # 3

      مثال 2. فهرست HTML حساب شده در قالب نامه های رومی

      مثال با حروف بزرگ

      1. عنصر # 1.
      2. عنصر شماره 2
      3. عنصر # 3

      این همان چیزی است که در صفحه به نظر می رسد:

      1. عنصر # 1.
      2. عنصر شماره 2
      3. عنصر # 3

      مثال با حروف سختگیرانه

      1. عنصر # 1.
      2. عنصر شماره 2
      3. عنصر # 3

      این همان چیزی است که در صفحه به نظر می رسد:

      1. عنصر # 1.
      2. عنصر شماره 2
      3. عنصر # 3

      مثال 3. فهرست HTML شماره گذاری شده موقعیت مکانی شروع

      یک مثال که ویژگی های ویژگی شروع را نشان می دهد که به شما امکان می دهد مقدار شروع متر را تنظیم کنید.

      50. عنصر # 1.
      51. عنصر شماره 2
      52. عنصر # 3

      این همان چیزی است که در صفحه به نظر می رسد:

      1. عنصر # 1.
      2. عنصر شماره 2
      3. عنصر # 3

      مثال 4. تغییر شمارش در تعداد HTML

      در زیر یک مثال با توانایی تغییر مقادیر متر با استفاده از ویژگی ارزش در هنگام نمایش موارد جدید در برچسب ها است

   3. .

      10. عنصر # 1.
      11. عنصر شماره 2
      100. عنصر # 3
      101. عنصر # 4

      این همان چیزی است که در صفحه به نظر می رسد:

      1. عنصر # 1.
      2. عنصر شماره 2
      3. عنصر # 3
      4. عنصر # 4

      مثال 5. فهرست شماره برگشت پذیر در HTML

      زیر نمونه ای از یک لیست شماره معکوس (حساب در جهت معکوس) است.

      10. عنصر # 1.
      11. عنصر شماره 2
      12. عنصر # 3
      13. عنصر # 4

      این همان چیزی است که در صفحه به نظر می رسد:

      1. عنصر # 1.
      2. عنصر شماره 2
      3. عنصر # 3
      4. عنصر # 4

      لیست ها جزء مهمی از محتوا هستند، زیرا آنها به اطلاعات ساده کمک می کنند. متن در لیست ها بهتر درک شده و راحت تر به یاد داشته باشید.

      ساده ترین - قبل از هر عنصر، یک نشانگر - یک دایره، یک مربع یا یک دایره است. دنباله ای از عناصر در لیست مشخص شده مهم نیست.

      برای ایجاد آن، شما باید فقط از دو برچسب استفاده کنید:

      و
      • .
        - این یک کانتینر حاوی لیستی است که عناصر آن توسط برچسب تنظیم می شوند.
        • .
          • یک صخره
          • قیچی
          • کاغذ

          به طور پیش فرض، یک دایره سیاه به عنوان یک نشانگر لیست استفاده می شود ( دیسک) اضافه کردن به برچسب

          صفت نوع و اختصاص ارزش مربوط به او، نشانگر را می توان به دایره تغییر داد ( دایره) یا مربع سیاه ( مربع.).

          این متفاوت از مشخص شده با این واقعیت است که مرتبه عناصر در آن مهم است، و بنابراین به جای نشانگر، به طور مداوم در حال اجرا تعداد یا حروف در اینجا استفاده می شود. شما نیازی به مراقبت از سفارش در لیست ندارید: مرورگر این کار را انجام می دهد. اگر لیست را تغییر دهید (حذف یا اضافه کردن یک آیتم، نقض سفارش)، مرورگر آن را دوباره محاسبه می کند و به درستی نمایش داده می شود.

          برچسب ها مورد استفاده برای ایجاد لیست های شماره گذاری شده

          و
          1. . کانتینر
             شروع و پایان لیست، برچسب را تعیین می کند
             1. شروع و پایان عنصر آن را مشخص می کند - همه چیز همانطور که در لیست مشخص شده است، تنها
                جایگزین توسط
                .
                1. یک صخره
                2. قیچی
                3. کاغذ

                

                از آنجا که لیست های شماره شده همیشه برای برچسب ساده نیست

                ویژگی های زیر را ایجاد کرد (لطفا توجه داشته باشید: لیست شماره فقط در زیر نشان داده شده است):

                1. نوع. این ویژگی به شما اجازه می دهد یک لیست را نه تنها توسط عربی، بلکه شماره های رومی یا نامه های لاتین یک ثبت نام دیگر را شماره گذاری کنید. نوع پشتیبانی از مقادیر 1 (به طور پیش فرض)، a، a، i، i (سعی کنید با آنها آزمایش کنید).

                2. شروع کن. نه همیشه شماره گیری باید با یک واحد شروع شود. این ویژگی به شما اجازه می دهد مقدار اولیه را تنظیم کنید - تعداد اولین عنصر لیست. می توان مشخص کرد که گزارش، به عنوان مثال، با شماره 100 یا نامه K.

                3. معکوس. اگر لیست نباید از 1 تا 10، و از 10 تا 1 بروید، باید از این ویژگی استفاده کنید. اگر مشخص شود، شماره گیری در جهت معکوس انجام می شود.

                به منظور تنظیم یک آیتم عدد دلخواه در وسط لیست، شما باید در برچسب استفاده کنید

                1. صفت :

                2. چهل و پنجم عنصر پس از سی هشتم

                با تغییر تعداد یک عنصر در وسط لیست، شمارش تمام اقلام زیر را تغییر دهید - گزارش با مقدار در ویژگی ارزش شروع می شود. به عنوان مثال، اگر شما شماره 35 عنصر 18 را اختصاص دادید، سپس عناصری که بعد از آن 19، 20، 21 و 36، 37، 38 عدد داشته اند.

                فهرست تعاریف

                چنین نوعی شناخته شده لیست به عنوان مورد بحث در بالا نیست. متشکل از شرایط و تعاریف آنها است. با کمک برچسب ها ایجاد شده است:

                - کانتینر حاوی یک لیست

                - ترمینال ترمینال

                - برچسب تعریف

                دامنه لیست تعاریف - واژه نامه، کتاب های مرجع، تست ها، لغت نامه ها و سایر احساسات نوع "اصطلاح" نوع "- توضیح".

                در اینجا یک نمونه از فهرست تعاریف است:

                توصیف کننده

                واحد اصلی زبان نشانه گذاری شناخته شده به عنوان "برچسب".

                صفت

                اموال تگ به او ویژگی های اضافی طراحی متن

                برچسب

                تگ تک که نیازی به بستن ندارد

                

                لیست شامل لیست های متصل به یکدیگر است. این ممکن است شامل لیستی از انواع مختلف باشد. پیچیدگی خلقت این است که مطابق با تگ های لانه سازی صحیح باشد، زیرا در یک ساختار چند سطحی، آسان است که گیج شود.

                در اینجا یک نمونه از یک لیست چند سطحی است:

                زبان های برنامه نویسی به تقسیم می شوند:

                • ساختاری
                1. پاسداری
                2. اوبرون
                1. لمبو
                • شی گرا
                1. جاوا
                • کاربردی
                1. لیز
                2. پیتون

                در زبان نشانه گذاری HTML، 3 نوع لیست ها متمایز هستند - مرتب شده (شماره)، فهرست نشده (غیر اندازه گیری شده) و لیست های تعریف لیست (لیست تعریف).

                برای ساخت چنین لیستی، شما نیاز به 2 نوع از اقلام: 'ul' (اختصار از لیست غیر ارادی، I.E. لیست اختلال) و 'li' (لیست لیست). همه چیزهایی که در داخل "لی" نوشته شده است نشانگر است.

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

                انواع نشانگرها

                یک ویژگی خاصی وجود دارد که در هر دو عنصر لیست قرار می گیرد. این نوع مارکر شماست. مجموع 3 نوع: دایره، دیسک و مربع:

                - مربع
                - دیسک
                - دایره

                بسته به جایی که برای مشخص کردن نوع نوع مارکر، می توانید آن را از کل لیست یا از یک عنصر خاص تغییر دهید.

                لیست اعداد (لیست مرتب شده)

                برای ساخت یک لیست، شما همچنین نیاز به 2 عنصر: 'OL' و 'LI' (لیست مورد). نشانگرها با شماره ها با یک نقطه جایگزین می شوند. یک مثال از یک لیست ساده:

                1. عنصر اول
                2. عنصر دوم
                3. آخرین عنصر

                ظاهر یک لیست مرتب شده را می توان با تنظیم کنترل کرد انواع متفاوت شماره گذاری

                انواع شماره

                یک ویژگی خاص نوع خاصی وجود دارد که در عنصر OL یا LI نصب شده است. این نوع لیست شما است. مجموع 5 نوع:

                - شماره شماره عربی (1، 2، 3)
                - شماره گذاری با حروف بزرگ (A، B، C)
                - شماره گیری با حروف کوچک حروف (A، B، C)
                - شماره توسط شماره های بزرگ رومی (I، II، III)
                - شماره گذاری با شماره های کوچک رومی (I، II، III)
                - با چه رقمی برای شروع شماره

                بسته به نوع مشخص کردن نوع شماره، می توانید آن را از کل لیست یا یک عنصر خاص تغییر دهید.

                فهرست تعریف

                لیست تعاریف برای مقالات Word طراحی شده است.

                یک کانتینر عمومی "DL" وجود دارد. در داخل آن "dt" (تعریف termin-term) و 'dd' (تعریف تعریف - توضیحات). ساده ترین مثال:

                واحد بازاریابی

                این بخش در ترویج کالاها و خدمات مشغول به کار است.

                بخش مالی

                این بخش در تمام معاملات مالی مشغول به کار است.

                تمام عناصر تمام لیست ها بلوک هستند. اما در داخل عنصر "DT"، تنها عناصر کوچک می تواند تنظیم شود. در عناصر 'dd' و 'li' شما می توانید هر چیزی را قرار دهید. از اینجا لیست های توزیع شده وجود دارد.

                توزیع شده (لیست های مخلوط)

                اینها لیست های چندسطحی هستند که در داخل آن سلسله مراتب دارند. اغلب چنین لیست هایی هنگام ساخت یک نقشه سایت استفاده می شود. مثال:

                فهرست مخلوط

                اخبار روز

                امروز باران

                باران تمام روز خواهد رفت

                اخبار شب

                در شب باران خواهد شد

                فردا یک روز جدید را آغاز خواهد کرد