لیست ها در HTML
لیست ها به توسعه دهندگان این امکان را می دهند تا یک فهرست را نمایش دهند.
لیست ها دو نوع هستند:
- لیست منظم - ol
- لیست نامنظم - ul
تگ ol
برای نوشتن لیست منظم از تگ ol (مخفف شده ordered list) استفاده می کنیم.
و برای نوشتن آیتم های آن از تگ li (مخفف شده list item) استفاده می کنیم.
نوشتن یک لیست منظم به صورت زیر است :
<ol>
<li>HTML</li>
<li>CSS</li>
<li>JS</li>
</ol>نکته: برای اطلاعات بیشتر به آموزش تگ ol مراجعه کنید.
تگ ul
برای نوشتن یک لیست نامنظم از تگ ul (مخفف شده unordered list) استفاده می کنیم.
و برای نوشتن آیتم های آن از تگ li (مخفف شده list item) استفاده می کنیم.
نوشتن لیست نامنظم مانند لیست های منظم است با این تفاوت که به جای ol از ul استفاده می شود.
مثالی از لیست های نامنظم :
<ul>
<li>HTML</li>
<li>CSS</li>
<li>JS</li>
</ul>نکته: برای اطلاعات بیشتر به آموزش تگ ul مراجعه کنید.
تگ li
تگ li برای نوشتن آیتم های لیست منظم و نامنظم استفاده می شود.
<ol>
<li>HTML</li>
<li>CSS</li>
<li>JS</li>
</ol>
<ul>
<li>HTML</li>
<li>CSS</li>
<li>JS</li>
</ul>تفاوت ol و ul
<ol>
<li>HTML</li>
<li>CSS</li>
<li>JS</li>
</ol>
<ul>
<li>HTML</li>
<li>CSS</li>
<li>JS</li>
</ul>لیست های منظم، شماره گذاری شده هستند.
لیست های نامنظم، بدون شماره گذاری هستند.
این دو نوع لیست شامل چندین ویژگی هستند که در بخش های بعدی با آن ها آشنا می شوید.
خلاصه درس
- با تگ های ul، ol، li آشنا شدیم.
- با مفهوم لیست منظم، نامنظم و تفاوت آنها نیز آشنا شدیم.
تمرین
یک لیست نامنظم را بسازید.
و دیتا های HTML و CSS و JS را به ترتیب در آن قرار دهید.
<li> < >
<li> </li>
< > </li>
</ol>
احسان اسلامی
