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