Creating lists --- ساختن ليستها

برای دسترسی سريع از لينکهای زير استفاده کنيد:

Ordered list
Unordered list
Definition list

ليستها هم جزو عنصر متن در html ميباشند که بخاطر زياد بودن تگهاي متن مجبورم آنها را از هم جدا کنم. سه نوع ليست وجود دارد، يکي ليستهاي با ترکيب منظم (Ordered list) و ليست با ترکيب نا منظم (Unordered list) وديگري ليستهاي توصيفي (Definition list) . شايد اين نوع نامگذاري بخاطر وجود اعداد يا حروف بترتيب در ليست منظم است که در ديگري فقط نقطه هاي توپر هست که ترتيبي را نميتوان براي آنها در نظر گرفت. در هر صورت تگهاي آن به شرح زير ميباشند:

اگر دقت کنيد به صورت پيش فرض اعداد 1,2,3 به ابتداي گزينه هاي ليست مان اضافه ميشود. شما ميتوانيد خصوصيت type را به تگ <ol> اضافه کنيد و آنرا با A, a که به صورت حروف کوچک يا بزرگ انگليسي و يا با I, i که با اعداد رومي است مقدار دهي کنيد. به طور مثال اگر ميخواهيد ترتيب ليست شما با اعداد رومي کوچک باشد بدين صورت تگ را کامل ميکنيد:

شما ميتوانيد براي درست کردن يک ليست که داراي چند گزينه است و هر گزينه هم چند زير مجموعه دارد از مخلوط اين دو نوع ليست استفاده کنيد که به اين حالت Nested list گفته ميشود.

بر فرض مثال ما يک ليست داريم که چهار گزينه دارد و هر کدام از آنها دو رنگ سفيد و سياه دارند:

<ol type=”I”>
<li> Item 01 <ul type="circle"> <li> Black <li> White </ul>
<li> Item 02 <ul type="circle"> <li> Black <li> White </ul>
<li> Item 03 <ul type="circle"> <li> Black <li> White </ul>
<li> Item 04 <ul type="circle"> <li> Black <li> White </ul>
</ol>

توضيحات
پرسش و پاسخ جدول تگها خودآزمايی

توضيحات

پرسش و پاسخ

جدول تگها

خودآزمايی


طرز ساختن ليست ها برای دسترسی سريع از لينکهای زير استفاده کنيد: Ordered list Unordered list Definition list ليستها هم جزو عنصر متن در html ميباشند که بخاطر زياد بودن تگهاي متن مجبورم آنها را از هم جدا کنم. سه نوع ليست وجود دارد، يکي ليستهاي با ترکيب منظم (Ordered list) و ليست با ترکيب نا منظم (Unordered list) وديگري ليستهاي توصيفي (Definition list) . شايد اين نوع نامگذاري بخاطر وجود اعداد يا حروف بترتيب در ليست منظم است که در ديگري فقط نقطه هاي توپر هست که ترتيبي را نميتوان براي آنها در نظر گرفت. در هر صورت تگهاي آن به شرح زير ميباشند: <ol><li></ol> براي درست کردن ليست در يک صفحه از اين تگها بايد استفاده کنيم، بدين صورت که در آغاز قسمتي که ميخواهيم ليست درست کنيم تگ <ol>را که مخفف ordered list ميباشد را مينويسيم تا مرورگر بفهمد ليست از آنجا شروع ميشود و سپس در ابتداي هر گزينه از ليستمان تگ <li>را اضافه ميکنيم و در انتهاي گزينه ها تگ پايان دهنده </ol>را می نويسيم. مثال اگر دقت کنيد به صورت پيش فرض اعداد 1,2,3 به ابتداي گزينه هاي ليست مان اضافه ميشود. شما ميتوانيد خصوصيت type را به تگ <ol> اضافه کنيد و آنرا با A, a که به صورت حروف کوچک يا بزرگ انگليسي و يا با I, i که با اعداد رومي است مقدار دهي کنيد. به طور مثال اگر ميخواهيد ترتيب ليست شما با اعداد رومي کوچک باشد بدين صورت تگ را کامل ميکنيد: <ol type="i"> <li> Item 01 <li> Item 02 <li> Item 03 </ol> مثال <ul><li></ul> اين تگ را unordered list مينامند و مانند تگهاي بالا براي درست کردن ليست در يک صفحه ميباشد با اين تفاوت که بجاي حروف و اعداد از دايره يا مربع هاي توپر استفاده ميکند که مانند بالا ميتوانيد از خصوصيت type که با کلمات” disc”, “circle”, “square” مقدار دهي ميشود استفاده کنيد. <ul type="disc"> <li> Item 01 <li> Item 02 <li> Item 03 </ul> مثال شما ميتوانيد براي درست کردن يک ليست که داراي چند گزينه است و هر گزينه هم چند زير مجموعه دارد از مخلوط اين دو نوع ليست استفاده کنيد که به اين حالت Nested list گفته ميشود. بر فرض مثال ما يک ليست داريم که چهار گزينه دارد و هر کدام از آنها دو رنگ سفيد و سياه دارند: <ol type=”I”> <li> Item 01 <ul type="circle"> <li> Black <li> White </ul> <li> Item 02 <ul type="circle"> <li> Black <li> White </ul> <li> Item 03 <ul type="circle"> <li> Black <li> White </ul> <li> Item 04 <ul type="circle"> <li> Black <li> White </ul> </ol> مثال <dl><dt><dd></dl> آخرين مدل، ليستهاي توصيفي هستند که براي تعريف و توصيف يک کلمه بکار ميروند که کلمه مشخص را با تگ <dt> و توصيف آنرا با <dd> بکار ميبرند. <dl> <dt> Html <dd> HyperText Markup Language. </dl> مثال ابتدای صفحه نسخه چاپی اين صفحه
مطالبی که در صفحه بعد می خوانيد: طرز ساختن لينک ها absolute link relative link anchor mailto

طرز ساختن ليست ها