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

در داخل موارد فهرست همانند خانه های جدول شما می توانيد پاراگراف، تصوير، جدول، يک فهرست ديگر و... قرار دهيد. مثال زير طريقه استفاده از اين روش را نشان می دهد.
يکشنبه، 2 اسفند 1388
تخمین زمان مطالعه:
موارد بیشتر برای شما
آموزش گام به گام   HTML : قسمت ششم
آموزش گام به گام  HTML (6)
آموزش گام به گام HTML : قسمت ششم






فهرست ها در HTML

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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




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