طرز ساختن ليست ها
ليستها هم جزو عنصر متن در
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”
مقدار دهي ميشود استفاده کنيد.
شما ميتوانيد براي درست کردن يک ليست که
داراي چند گزينه است و هر گزينه هم چند زير مجموعه دارد از
مخلوط اين دو نوع ليست استفاده کنيد که به اين حالت
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>
|