لیست ها در HTML بخش دوم
لیست ها در HTML بخش دوم Ordered Lists لیست شمارشی
لیست ها در HTML بخش دوم را جهت مطالعه شما مخاطبان محترم سایت آموزی تهیه کردیم. در بخش اول این سری آموزشی شما دوستان گرامی رو با لیست های نامرتب آشنا کردیم.
در بخش دوم این آموزش قصد داریم شما عزیزان رو با نوع دیگری از لیست ها در HTML آشنا کنیم. لیست های مرتب ( شمارشی ) نوع دیگری از لیست ها هستند که در بخش دوم به توضیح اونها می پردازیم.
لیست های مرتب ( Ordered Lists )
لیست مرتب یا ترتیبی با تگ ol در ابتدای آن همراه است. این نوع لیست ها عددی هستند و آیتم های آن شماره گذاری می شوند.
تگ ol در زبان اچ تی ام ال
اگر در سند html خود قصد ساختن لیست های مرتب یا شمارشی دارید، بایستی از تگ ol استفاده کنید. تگ ol دارای یک تگ باز ( Opening Tag ) و یک تگ بسته ( Closing Tag ) می باشد. حقیقت تگ ol به تنهایی نمی تواند لیست شمارشی ایجاد کند. و برای اینکه بتواند لیست بسازد، بایستی آیتم های این لیست درون تگ ol تعریف شود.
تگ li در زبان HTML
همانطور که اشاره شد، جهت ساخت یک لیست مرتب تنها با استفاده از تگ ol قادر به ایجاد چنین لیستی نخواهید بود. در حقیقت تگ ol تنها تعیین کننده استفاده از لیست مرتب است. و در ابتدای لیست می آید.
لذا اگر قصد دارید آیتم های لیست شمارشی خود را بسازید، بایستی از تگ li استفاده کنید. تگ li نیز دارای یک تگ باز ( Opening Tag ) و یک تگ بسته ( Closing Tag ) می باشد.
درون تگ li آیتم های لیست قرار می گیرند. این آیتم ها می توانند شامل محتوا ، عکس ، لینک و یا المان های مختلف HTML باشد. این آیتم ها در لیست مرتب شماره گذاری می شوند.
برای کسب اطلاعات بیشتر در مورد طراحی وب حتما به صفحه آموزش طراحی سایت سر بزنید.
برای متخصص شدن در طراحی سایت فروشگاهی با وردپرس روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره فوق حرفه ای طراحی سایت فروشگاهی با وردپرس پروژه محور
برای متخصص شدن در طراحی بخش Front End سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره فوق حرفه ای آموزش طراحی وب با HTML5 و CSS3 و jQuery
برای متخصص شدن در بهینه سازی و سئوی سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره آموزش سئو محتوا کاملا حرفه ای براساس آخرین آپدیت های گوگل
به مثال زیر توجه کنید:
<ol>
<li><a href="https://siteamoozi.com">آیتم اول لیست</a></li>
<li><a href="https://siteamoozi.com">آیتم دوم لیست</a></li>
<li><a href="https://siteamoozi.com">آیتم سوم لیست</a></li>
</ol>
نمایش آیتم های لیست مرتب شمارشی فوق در صفحه مرورگر به شکل زیر خواهد بود:
- آیتم اول لیست
- آیتم دوم لیست
- آیتم سوم لیست
پیوندهای مهم و کاربردی
تگ های HTML در سایت آموزی | تگ های جدید HTML5 در سایت آموزی | صفات تگ های HTML در سایت آموزی | تگ های منسوخ شده HTML5 در سایت آموزی | تگ های block level و inline level در سایت آموزی | تگ های HTML در W3school | ویژگی های CSS در سایت آموزی | ویژگی های CSS در W3schools
لیست ها در HTML بخش دوم Ordered Lists لیست شمارشی – اختصاصی سایت آموزی
درباره سایت آموزی
علیرضا ابراهیمی - بنیانگذار وبسایت آموزشی سایت آموزی ، 8 سال سابقه فعالیت حرفه ای در زمینه طراحی سایت ، سئو ، سابقه تدریس اغلب زبان های برنامه نویسی تحت وب ، محقق و تحلیلگر ساختارهای توسعه دهنده وب
نوشته های بیشتر از سایت آموزی
دیدگاهتان را بنویسید