آموزش لیست ها در Html-جلسه ششم

ساخت لیست ها در Html

یکی از کاربردی ترین عناصر در ساخت صفحات وب لیست ها هستند. ایجاد لیست در صفحه باعث دسته بندی و طبقه بندی مطالب شده و نظم قابل ملاحظه ای به سایت اضافه خواهد کرد و باعث می شود سایت شما از لحاظ زیبایی شناسی و رابط کاربری ارتقا پیدا کند. 

لیست ها در Html انواع مختلفی دارند :

• لیست های نامرتب 
• لیست های مرتب 
• لیست های تعریفی

همچنین با استفاده از لیست ها و اضافه کردن کدهای Css که باعث تغییر ظاهر کدهای Html خواهد شد میتوانید منوهای آبشاری و زیبایی به سایت خود اضافه کنید.

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

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

تگ های مورد استفاده در ساخت لیست نامرتب تگ ul و تگ li است.

مثال : 

<ul>
    <li>عنصر شماره 1</li>
    <li>عنصر شماره 2</li>
    <li>عنصر شماره 3</li>
</ul>

خروجی : 

• عنصر شماره 1
• عنصر شماره 2
• عنصر شماره 3

در جدول زیر خصوصیات تگ ul را بررسی میکنیم : 

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

در این نوع از لیست ها ترتیب قرار گرفتن عناصر مهم است به این دلیل که عناصر با ترتیب اعداد و یا حروف مشخص میشوند.

تگ های Html برای ساخت لیست های مرتب ol و li است.

مثال : 

<ol>
    <li>عنصر شماره 1&nbsp;</li>
    <li>عنصر شماره 2&nbsp;</li>
    <li>عنصر شماره 3</li>
</ol>

خروجی :

1. عنصر شماره 1 
2. عنصر شماره 2 
3. عنصر شماره 3

در جدول زیر خصوصیات تگ ol را با هم خواهیم دید : 

لیست های تعریفی : 

در این لیست ها مانند کتاب های معنی واژه میتوان برای هر عنصر تعریفی ارائه داد.

تگ های مورد استفاده برای ساخت این مدل از لیست ها dd , dt و dl هستند .

مثال : 

<dl>

<dt>HTML</dt>

        <dd>Hyper Text Markup Language </dd>

<dt>Css</dt>

         <dd>Cascading Style Sheets</dd>

<dt>Js</dt>

          <dd> Java Script </dd>

</dl>

خروجی : 

HTML

Hyper Text Markup Language

Css

Cascading Style Sheets

Js

Java Script