انجمن های تخصصی  فلش خور
آموزش کار با لیست ها یا Lists در HTML - نسخه‌ی قابل چاپ

+- انجمن های تخصصی فلش خور (http://www.flashkhor.com/forum)
+-- انجمن: رایانه (http://www.flashkhor.com/forum/forumdisplay.php?fid=27)
+--- انجمن: آموزش رایانه و اینترنت (http://www.flashkhor.com/forum/forumdisplay.php?fid=60)
+--- موضوع: آموزش کار با لیست ها یا Lists در HTML (/showthread.php?tid=296912)



آموزش کار با لیست ها یا Lists در HTML - Mohlek - 13-05-2021

در این بخش از آموزش HTML میخواهیم با نحوه استفاده از لیست ها در این زبان آشنا شویم، لیست یا List در HTML به سه دسته تقسیم می شوند، یا بطور کلی میتوان گفت در HTML ما ۳ نوع لیست داریم :

لیست نامرتب یا Unordered list
لیست مرتب یا Ordered List
لیست دارای توضیحات یا Description List

لیست های نا مرتب


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

ما در HTML با استفاده از تگ <ul> میتوانیم یک لیست نامرتب و با استفاده از تگ <li> آیتم های یک لیست نامرتب را ایجاد نماییم.

حال لطفا به مثال زیر توجه نمایید :

کد:
<body>

<ul>
<li>سایت</li>
<li>آموزشی</li>
<li>فری</li>
<li>لرن</li>
</ul>

</body>

لیست های نامرتب :

لیست های مرتب لیست هایی هستند که آیتم ها یا مقادیر آنها دارای ترتیب می باشند، در HTML برای ایجاد یک لیست مرتب باید از تگ <ol> و برای ایجاد آیتم های لیست از تگ <li> استفاده نماییم.

کد:
<body>

<ol>
<li>Salam</li>
<li>Man</li>
<li>Sadegh</li>
<li>Hastam</li>
</ol>

</body>