no-img
اِمیلا

آموزش html – قسمت چهارم – لیست

بروزرسانی؛
12 ژوئن 2019
اچ تی ام ال

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

لیست مرتب ( ordered or numbered list) :

 همانطور که از نام این نوع لیست مشخص است ترتیب در این نوع لیست اهمیت دارد. برای ایجاد لیست مرتب از دستور <ol> برای شروع لیست و </ol> برای مشخص کردن انتهای آن استفاده می کنیم ، اما باید توجه کنیم که هر لیست شامل عناصری است که برای مشخص کردن آن از دستور  <li> که li مخفف list items  است ، استفاده می کنیم.
مثال :

<ol>
      <li>list item1</li>
      <li>list item2</li>
      <li>list item3</li>
</ol>

آیا می توانیم از عددهای رومی (i,ii,iii,…)  یا حروف (a,b,c,…)  برای شماره گذاری عناصر لیست استفاده کنیم؟؟
بله با استفاده از صفت type  این دستور می توان این کار را انجام داد.
به مثال های زیر توجه کنید:
لیست با اعداد رومی به صورت i , ii ,iii , iv

<ol type ="i">
       <li>list item1</li>       
       <li>list item2</li>      
       <li>list item3</li>
</ol>

لیست با حروف a , b ,c , d

<ol type ="a">
       <li>list item1</li>
       <li>list item2</li>
       <li>list item3</li>
</ol>

لیست با حروف بزرگ A , B ,C ,D

<ol type ="A">
       <li>list item1</li>
       <li>list item2</li>
       <li>list item3</li>
</ol>

با استفاده از صفت start از دستور <ol>  می توان تعیین کرد که شماره گذاری عناصر لیست از چه مقدار عددی یا حروفی شروع شود. به عنوان مثال :

<ol type="I" start="7">
       <li>list item1</li>
       <li>list item2</li>
       <li>list item3</li>
</ol>

در مثال بالا ابتدا با استفاده از صفت type مشخص می کنیم که برای شماره گذاری عناصر لیست از اعداد رومی بزرگ استفاده شود و سپس با استفاده از دستور start می گوییم که شروع شماره گذاری از عدد 7 رومی  باشد.

لیست نامرتب (unordered or bulleted list) :

در این نوع لیست ترتیب برای عناصر لیست اهمیتی ندارد. برای نمایش لیستی از این نوع از دستور ul استفاده می کنیم. برای هر کدام از عناصر لیست هم از مثل نوع قبلی از دستور li بهره میگیریم. عناصر لیست به کمک شکل ها یا علامت های دایره تو پر (disc) ,دایره تو خالی (circle) و مربع تو پر (square) مشخص میشوند. برای تعیین شکل عناصر از صفت type کمک میگیریم. به مثال زیر توجه کنید:

<ul type="circle">
      <li>list item1</li>
      <li>list item2</li>
      <li>list item3</li>
</ul>

لیست های تعریفی(definition list) :

مجموعه ای از عناصر با تعاریف  متناظرشان , یک لیست تعریفی را تشکیل می دهند که دستور <dl> نشان دهنده شروع و </dl> نشان دهنده پایان این لیست است. اما برای نشان دادن  هر عنصر از دستور <dt>  که dt مخفف  definition termاست , استفاده می کنیم و برای تعریف هر عنصر دستور <dd> را به کار می بریم.
مثال :

<dl>
  <dt>Term 1</dt>
  <dd>This is the definition of the first term.</dd>
  <dt>Term 2</dt>
  <dd>This is the definition of the second term.</dd>
</dl>
لینک کوتاه : https://emila.ir/?p=12657
سلام علیکم!
1
فرم گزارش را به دقت تکمیل نمایید...
از همکاری شما پیشاپیش سپاسگذاریم