آیا میدانید رشد تعداد ماشينها در جهان 3 برابر رشد
جمعيت انسانهاست
مى توانيد انسانى را به كسب دانش رهنمون كنيد،
امــا نـــمى توانيد او را وادار بــه انـــديشيدن كــنيد. از اف پى دانسى |
 |
آیا میدانید رشد تعداد ماشينها در جهان 3 برابر رشد
جمعيت انسانهاست
مى توانيد انسانى را به كسب دانش رهنمون كنيد،
امــا نـــمى توانيد او را وادار بــه انـــديشيدن كــنيد. از اف پى دانسى |
|
کامپایلر قدرتمند Atmel AVR Studio 6 نسخه 6
دانلود شبیه ساز قدرتمند proteus 7.10 SP0 همراه با کرک و لایسنس و کتابخانه
آموزش گام به گام برنامه نویسی AVR به زبان C
کتابخانه شبیه ساز LCD های نوکیا برای پروتیوس
پروژه تولید سیگنال های ویدیوئی PAL با AVR به زبان اسمبلی
پروژه ارتباط AVR با RS232 و برنامه کنترلی با ویژوال بیسیک
اتصال کیبورد 4*4 به میکروکنترلر AVR و نمایش روی سون سگمنت
|
استفاده از لیست های HTML در صفحه
دو نمونه از پر استفاده ترین لیستها در HTML لیستهای مرتب و لیستهای نامرتب هستند. در لیستهای مرتب ترتیب بخشهای مختلف لیست مشخص می شود ولی در لیستهای نامرتب این ترتیب مشخص نمی شود.
در لیستهای نامرتب برای عناصر لیست از شماره و عدد یا حروف الفبا استفاده نمی شود. عناصر این معمولاً با یک دایره تو پر مشخص می شوند. تگ ابتدای آن <ul> است و تگ پایانی آن <ul/> است. برای جدا کردن هر بخش لیست در ابتدای آن از تگ <li> استفاده می شود. بهتر است هر تگ <li> که باز می شود با<li/> بسته شود. در زیر یک مثال برای این نوع لیست آورده شده است:
<ul>
<li>بخش اول لیست</li> <li>بخش دوم لیست</li> <li>بخش سوم لیست</li> </ul>
مثال بالا یک لیست بولت دار با سه بخش را به ما می دهد:
به این نکته هم توجه کنید که <li> نیازی به تگ پایانی ندارد ولی بهتر است از تگ پایانی آن یعنی <li/> استفاده شود.. فاصله متن لیست شده از ابتدای خط هم مقداری از بقیه متن بیشتر می شود. شما می توانید این فاصله را با افزودن تگ <ul> بیشتر کنید فقط به خاطر داشته باشید تگهایی را که باز کرده اید در آخر لیست ببندید.در زیر یک مثال برای این نمونه لیست آورده شده است:
<ul>
<ul> <ul> <li>خط اول لیست</li> <li>خط دوم لیست</li> <li>خط سوم لیست</li> </ul> </ul> </ul> نتیجه این فرمان به شکل زیر خواهد بود:
از شناسه type می توان در تگ <ul> استفاده کرد و ظاهر لیست را تغییر داد.
از این شناسه در لیستهای نا مرتب برای مشخص کردن شکل علامت مشخص کننده هر بخش استفاده می شود. این شناسه می تواند مقادیر زیر را داشته باشد:
به یاد داشته باشید که از شناسه type هم می توان در تگ <ul> استفاده کرد و هم در تگ <li>. در صورتی که برای تگ <ul> از این شناسه استفاده شود علامت مربوط به همه قسمتهای لیست تغییر می کند اما اگر برای تگ <li> از این شناسه استفاده شود فقط علامت مربوط به همان بخش از لیست تغییر می کند. در مثال زیر می توانید نحوه نمایش لیست با استفاده از شناسه type را در حالات مختلف مشاهده کنید. ما از کد زیر برای ساختن این لیست آزمایشی استفاده می کنیم:
<ul>
<li type="circle">قسمت اول لیست</li> <li type="disk">قسمت دوم لیست</li> <li type="square">قسمت سوم لیست</li> </ul> می توانید لیست به دست آمده را در اینجا مشاهده کنید. به خاطر داشته باشید که در مرورگرهای مختلف ممکن است نحوه نمایش لیستها متفاوت باشد.
اگر می خواهید از تگ <center> برای لیست خود استفاده کنید در این کار دقت کنید. چون ممکن است تمام سطرهای متن شما به یک اندازه نباشند. در این صورت به جای اینکه لیستی در یک خط و مستقیم داشته باشید ممکن است لیستی در هم ریخته و شلوغ به وجود آید. مانند زیر:
<center>
<ul> <li>بخش اول لیست که بلندتر از بقیه سطرهای لیست است</li> <li>بخش دوم لیست</li> <li>بخش سوم لیست در سطر آخر</li> </ul> <center> لیست نهایی به این صورت در صفحه دیده می شود.
اگر شما در یک صفحه بیشتر به لیستها نیاز دارید می توانید از روش بالا استفاده کنید اما باید بدانید که ممکن است ظاهر لیست در اندازه های مختلف پنجره مرورگر به هم بخورد. راه دیگری که برای جلوگیری از این به هم خوردگی وجود دارد استفاده از یک Table است که بعداً در مورد آن توضیح خواهیم داد.
شما می توانید در مورد لیستهای مرتب هم مانند لیستهای نامرتب عمل کنید فقط کافیست به جای استفاده از <ul> و <ul/> از تگهای <ol> و <ol/> استفاده کنید. به یک مثال در این زمینه توجه کنید:
<ol>
<li>بخش اول لیست</li> <li>بخش دوم لیست</li> <li>بخش سوم لیست</li> </ol> نتیجه به صورت لیستی شماره گذاری شده ظاهر می شود:
برای کنترل تگ <ol> از چند شناسه می توان استفاده کرد
در مورد لیستهای مرتب با استفاده از شناسه start در تگ <OL> می توانیم تعیین کنیم که شماره های لیست از چه عددی شروع شود. به مثال زیر توجه کنید:
<ol start="15">
<li>این سطر اول لیست است ولی شماره آن 15 است.</li> </ol> نتیجه به صورت زیر مشاهده می شود:
این شناسه در لیستهای مرتب هم مانند لیستهای نامرتب برای تغییر علامت ابتدایی هر بخش از لیست استفاده می شود که در اینجا شماره ای است که برای هر قسمت از لیست استفاده می شود. از این شناسه می توانید به صورت زیر استفاده کنید:
این شناسه هم می تواند در تگ <ol> استفاده شود و هم در تگ <li> و در این مورد مانند لیستهای نامرتب عمل می کند. در مثال زیر می توانید نحوه نمایش حالات مختلف لیست را با استفاده از شناسه type مشاهده کنید:
<ol>
<li type="A">قسمت اول لیست</li> <li type="a">قسمت دوم لیست</li> <li type="1">قسمت سوم لیست</li> <li type="I">قسمت چهارم لیست</li> <li type="i">قسمت پنجم لیست</li> </ol> نتیجه به صورت زیر خواهد بود:
لینک ثابت این صفحه: © کپی برداری از مطالب این سایت تنها با ذکر منبع مجاز می باشد
در صورت داشتن هر گونه سوال، نظر و پیشنهاد راجب این مطلب میتوانید در قسمت نظرات همین صفحه مطرح نمائید. همچنین با شرکت در نظر سنجی های سایت، ما را در بهبود بخشیدن به مطالب یاری کنید. آموزش طراحی صفحات وب آموزش طراحی وب آموزش اچ تی ام ال آموزش html لیست لیست در html تگ های لیست
ارسال شده در مورخه : دوشنبه، 30 آبان ماه، 1390 توسط مدیریت بازدید [174]
مرتبط باموضوع : کادر کلمه عبور و فیلدهای مخفی در طراحی فرمهای HTML [ شنبه، 5 آذر ماه، 1390 ] 155 مشاهده
شناسه های مختلف قابل استفاده برای خط افقی [ پنجشنبه، 10 آذر ماه، 1390 ] 114 مشاهده
استفاده از فریمهای نامرئی در صفحه [ سه شنبه، 15 آذر ماه، 1390 ] 222 مشاهده
تنظیم فونت مورد استفاده برای متن در HTML [ پنجشنبه، 10 آذر ماه، 1390 ] 179 مشاهده
تنظیم نحوه نمایش عکس در صفحه HTML [ چهارشنبه، 2 آذر ماه، 1390 ] 309 مشاهده
| ||||||||||||||
آیا این مطالب مورد رضایت شما واقع گردید؟ لطفا با رای دادن به این مطلب ما را در بهبود بخشیدن به مطالب کمک کنید. با اینکار به سایر دوستانتان نیز کمک خواهید کرد.
|
| ||||||||||||||||||||||||||||||||||||||||||
رویداد ها: روز بزرگداشت ملاصدرا - روز بهره وری و بهینه سازی مصرف |
لطفا مقالات، آموزشها و پروژه های خود را به آدرس 
ایمیل نمائید تا آن را با نام خودتان در سایت منتشر کنیم.
