آموزش طراحی سایت(جلسه ۶): لیست ها در html
لیستها در طراحی سایت اسپیناس:
برای نمایش یک سری اقلام به صورت لیستی منظم، به عنوان مثال منوها و زیرمنوها و… میتوانید از دو تگ < ol > و < ul > استفاده کنید. به طور کلی ایجاد لیست در وب به دو صورت امکانپذیر است:
لیستهای مرتب Ordered List :
لیستی است که ترتیب در آنها در طراحی سایت با شماره یا علامتهای ترتیبی مشخص شده است. از این نوع لیستها هنگامی استفاده میشود که ترتیب اقلام لیست برای ما مهم است.
انواع لیست مرتب:
۱,۲,۳,۴,… i,ii,iii,iiii ,… I,II,III,IIII, … a,b,c,d, … A, B, C, D,…
– یک لیست مرتب در طراحی سایت با تگ < ol > آغاز میشود.
– هرکدام از اقلام لیست با تگ li مخفف List Item آغاز میشوند. مانند:
– صفت type نوع لیست مرتبط را مشخص میکند. اگر کاراکتر اول هر یک از انواع لیست مرتب رابه این صفت بدهید، به آن روش شمارهگذاری خواهد کرد.
مثال:
– هرکدام از اقلام لیست با تگ li مخفف List Item آغاز میشوند. مانند:
– صفت type نوع لیست مرتبط را مشخص میکند. اگر کاراکتر اول هر یک از انواع لیست مرتب رابه این صفت بدهید، به آن روش شمارهگذاری خواهد کرد.
مثال:
<ol type=”۱”> <li>CPU</li> <li>RAM</li> </ol>
لیستهای نامرتب طراحی سایت Unordered List :
از این نوع لیست گذاری زمانی استفاده میشود که در طراحی سایت ترتیب اقلام برای ما اهمیتی نداشته باشد. اقلام لیست در طراحی سایتبه وسیله اشکال مختلف مانند گلوله نشانهگذاری میشوند. یک لیست نامرتب با یک تگ > ul < آغاز میشود. هرکدام از اقلام لیست بین تگ > li < قرار میگیرند.
انواع نشانههای لیست نامرتب همراه با کلمه مربوط به type آنها:
انواع نشانههای لیست نامرتب همراه با کلمه مربوط به type آنها:
circle disc square
مثال:
<ul type=”disc”> <li> منوی اصلی </li> <li> گالری عکس </li> </ul>
Comments
Post a Comment