لیست گلوله شده در HTML. لیست گلوله ای و شماره گذاری شده HTML

روز همگی دوستان و خوانندگان عزیزم بخیر. دیروز جشن گرفتم و می خواهم بگویم که همه چیز طبق برنامه به خوبی پیش رفت - در حلقه خانواده. خب باید اینطوری میشد. با این حال، آنها در حلقه خانواده نشستند. خوب، در 19 ژوئن من با دوستان جشن خواهم گرفت، بنابراین ضیافت ادامه خواهد داشت. اما امروز بالاخره می توانیم به روزهای کاری برگردیم (هرچند در تعطیلات هستم) و به یادگیری زبان html ادامه دهیم.

میدونی؟ دیروز، من و همسرم داشتیم لیستی از چیزهایی که برای خانه، برای تولد، برای تعطیلات باید بخریم تهیه می‌کردیم و به ذهنم خطور کرد: «اوه. و مقاله بعدی را فقط به لیست های html اختصاص خواهم داد. به طور کلی، دو نوع اصلی وجود دارد، بنابراین من می خواستم یک مقاله جداگانه به هر نوع اختصاص دهم. و امروز لیست گلوله ای html را مطالعه می کنیم.

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

قطعات رایانه:

• مادربرد
• رم
• HDD
• کارت گرافیک
• و غیره.

حال بیایید ببینیم چگونه می توان همه اینها را در html بازتولید کرد

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

• - لیست نامرتب (لیست نامرتب). این تگ در ابتدای لیست قرار می گیرد و در انتهای لیست بسته می شود. این به ما می‌گوید که یک لیست نامرتب گلوله‌ای در اینجا وجود خواهد داشت.
  • - آیتم لیست (مورد لیست). این تگ ها هر یک از عناصر لیست را در بر می گیرند.

  در واقع، روش ایجاد لیست گلوله ایبسیار آسان است و من با یک مثال به شما نشان خواهم داد:

  • پژو
  • اوپل

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

  

  ویژگی های

  و البته، نمی توانم در مورد موارد مرتبط با این برچسب ها به شما چیزی نگویم. درست است، در واقع، این ویژگی ها دیگر در html استفاده نمی شوند، زیرا همه چیز از طریق سبک ها، یعنی CSS، آسان تر و راحت تر است. اما من هنوز هم دوست دارم در مورد آن به شما بگویم توسعه عمومی، بنابراین من شما را با ویژگی type و معانی آن آشنا می کنم.

  ویژگی type به منظور تغییر ظاهر نشانگر تنظیم شده است، اما همانطور که در واقعیت های امروزی گفتم، دیگر تنظیم آن مرسوم نیست، اگرچه هنوز کار می کند.

  

  • - این مقدار پیش فرض است، بنابراین تجویز آن اصلاً معنی ندارد. نشانگرها شبیه دایره‌های پر شده سیاه هستند.
    • - به لطف این مقدار، نشانگر گرد باقی می ماند، اما دیگر پر نمی شود.
      • - V این موردنشانگرهای متر به مربع های سیاه کوچک تبدیل می شوند.

        خودتان آن را امتحان کنید تا ببینید چگونه کار می کند و همه تغییرات را خواهید دید.

        

        لیست تو در تو

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

        انجام این کار کاملاً آسان است، فقط در آن برچسب

      • که می‌خواهیم آن را گسترش دهیم و یک ظرف فهرست جدید اضافه کنیم
        ، و از قبل مجموعه برچسب های بعدی را در آنجا درج کنید
        • که بین آن مدل های خودرو نوشته خواهد شد. همه چیز روشن است؟ اگر نه، پس بیایید ببینیم که در کد چگونه به نظر می رسد.

          

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

          

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

          

          خب، به طور کلی، فکر می کنم متوجه موضوع شده اید. اما اگر می خواهید در HTML و CSS خوب شوید، اکیداً توصیه می کنم که نگاهی به دوره بیندازید. HTML5 و CSS3 از صفر تا حرفه ایبا تشکر از این دوره، شما به راحتی همه چیز را یاد خواهید گرفت اصول اولیه htmlو css، و همچنین یاد بگیرید که چگونه چندین نوع سایت را خودتان طراحی کنید: سایت های کارت ویزیت، وبلاگ ها، فروشگاه های آنلاین و حتی صفحات فرود. دوره واقعا شگفت انگیز است.

          با احترام، دیمیتری کوستین.

          - امتیاز 4.5 از 5 بر اساس 2 رای

          اغلب، اطلاعات خاصی در سایت باید در قالب لیست ارائه شود.

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

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

          لیست علامت گذاری شده

          این نوع لیست بیشترین استفاده را دارد. لیست Bulleted در HTML با استفاده از تگ ها ایجاد می شود

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

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

            • گزینه ای مثل این
            • این گزینه
            • یک نوع گزینه

            می توانید سعی کنید با استفاده از این کد یک صفحه HTML ایجاد کنید و در نتیجه لیست زیر را دریافت خواهید کرد:

            

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

            یک ویژگی نوع وجود دارد که با کمک آن سبک نشانگر تنظیم می شود. این ویژگی دارای مقادیر زیر است:
            • دیسک - دایره؛
            • دایره - دایره؛
            • مربع - مربع.

            مقدار دیسک به طور پیش فرض استفاده می شود.

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

            • گزینه ای مثل این
            • این گزینه
            • یک نوع گزینه

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

            

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

            • گزینه ای مثل این
            • این گزینه
            • یک نوع گزینه

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

            

            ویژگی type را می توان برای بیش از یک تگ اعمال کرد

            ، بلکه به برچسب
            • . به این ترتیب می توانید لیستی با انواع نشانگرها ایجاد کنید.
              • گزینه ای مثل این
              • این گزینه
              • یک نوع گزینه

              نتیجه به شرح زیر خواهد بود:

              

              لیست های شماره گذاری شده

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

              و در تگ های آن تودرتو

              1. 1. خط اول
                 2. خط دوم
                 3. خط سوم

                 چنین لیستی به نظر می رسد:

                 

                 شماره گذاری پیش فرض اعداد عربی است. اما برچسب

                 یک ویژگی type وجود دارد که با کمک مقادیر آن می توان شماره گذاری را با حروف بزرگ (type="A") یا کوچک (type="a") انجام داد. با حروف لاتین، با حروف بزرگ (type="I") و کوچک (type="i") اعداد رومی.

                 در زیر نسخه‌های کوتاه شده کد و نوع شماره‌گذاری که در یک مورد می‌تواند باشد، آمده است.

                 نمای فهرست:

                 نمای فهرست:

                 

                 شماره گذاری با حروف کوچک الفبای لاتین:

                 نمای فهرست:

                 

                 نمای فهرست:

                 

                 نمای فهرست:

                 

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

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

                 . برچسب بزنید

                 یک ظرف برای لیست، برچسب ایجاد می کند

                 اصطلاح و برچسب را تنظیم می کند

                 توصیف یا تعریف یک اصطلاح

                 ثبت شده این لیستبه روش زیر:

                 ترم 1

                 تعریف اصطلاح 1

                 ترم 2

                 تعریف اصطلاح 2

                 ترم 3

                 تعریف اصطلاح 3

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

                 

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

                 لیست های تودرتو یا چند سطحی در HTML.

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

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

                 • گزینه ای مثل این
                   1. خط اول
                   2. خط دوم
                   3. خط سوم
                 • این گزینه
                   1. خط اول
                   2. خط دوم
                   3. خط سوم
                 • یک نوع گزینه
                   1. خط اول
                   2. خط دوم
                   3. خط سوم

                 امروزه هر فردی باید مهارت های کامپیوتری داشته باشد و حداقل بتواند حداقل مجموعهبرنامه ها. استاندارد و محبوب ترین آنها عبارتند از Microsoft Word. هنگام کار در Word، کاربران با نیاز به برجسته کردن محدوده خاصی از متن برای وضوح روبرو هستند. اغلب لازم است که یک لیست در یک سند درج شود. این می تواند یک لیست گلوله ای یا شماره گذاری شده باشد - کاربر توانایی حرکت در موقعیت را دارد.

                 این برنامه به شما اجازه می دهد تا با استفاده از فرصت های فراوان برای کاوش همه اسناد، نامه ها و پروژه ها را ایجاد کنید ویژگی های مایکروسافتکلمه، شما نیاز به صرف زمان دارید، اما نتیجه ارزش آن را دارد.

                 فهرست ها به منظور قابل فهم و رسا کردن متن ضروری هستند. در اکثر اسناد از یک لیست شماره گذاری شده و گلوله ای در یک سطح استفاده می شود. در پایان نامه ها و مقالات علمیاستفاده شده لیست چند سطحی.

                 شماره گذاری و گلوله ها

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

                 

                 در MS Word یک تب "Home" وجود دارد که در گروه "Paragraph" می توانید درج مورد نظر را انتخاب کنید. کاربر دکمه های "Numbering" یا "Markers" را فشار می دهد، سپس با استفاده از خط کش، تورفتگی ها را تنظیم می کند. این روش بسیار ساده و واضح است، اما کاربر بی تجربهممکن است با مشکلات پنهان مواجه شود. هنگام درج مجدد لیست های گلوله ای و شماره گذاری شده، تورفتگی ها باید دوباره ویرایش شوند.

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

                 لیست هایی با شماره گذاری

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

                 گزینه های لیست:

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

                 می توانید یک لیست شماره گذاری شده را به صورت خودکار وارد کنید. برای این کار باید مراحل زیر را انجام دهید:

                 • در ابتدای پاراگراف، قبل از وارد کردن متن، باید "1."، سپس "Space" یا Tab را قرار دهید. پاراگراف به عنوان اولین مورد در لیست ظاهر می شود.
                 • با قرار دادن پیشوند یک پاراگراف با "1)" و سپس فشار دادن Space یا Tab، کاربر نوع دیگری از لیست را ایجاد می کند.
                 • بر اساس قیاس، لیست هایی با حروف تهیه می شود. در رشته ها باید با نقطه یا پرانتز وارد کنید. بعد از هر پاراگراف، باید "Space" یا Tab را فشار دهید.

                 ایجاد لیست گلوله‌ای به صورت خودکار

                 می‌توانید یک لیست گلوله‌دار را به صورت زیر در Word وارد کنید:

                 • در ابتدای یک پاراگراف، باید یک ستاره یا علامت بزرگتر از آن را تایپ کنید و سپس Space یا Tab را فشار دهید.
                 • به طور خودکار یک لیست گلوله ایجاد کنید. می توانید با رفتن به تب "File" و انتخاب گروه "Options" آن را فعال کنید. در برگه "Spelling"، "AutoCorrect Options" را انتخاب کنید. در بخش "AutoFormat"، کادرهای کنار سبک ها را علامت بزنید.

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

                 

                 لیست چند سطحی

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

                 تنظیمات کلیدی برای یک لیست چند سطحی

                 

                 هنگام تنظیم لیستی که از چندین سطح تشکیل شده است، باید به پارامترهای زیر توجه کنید:

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

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

                 چگونه استایل نشانگر را تغییر دهیم؟

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

                 برای تبدیل یک لیست شماره دار یا گلوله ای در Word به متن، کافی است دکمه مربوطه را فشار دهید.

                 هر عنصر متن را می توان با یک نشانگر خاص برجسته کرد. برای قالب بندی لیست با توجه به الزامات یک سند خاص، باید دستور "Define New Marker" را انتخاب کنید.

                 

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

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

                 با عنصر

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

                   شکل 1 نتیجه مثال را نشان می دهد که ویژگی های فوق لیست گلوله ای را نشان می دهد.

                   برنج. 1. مشاهده لیست گلوله شده

                   نوع نشانگر

                   نشانگرها می توانند یکی از سه شکل را داشته باشند: دایره پر شده (پیش فرض)، دایره خالی و مربع. برای انتخاب نوع نشانگر، از ویژگی list-style-type یا سبک لیست عمومی (مثال 1) استفاده کنید. مقادیر زیر اعمال می شود:

                   • دیسک - نشانگرهایی به شکل یک دایره پر.
                   • دایره - نشانگرهایی به شکل یک دایره پر نشده؛
                   • نشانگر مربع - مربع.

                   مثال 1 - ظاهر نشانگر را تغییر دهید

                   • sepulki
                   • Sepulcarii
                   • سپولنیا

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

                 • کار نخواهد کرد، بنابراین شما باید در اطراف کار کنید. برای انجام این کار، نشانگرهای لیست را با استفاده از ویژگی list-style با مقدار هیچ و در متن قبل از محتوا پنهان کنید.
                 • کاراکتر خود را با عنصر ::before اضافه کنید. در مثال 2، یک مثلث به عنوان یک نشانگر عمل می کند.

                   مثال 2: استفاده از::before

                   • sepulki
                   • Sepulcarii
                   • سپولنیا

                   نتیجه این مثالدر شکل نشان داده شده است. 2. از آنجایی که استفاده از ویژگی list-style با مقدار none نشانگرها را به هیچ وجه حذف نمی کند، بلکه فقط آنها را از دید پنهان می کند، لیست به سمت راست منتقل می شود. برای خلاص شدن از شر این ویژگی، مثال ویژگی text-indent را با مقدار منفی اضافه می کند. وظیفه آن این است که متن را با یک کاراکتر به سمت چپ منتقل کنید.

                   

                   برنج. 2. نشانگرهای دلخواه در لیست

                   لازم نیست کاراکتر در قالب هگزا دسیمال باشد، همچنین می تواند مستقیماً در متن درج شود. نکته اصلی این است که سند را در رمزگذاری UTF-8 ذخیره کنید و ویرایشگر آن را پشتیبانی کند. خود کاراکترها و کدهای آنها را می توان برای مثال از LibreOffice Writer گرفت (شکل 3).

                   

                   برنج. 3. انتخاب نماد در LibreOffice

                   لیست با گلوله های ترسیم شده

                   Styles به شما این امکان را می دهد که هر تصویر مناسب را از طریق ویژگی list-style-image به عنوان نشانگر تنظیم کنید. مقدار یک مسیر نسبی یا مطلق است فایل گرافیکیهمانطور که در مثال 3 نشان داده شده است.

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

                   • sepulki
                   • Sepulcarii
                   • سپولنیا

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

                   

                   برنج. 4. طراحی به عنوان نشانگر

                   لیست-سبک-تصویر دارای اشکالاتی است:

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

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

                 • ما نشانگرهای اصلی را حذف می کنیم و تصویر پس زمینه را بدون تکرار تنظیم می کنیم. و برای اینکه متن در بالای تصویر نمایش داده نشود، آن را از طریق padding-left به سمت راست منتقل می کنیم (مثال 4).

                   مثال 4 با استفاده از پس زمینه

                   Ul (حاشیه-چپ: -1em؛) li (سبک لیست: هیچکدام؛ پس‌زمینه: url(images/bullet.png) بدون تکرار 0 2px؛ بالشتک چپ: 20px؛ )

                   موقعیت متن و گلوله

                   دو راه برای قرار دادن نشانگر نسبت به متن وجود دارد: نشانگر خارج از مرز عناصر لیست قرار می گیرد یا با متن پیچیده می شود (شکل 5).

                   داخل	خارج از

                   برنج. 5. قرار دادن نشانگرها نسبت به متن

                   ویژگی list-style-position برای کنترل موقعیت نشانگرها استفاده می شود. این دو معنی دارد: خارج - گلوله ها خارج از بلوک متن قرار می گیرند (این حالت پیش فرض است) و در داخل - گلوله ها بخشی از بلوک متن هستند و در آیتم لیست نمایش داده می شوند (مثال 5).

                   مثال 5. موقعیت نشانگرها را تغییر دهید

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

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

                   

                   یک لیست گلوله ای با اضافه کردن یک نشانگر کوچک، معمولاً یک دایره پر، قبل از هر آیتم لیست تعریف می شود. خود لیست با استفاده از یک ظرف تشکیل می شود

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

                     لیست باید حاوی یک تگ پایانی باشد.

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

                 مثال 11-1 کد HTML برای افزودن لیست گلوله‌ای به یک صفحه وب است.

                 مثال 11.1. یک لیست گلوله ای ایجاد کنید

                 ---

                 • چبوراشکا
                 • کروکودیل گنا
                 • شاپوکلیاک
                 • موش لاریسا

                 ---

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

                 برنج. 11.1. نمای لیست گلوله ای

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

                 نشانگرها می توانند یکی از سه شکل دایره (پیش فرض)، دایره و مربع را داشته باشند. ویژگی type تگ برای انتخاب سبک نشانگر استفاده می شود.

                 . مقادیر مجاز در جدول آورده شده است. 11.1
                 Tab. 11.1. فهرست سبک های گلوله

                 نوع لیست	کد HTML	مثال
                 لیست با گلوله ها به شکل دایره		اولین دومین سوم
                 لیست با گلوله ها به شکل دایره		اولین دومین سوم
                 لیست با گلوله های مربع		اولین دومین سوم

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

                 ایجاد یک لیست با نشانگرهای مربع در مثال 11.2 نشان داده شده است.

                 مثال 11.2. نوع نشانگرها

                 تغییر باورها

                 • تغییر ایمان مذهبی (برای انتخاب: بودیسم، کنفوسیوس، هندوئیسم). پیشنهاد ویژه- یهودیت و اسلام با هم؛
                 • تغییر ایمان به عصمت طرف محبوب؛
                 • اعتقاد به وجود بیگانگان؛
                 • ترجیح برای یک سیستم سیاسی، به عنوان بهترین در نوع خود (برای انتخاب از بین: فئودالیسم، سوسیالیسم، کمونیسم، سرمایه داری).

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