آموزش گام به گام HTML : قسمت ششم

فهرست ها در HTML

HTML فهرستهای شماره دار، بدون شماره و فهرستهای دارای توضيح را پشتيبانی می کند.

فهرست های بدون شماره

اينگونه فهرستها توسط يک شکل کوچک مشخص می شوند؛ و توسط برچسب <ul> شروع شده و هر مورد آن با بر چسب <li> مشخص می شود. مثال زير طريقه ساخت يک فهرست بدون شماره را نشان می دهد.

در داخل موارد فهرست همانند خانه های جدول شما می توانيد پاراگراف، تصوير، جدول، يک فهرست ديگر و... قرار دهيد. مثال زير طريقه استفاده از اين روش را نشان می دهد.

فهرست های شماره دار

منظور از فهرستهای شماره دار، فهرستهايی است که موارد آن توسط عدد، شماره گذاری شده اند. فهرستهای شماره دار توسط برچسب <ol> شروع شده و هر مورد آن با بر چسب <li> مشخص می شود. مثال زير طريقه ساخت يک فهرست شماره دار را نشان می دهد.

فهرست های دارای توضيح

اينگونه از فهرست ها دارای شماره يا شکل نمی باشند وبرای مواردی که می خواهيم توضيحی در کنارشان باشد به کار می روند. فهرستهای دارای توضيح توسط برچسب <dl> شروع شده و هر مورد آن با بر چسب <dt> مشخص می شود و توضيحات در داخل برچسب <dd> قرار می گيرند. مثال زير طريقه ساخت يک فهرست دارای توضيح را نشان می دهد.

مشخصه type در فهرست ها

توسط اين مشخصه می توانيد شکلی را که در کنار موارد فهرستهای بدون شماره قرار می گيرد و يا اعداد فهرستهای شماره دار را به نوع دلخواه تغيير دهيد. شکلها می توانند سه نوع دايره توپر ، دايره توخالی و مربع (disc , circle , square) باشند و شماره گذاری ها می توانند به چهار صورت
"a b c"، "A B C"، "i ii iii" يا "I II III" باشند که به ترتيب با a، A، i، I مشخص می شوند.
در زير مثالی ازاستفاده type در فهرست بدون شماره را می بينيد.

در زير مثالی ازاستفاده type در فهرست شماره دار را می بينيد.

مثال زير روش استفاده از فهرستهای تودرتو را نشان می دهد. همان طور که می بينيد فهرست داخلی توسط شکل ديگری ( دايره تو خالی ) مشخص شده است.

ادامه دارد ......
* ارسال مقاله توسط عضو محترم سایت با نام کاربری : davidfattahi
/خ