سبک سازی خطوط (رقم ها) در لیست های سفارش OL. نمونه هایی از دکوراسیون شیک UL LI لیست CSS TAG OL مجموعه

سلام، وب سایت خوانندگان وبلاگ عزیز. امروز، در چارچوب این دسته، من می خواهم در مورد انواع لیست های HTML صحبت کنم که می تواند بر اساس برچسب های ویژه طراحی شده UL، OL، LI و DL ایجاد شود. با استفاده از جفت UL و LI، لیست های برچسب دار با استفاده از OL و LI - شماره گذاری شده اند، و با کمک عناصر DL، DT و DD، لیست به اصطلاح تعریف ایجاد شده است. ما همچنین اصول کوتاهی را برای ایجاد ساختارهای توزیع شده در نظر می گیریم.

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

لیست های مشخص شده بر اساس برچسب ها ul و li

برچسب UL برای ایجاد لیست برچسب ها استفاده می شود و برای ایجاد شماره - OL. این برچسب ها عبارتند از جفت و بلوک، درست همانطور که عنصر لی است.

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

بیایید ببینیم، به عنوان مثال، یک نسخه برچسب دار است که ممکن است به نظر برسد:

• خط اول
• دومین
• آخرین عنصر

در داخل تگ های باز و بسته بندی، UL، تنها عناصر LI را می توان نصب کرد، و هر گونه محتوا (متن، تصاویر، هدر ها، پاراگراف ها، پیوندها، و حتی لیست های دیگر را می توان در داخل این عناصر قرار داد.

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

برای UL، شما می توانید دیدگاه مارکر را تغییر دهید، تجویز مقادیر مختلف آن را برای ویژگی "نوع". اگر "نوع" (مدیریت ظاهر مارکرها) برای عنصر UL مشخص نشده است، نمای مارکر پیش فرض نمایش داده خواهد شد (دیسک - نقاشی شده در رنگ متن دایره):

1. - کرم دایره (به طور پیش فرض)؛
   • - دایره نقاشی نشده؛
     • - مربع

در نمونه ها، ویژگی نوع، ما در عنصر UL تجویز شد، با استفاده از این نوع نشانگرها برای همه موارد. اما ویژگی "Type" را می توان برای هر برچسب LI فرد تجویز کرد، نوع خود را از نشانگر خود را برای این مورد تنظیم کنید.

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

1. نشانگر دیسک
2. نشانگر به صورت یک دیسک نقاشی نشده است
3. مربع

لیست های Numesed در HTML بر اساس برچسب OL

برای ایجاد یک لیست شماره، برچسب های OL استفاده می شود، که در آن عناصر Li دوباره قرار می گیرند. OL و LI، همانطور که قبلا ذکر کردم، بلوک ها هستند (به عنوان مثال، به دنبال تمام مکان های موجود در عرض قرار می گیرند) و در داخل OL هیچ چیز دیگری جز عناصر Li قرار نمی گیرد.

به نظر می رسد که OL و UL برچسب های خدماتی هستند که فقط برای نشان دادن مرورگر مورد نیاز هستند، کدام نوع لیستی که ما شکل می گیریم (برچسب یا شماره گذاری شده). در مورد شماره یک - به سمت چپ هر مورد ما نشانگر نیست، اما نقطه و نقطه پشت آن:

1. خط اول
2. نقطه دوم
3. رشته سوم

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

1. - شماره گیری توسط شماره های متعارف عربی انجام می شود (همان گزینه به طور پیش فرض استفاده می شود، اگر هیچ صفت "نوع" وجود ندارد)؛
   1. - حروف بزرگ به عنوان شماره؛
      1. - حروف کوچک؛
         1. - ارقام رومی سرمایه؛
            1. - شماره های رومی کوچک

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

               

               1. با تعداد اعداد بزرگ رومی
               2. شماره گذاری با حروف کوچک لاتین
               3. شماره کوچک رومی

               هنگام ایجاد لیست های شماره گذاری، همچنین دارای توانایی شروع شماره از یک واحد، اما از شماره مشخص شده در ویژگی مشخصه است. مثلا:

               1. اولین عنصر که تعداد آن در alt attribute ol start \u003d "23" است
               2. آیتم بعدی، با یک عدد در هر واحد بزرگ
               3. یکی دیگر دیگر

               برای OL، شما همچنین می توانید یک شماره جدید را از هر مقدار شروع کنید، از هر آیتم شروع کنید، در ویژگی ارزش در آیتم باز LI با شماره مورد نظر صحبت کنید. مثلا:

               1. اولین نقطه با شماره یک
               2. این عنصر شماره مشخص شده در ویژگی value \u003d "32" را دریافت خواهد کرد
               3. نقطه با تعداد زیادی

               ثبت نام از ظاهر لیست در CSS (جداول سبک)

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

               در اینجا من به سادگی نمونه ای از نشانگرهای مختلف را برای لیست های غیر شماره گذاری می کنم، ظاهر آن از طریق یک فایل جداگانه با جداول سبک Cascading تنظیم می شود.

               • نقطه اول
               • دومین
               • آخر

               اما درباره ما در مقالات بعدی صحبت می کنیم. به این ترتیب ظاهر مارکر برای UL در این وبلاگ تنظیم شده است. تصاویر به عنوان نشانگر استفاده می شود: برای آیتم های معمولی از لیست غیر شماره گیری -، برای موارد توزیع نشده از غیر اندازه گیری شده -.

               لیست های ویژه و زیرمجموعه در کد HTML

               سومین و آخرین دیدگاه "لیست های تعریف" نامیده می شود و آنها با استفاده از سه برچسب - DL، DT و DD تنظیم می شوند. DL مرورگر را گزارش می دهد که فهرست تعاریف را دنبال می کند.

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

               اولین دوره

               شرح

               دومین دوره

               شرح او

               

               اگر به مثال فوق نگاه کنید، حذف کنید که عنصر DD (شرح اصطلاح) (40 پیکسل) نسبت به عنصر DT (اصطلاح خود) تغییر می کند.

               به طور کلی، DL، DT و DD برچسب های بلوک هستند، و در داخل عنصر DT، شما فقط می توانید محتوا را با برچسب های خط قرار دهید (به نظر می رسد که در داخل DT غیر ممکن است استفاده از عناصر بلوک عناوین و پاراگراف ها غیر ممکن باشد. و در برچسب های DD، شما می توانید هر عنصر و حروف کوچک و بلوک را وارد کنید.

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

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

               

               1. اولین نقطه اصلی شماره
               2. نقطه دوم
                  • اولین عنصر از توزیع شده
                  • دومین
                  • سومین و آخرین نقطه مشخص شده
               3. عنصر سوم شماره گذاری شده است

               موفق باشی! به جلسات مبهم در وب سایت وب سایت وبلاگ

               ممکن است علاقه مند باشید

               نحوه قرار دادن لینک HTML و تصویر (عکس) - IMG و برچسب ها انتخاب، گزینه، Textarea، Label، FieldSet، Legend - تگ های HTML اشکال لیست کشویی و زمینه متن
               اشکال HTML برای سایت - برچسب ها فرم، ورودی و انتخاب، گزینه، textarea، label و دیگران برای ایجاد آیتم های WebForm
               همانطور که رنگ ها در کد HTML و CSS تنظیم می شوند، انتخاب سایه های RGB در جداول، صدور Yandex و سایر برنامه ها
               قراردادن و شیء - تگ های HTML برای نمایش محتوای رسانه ای (ویدئو، فلش، صوتی) در صفحات وب
               برچسب ها و ویژگی های H1-H6 سرصفحه، خط افقی HR، خلاصه RR و پاراگراف P با توجه به HTML 4.01
               جداول در HTML - برچسب ها جدول، TR و TD، و همچنین Colspan، Cellpanding، Cellspacing و Rowspan برای ایجاد آنها
               زبان نشانه گذاری HTML Hypertext و نحوه دیدن لیست همه برچسب ها در Validator W3C چیست؟
               برچسب های فونت (صورت، اندازه، رنگ)، قالب بندی متن پیش بینی شده در HTML خالص (بدون استفاده از CSS)
               Iframe و Frame - چه چیزی است و بهترین استفاده از فریم ها در HTML
               img - تگ HTML برای قرار دادن تصاویر (src)، تراز کردن و ساده سازی آن با متن (align)، و همچنین وظایف پس زمینه (پس زمینه)

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

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

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

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

               1 . اطلاعات غیر ارادی
               2 . اطلاعات مرتب شده
               3 . تعاریف

               گرفتن نصب:

               1. گزینه:

               
               
               • عنصر لیست
               
               
               • فهرست منحصر به فرد
               
               
               • لیست اصلی
               
               
               • Zornet.RU - وب مستر
               
               
               • لیست دیگری
               
               
               
               CSS

               ksanopan (
               حاشیه: 19px 0 0؛
               Padding: 0؛
               لیست سبک: هیچکدام؛
               ضد بازنشانی: لی؛
               }
               .ksangopan لی (
               مرز: 2px جامد # 3575AD؛
               سابقه و هدف: # d7dee4؛
               موقعیت: نسبی؛
               حاشیه پایین: 17px؛
               Padding: 15px 9px؛
               }
               .ksangopan لی: شناور (
               z-index: 1؛
               }
               .ksangopan لی: قبل از (
               مرز: 2px جامد # 2270b3؛
               موقعیت: مطلق؛
               بالا: -14px؛
               Padding: 3px 9px؛
               فونت اندازه: 11px؛
               فونت وزن: پررنگ؛
               رنگ: # 246eaf؛
               سابقه و هدف: # F2F4F7؛
               ضد افزایش: لی؛
               محتوا: شمارنده (LI)؛
               -Webkit-transition-dury: 0.4S؛
               گذار مدت زمان: 0.4S؛
               }
               .ksangopan لی: شناور: قبل از (
               سابقه و هدف: # 2672b3؛
               رنگ: # f7f9fb؛
               -Webkit-transform: ترجمه (-11px، 0)؛
               -ms-transform: ترجمه (-11px، 0)؛
               -O-transform: ترجمه (-11px، 0)؛
               تبدیل: ترجمه (-11 پیکسل، 0)؛
               }
               .ksangopan لی: پس از (
               محتوا: ""؛
               موقعیت: مطلق؛
               گذار مدت: 0.3S؛
               -Webkit-transition-property: عرض؛
               انتقال مالکیت: عرض؛
               z-index: -1؛
               سابقه و هدف: #fff؛
               ارتفاع: 100٪؛
               چپ: 0؛
               بالا: 0؛
               عرض: 0؛
               }
               .ksangopan لی: شناور: پس از (
               عرض: 100٪؛
               }

               
               در این همه نصب.

               2 گزینه دوم:

               

               
               
               • عنصر لیست
               
               
               • فهرست منحصر به فرد
               
               
               • لیست اصلی
               
               
               • Zornet.RU - وب مستر
               
               
               • لیست دیگری
               
               
               
               CSS

               beleduzlopgges (
               حاشیه پایین: 8px؛
               Padding: 0؛
               لیست سبک: هیچکدام؛
               ضد بازنشانی: لی؛
               }
               .bleduzlopamges لی (
               موقعیت: نسبی؛
               مرز: 2 پیکسل جامد # 195588؛
               سابقه و هدف: # eff3f7؛
               Padding: 15px 19px 15px 27px؛
               حاشیه: 12px 0 12px 40px؛
               -Webkit-transition-dury: 0.3S؛
               گذار مدت: 0.3S؛
               }
               .bleduzlopgges لی: شناور (
               سابقه و هدف: #fff؛
               }
               .bleduzlopgges لی: قبل از (
               خط ارتفاع: 32 پیکسل؛
               موقعیت: مطلق؛
               بالا: 4 پیکسل؛
               چپ: -39px؛
               عرض: 39 پیکسل؛
               متن ترانه: مرکز؛
               اندازه فونت: 16 پیکسل؛
               فونت وزن: پررنگ؛
               رنگ: # F9F5F5؛
               سابقه و هدف: # 275B88؛
               ضد افزایش: لی؛
               محتوا: شمارنده (LI)؛
               گذار مدت: 0.2S؛
               }
               .bleduzlopgges لی: شناور: قبل از (
               عرض: 46 پیکسل؛
               }
               .bleduzlopgges لی: پس از (
               موقعیت: مطلق؛
               چپ: 0؛
               بالا: 4 پیکسل؛
               محتوا: ""؛
               ارتفاع: 0؛
               عرض: 0؛
               مرز: 16PX جامد شفاف؛
               مرز چپ رنگ: # 275b88؛
               -Webkit-transition-dury: 0.2S؛
               گذار مدت: 0.2S؛
               }
               .bleduzlopgges لی: شناور: پس از (
               حاشیه چپ: 6 پیکسل؛
               }

               
               محدوده مرکز می تواند به طور مستقل سبک اصلی سایت را تنظیم کند.

               3 گزینه سوم:

               

               
               
               • اسکریپت های UCOZ
               
               
               • قالب های UCOZ.
               
               
               • طراحی سایت
               
               
               • سبک برای سایت
               
               
               • سبک در CSS.
               
               
               
               CSS

               nizualisanelag (
               Padding: 0؛
               لیست سبک: هیچکدام؛
               ضد بازنشانی: لی؛
               }
               .nizualisanelag li (
               موقعیت: نسبی؛
               Padding: 9px 17px 17px 25px؛
               حاشیه سمت چپ: 39 پیکسل؛
               گذار مدت: 0.2S؛
               مکان نما: اشاره گر؛
               فونت وزن: پررنگ؛
               رنگ: # 343638؛
               }
               .nizualisanelag li: قبل از (
               مرز: 3px جامد شفاف؛
               خط ارتفاع: 35 پیکسل؛
               موقعیت: مطلق؛
               بالا: 0؛
               چپ: -29 پیکسل؛
               عرض: 41 پیکسل؛
               متن ترانه: مرکز؛
               فونت اندازه: 14px؛
               فونت وزن: پررنگ؛
               رنگ: # 619DCE؛
               ضد افزایش: لی؛
               محتوا: شمارنده (LI)؛
               گذار مدت: 0.3S؛
               
               جعبه اندازه: Border-Box؛
               }
               .nizualisanelag li: شناور: قبل از (
               رنگ: # 337AB7؛
               }
               .nizualisanelag li: پس از (
               موقعیت: مطلق؛
               بالا: 0؛
               چپ: -29 پیکسل؛
               عرض: 41 پیکسل؛
               ارتفاع: 41 پیکسل؛
               مرز: 5px جامد # 468bd0؛
               شعاع مرزی: 50٪؛
               محتوا: ""؛
               Opacity: 0.5؛
               -Webkit جعبه اندازه: Border-Box؛
               -Moz جعبه اندازه: Border-Box؛
               جعبه اندازه: Border-Box؛
               }
               .nizualisanelag li: شناور: پس از (
               انیمیشن: 500ms سهولت در خارج 0s Boxnin؛
               Opacity: 1؛
               }

               beyframes bouncein (
               0% {
               Opacity: 0؛
               تبدیل: Scale3D (.3، 3، 3، 3)؛
               }
               20% {
               تبدیل: مقیاس 3D (1.3، 1.3، 1.3)؛
               }
               40% {
               تبدیل: مقیاس 3D (9، 9، 9، 9)؛
               }
               60% {
               Opacity: 1؛
               تبدیل: مقیاس 3D (1.03، 1.03، 1.03)؛
               }
               80% {
               تبدیل: مقیاس 3D (97، 97، 97)؛
               }
               به (
               Opacity: 1؛
               تبدیل: مقیاس 3D (1، 1، 1)؛
               }
               }

               
               این یک انیمیشن زیبا است.

               4 گزینه چهارم:

               

               
               
               • اولین عنصر برای سایت
               
               
               • عنصر دوم برای سایت
               
               
               • عنصر سوم برای سایت
               
               
               • عنصر چهارم برای سایت
               
               
               • عنصر پنجم برای سایت
               
               
               
               CSS

               Padding: 0؛
               لیست سبک: هیچکدام؛
               }
               .kudezamuden لی (
               Padding: 6px؛
               }
               .kudezamuden li: قبل از (
               Padding-Right: 11px؛
               فونت وزن: پررنگ؛
               رنگ: # 4979A0؛
               محتوا: "\\ 2606"؛
               گذار مدت زمان: 0.4S؛
               }
               .kudezamuden li: شناور: قبل از (
               رنگ: # 235E90؛
               محتوا: "\\ 2605"؛
               }

               
               شبیه به نسخه های قبلی، تنها آیکون خود را تغییر داده است.

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

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

               در زبان نشانه گذاری HTML HyperText یک برچسب وجود دارد

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

               تگ Syntax

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

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

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

               تگ

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

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

               چه چیزی می تواند محتویات لیست مشخص شده باشد؟

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

               هر عنصر از لیست مشخص شده به طور پیش فرض به طور پیش فرض در 40 پیکسل به سمت راست. با استفاده از سبک CSS، می توانیم صفحه نمایش این لیست را به صورت اختیاری تغییر دهیم. تگ

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

               مثلا

               • عنصر # 1.
               • • عنصر # 2-1.
                 • عنصر # 2-2.
                 • عنصر # 2-3.
               • عنصر # 3
               • ...

               ویژگی ها و ویژگی های برچسب

               ویژگی تگ گسترده

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

               1. type \u003d "دیسک" - نشانگر به شکل یک لیوان نقاشی شده (این مقدار به طور پیش فرض تعیین می شود). یک مثال با یک دیسک کمی بالاتر بود.

               2. تایپ \u003d "دایره" - نشانگر به شکل یک لیوان شفاف

               مثلا:

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

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

               3. type \u003d "square" - نشانگر به شکل یک مربع

               مثلا:

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

               اما آنچه در صفحه به نظر می رسد:

               • عنصر # 1.
               • عنصر شماره 2
               یادداشت 1.

               در CSS، نوع مارکر با استفاده از ویژگی نوع نوع سبک تنظیم شده است:

               • ...

               در نظر بگیرید که ارزش ها می توانند نوع سبک را انتخاب کنند:

               • دیسک - نشانگر به شکل یک لیوان (یک مثال بالاتر بود)
               • دایره - نشانگر به شکل یک لیوان شفاف (یک مثال بالاتر بود)
               • مربع - نشانگر به شکل یک مربع (یک مثال بالاتر بود)
               • دهدهی - نشانگر به صورت یک لیست numerennov توسط شماره های عربی: 1، 2، 3، ...
               • decimal-free Zero - نشانگر به صورت یک لیست numerennov توسط شماره های عربی با صفر در ابتدا: 01، 02، 03، ...
               • پایین رومی - نشانگر به شکل یک لیست numerennov از الفبای رومی از حروف کوچک: I، II، III، IV، V
               • upper-Roman - نشانگر به شکل یک لیست numerennov از الفبای رومی در حروف بزرگ: I، II، III، IV، V
               • پایین لاتین - نشانگر به صورت یک لیست از الفبای لاتین با حروف کوچک: A، B، C، D، ...
               • بالا لاتین - نشانگر به صورت یک لیست از الفبای لاتین در حروف بزرگ: A، B، C، D، ...
               • lower-Greek - نشانگر در قالب لیستی از الفبای یونانی با حروف کوچک
               • upper-Greek - نشانگر در قالب یک لیست از الفبای یونانی در حروف بزرگ

               تبصره 2

               ویژگی می تواند به عنوان تگ خود اختصاص داده شود.

               و برچسب ها
               • . هنگام تنظیم یک برچسب ویژگی
                 همه موارد لیست نمایش داده خواهد شد به عنوان ویژگی نشان می دهد این. اما ما می توانیم یک عنصر یا یک عنصر دیگر را برای نمایش بپرسیم. مثال در شکل:

                 کد به نظر می رسد این است:

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

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

                 تغییر نشانگرهای برچسب

                 با استفاده از CSS

                 عناصر لیست مشخص شده توسط برچسب ایجاد شده است

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

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

                 و به نظر می رسد در صفحه:

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

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

                 آن را به تمام عناصر لیست اعمال می شود.
                 تگ های HTML

                 معنی و کاربرد

                 لیست اعداد (مرتب شده) برای مواردی که در یک نظم قطعی دنبال می شوند طراحی شده است. لیست شماره ها با برچسب شروع می شود

                 (اختصار از انگلیسی فهرست مرتبشده. - فهرست مرتبشده). هر عنصر لیست با برچسب شروع می شود
                 1. (مورد لیست).

                    مرورگرهای پشتیبانی

                    صفت			اپرا		iExplorer	حاشیه، غیرمتمرکز.
                    شروع، نوع	آره	آره	آره	آره	آره	آره
                    معکوس	آره	آره	آره	آره	نه	نه

                    ویژگی های

                    صفت	مقدار	شرح
                    فشرده - جمع و جور.	فشرده - جمع و جور.	در HTML5 پشتیبانی نمی شود. نشان می دهد که لیست باید کمتر از اندازه معمول باشد (ارتفاع خط: 80٪). از CSS به جای این ویژگی استفاده کنید.
                    	معکوس	نشان می دهد که سفارش در یک لیست شماره (مرتب شده) باید از نزولی پیروی کند. ویژگی توسط اینترنت اکسپلورر و مرورگرهای EDGE پشتیبانی نمی شود.
                    شروع کن	عدد	مقدار اولیه لیست شماره (دستور داده شده) را مشخص می کند. مقادیر باید عدد صحیح باشند، مجاز به استفاده از مقادیر منفی است. هنگام استفاده از حروف (type \u003d "a" و type \u003d "a")، شماره مشخص شده در مقدار ویژگی، شماره سریال نامه ای از حروف الفبا است. به عنوان مثال، شروع \u003d "4" به نامه متناسب خواهد بود "D" و لیست با آن آغاز خواهد شد. هنگام استفاده از مقدار شروع \u003d "27"، شمارنده بازنشانی می شود، در حالی که این لیست دو رقمی می شود ("27" \u003d "AA"، "28" \u003d "AB"، "29" \u003d "AC" ...) .
                    نوع	1 (به طور پیش فرض) a (بزرگ) a (حروف کوچک) من (رومی بزرگ) من (رومی کوچک)	نوع مارکر را تعیین می کند که در ساخت یک لیست شماره (دستورالعمل) استفاده می شود.

                    مثال استفاده

                    1. نقطه اول نقطه دوم
                    2. نقطه سوم

                    به صفحه نگاه کنید، به ترتیب:

                    1. نقطه اول
                    2. مورد دوم
                    3. نقطه سوم

                    اگر می خواهید لیست را از یک شماره خاص شروع کنید (نه از 1)، باید ویژگی شروع را برای برچسب مشخص کنید

                    .

                    مثلا:

                    یکی دیگر از ویژگی های جالب نوع است، که به شما این امکان را می دهد که شماره الفبایی ("A" - بزرگ، "A" را تنظیم کنید)، یا شماره شماره های رومی ("I" - در مورد بالا، "I" - در ثبت نام پایین تر).

                    یک مثال را در نظر بگیرید که تمام مقادیر ویژگی های نوع ممکن ارائه شده است (متفاوت از مقدار پیش فرض):

                    >
                    1. نقطه اول نقطه دوم
                    2. نقطه سوم
                    >
                    1. نقطه اول نقطه دوم
                    2. نقطه سوم
                    >
                    1. نقطه اول نقطه دوم
                    2. نقطه سوم
                    >
                    1. نقطه اول نقطه دوم
                    2. نقطه سوم

                    من توجه شما را جلب می کنم که مجاز به تولید لیست های شماره گذاری شده (سفارش شده) در لیست های شماره دیگر (در داخل لیست لیست

                    3. ):
                       1. نقطه اول
                          1. نقطه اول نقطه دوم
                          2. نقطه سوم
                          نقطه دوم
                          3. نقطه سوم

                          به صفحه نگاه کنید، به ترتیب.

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

                          تگ 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 "مقدار" مقدار اولیه (مقدار شروع) گزارش را تعیین می کند.

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

                 تگ

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

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

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

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

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

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

                   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

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

                 • .

                   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