لیست ها در HTML

[P O U R I A]

فهرست تاپیک:

1. ساخت لیست توصیفی (description list)، در HTML

 

[P O U R I A]

ساخت لیست توصیفی (description list)، در HTML

ساخت لیست توصیفی (description list)، در HTML

در یک لیست توصیفی (description list)، توضیحاتی نیز در زیر عناصر لیست، نوشته می شود. برای ساخت یک لیست توصیفی (description list)، تگهای dl و dd و dt به کار می روند. تگ dl برای تعریف کل لیست، تگ dt برای تعریف یک عنصر و تگ dd برای تعریف توصیف یک عنصر به کار می رود.

به مثال زیر توجه کنید :

[h=4]مثال :[/h]

[COLOR=#000000][FONT=Tahoma][FONT=monospace][COLOR=#009900]<[COLOR=#000000][B]html[/B][/COLOR]>[/COLOR]
[COLOR=#009900]<[COLOR=#000000][B]head[/B][/COLOR]>[/COLOR]
[COLOR=#009900]<[COLOR=#66CC66]/[/COLOR][COLOR=#000000][B]head[/B][/COLOR]>[/COLOR]

[COLOR=#009900]<[COLOR=#000000][B]body[/B][/COLOR]>[/COLOR]

[COLOR=#009900]<[COLOR=#000000][B]dl[/B][/COLOR]>[/COLOR]
[COLOR=#009900]<[COLOR=#000000][B]dt[/B][/COLOR]>[/COLOR]Category 1[COLOR=#009900]<[COLOR=#66CC66]/[/COLOR][COLOR=#000000][B]dt[/B][/COLOR]>[/COLOR]
[COLOR=#009900]<[COLOR=#000000][B]dd[/B][/COLOR]>[/COLOR]- about category 1[COLOR=#009900]<[COLOR=#66CC66]/[/COLOR][COLOR=#000000][B]dd[/B][/COLOR]>[/COLOR]
[COLOR=#009900]<[COLOR=#000000][B]dt[/B][/COLOR]>[/COLOR]Category 2[COLOR=#009900]<[COLOR=#66CC66]/[/COLOR][COLOR=#000000][B]dt[/B][/COLOR]>[/COLOR]
[COLOR=#009900]<[COLOR=#000000][B]dd[/B][/COLOR]>[/COLOR]- about category 2[COLOR=#009900]<[COLOR=#66CC66]/[/COLOR][COLOR=#000000][B]dd[/B][/COLOR]>[/COLOR]
[COLOR=#009900]<[COLOR=#66CC66]/[/COLOR][COLOR=#000000][B]dl[/B][/COLOR]>[/COLOR]

[COLOR=#009900]<[COLOR=#66CC66]/[/COLOR][COLOR=#000000][B]body[/B][/COLOR]>[/COLOR]
[COLOR=#009900]<[COLOR=#66CC66]/[/COLOR][COLOR=#000000][B]html[/B][/COLOR]>[/COLOR][/FONT]
[/FONT][/COLOR]

[h=4]نتیجه :[/h]