تبلیغات
مرکز کدهای جاوا و اچ تی ام ال - طرز ساختن لیست ها|آموزشJAVA و HTML

طرز ساختن لیست ها|آموزشJAVA و HTML

شنبه 10 مهر 1389 01:53 ق.ظ   نویسنده : محمد      


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


ادامه مطالب بروید


 تگهای آن به شرح زیر میباشند:

<ol><li></ol>

برای درست کردن لیست در یک صفحه از این تگها باید استفاده کنیم، بدین صورت که در آغاز قسمتی که میخواهیم لیست درست کنیم تگ <ol>را که مخفف ordered list میباشد را مینویسیم تا مرورگر بفهمد لیست از آنجا شروع میشود و سپس در ابتدای هر گزینه از لیستمان تگ <li>را اضافه میکنیم و در انتهای گزینه ها تگ پایان دهنده </ol>را می نویسیم.


اگر دقت کنید به صورت پیش فرض اعداد 1,2,3 به ابتدای گزینه های لیست مان اضافه میشود. شما میتوانید خصوصیت type را به تگ <ol> اضافه کنید و آنرا با A, a  که به صورت حروف کوچک یا بزرگ انگلیسی و یا با I, i   که با اعداد رومی است مقدار دهی کنید. به طور مثال اگر میخواهید ترتیب لیست شما با اعداد رومی کوچک باشد بدین صورت تگ را کامل میکنید:
l<ol type="i">
<li> Item 01
<li> Item 02
<li> Item 03
</ol>l


 <ul><li></ul>l

این تگ را unordered list مینامند و مانند تگهای بالا برای درست کردن لیست در یک صفحه میباشد با این تفاوت که بجای حروف و اعداد از دایره یا مربع های توپر استفاده میکند که مانند بالا میتوانید از خصوصیت  type که با کلمات” disc”, “circle”, “square”  مقدار دهی میشود استفاده کنید.

l<ul type="disc">
<li> Item 01
<li> Item 02
<li> Item 03
</ul>l


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

بر فرض مثال ما یک لیست داریم که چهار گزینه دارد و هر کدام از آنها دو رنگ سفید و سیاه دارند:
l<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>l


<dl><dt><dd></dl>l

آخرین مدل، لیستهای توصیفی هستند که برای تعریف و توصیف یک کلمه بکار میروند که کلمه مشخص را با تگ <dt> و توصیف آنرا با <dd> بکار میبرند.

l <dl>
<dt> Html
<dd> HyperText Markup Language.
</dl>l
آخرین ویرایش: دوشنبه 12 مهر 1389 06:41 ب.ظ
دیدگاه ها ()
شنبه 25 شهریور 1396 04:22 ب.ظ
It's very straightforward to find out any matter on net as compared to textbooks, as I found this article at this website.
یکشنبه 15 مرداد 1396 02:20 ب.ظ
It is really a great and helpful piece of info. I'm happy that you
just shared this helpful information with us.
Please stay us informed like this. Thanks for sharing.
چهارشنبه 23 فروردین 1396 10:52 ب.ظ
Great post. I was checking constantly this blog and
I am inspired! Very helpful information specially the last phase :
) I maintain such information much. I used to be seeking this
certain information for a long time. Thank you and best of luck.
چهارشنبه 16 بهمن 1392 01:17 ب.ظ
سلام دوست عزیز چجور این کد هارو در وبلاگ بکار ببریم
محمد
سلام
بستگی به کد داره!!
(معمولا در بخش ویرایش قالب وبلاگ)که در بیشتر پستها هم آموزش رو گذاشتم...
به زودی آموزش اچ تی ام ال رو کامل شرح میدم....ایشالله در پستهای آینده
 
لبخندناراحتچشمک
نیشخندبغلسوال
قلبخجالتزبان
ماچتعجبعصبانی
عینکشیطانگریه
خندهقهقههخداحافظ
سبزقهرهورا
دستگلتفکر

درباره وبلاگ


نویسندگان

  • محمد (64)