HTML - برترین مقالات کامپیوتر
X
تبلیغات
رایتل


برترین مقالات کامپیوتر

برترین مقالات کامپیوتر

این درس شما را با نحوه نمایش انواع فهرستها شامل فهرستهای مرتب(ordered) ، نامرتب(unordered) و فهرستهای تعریفی(definition lists) و تگ های مربوطه یعنی li ، ol ، ul ، dl ، dt و dd آشنا خواهد کرد. مثالها:

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

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

مثالهای بیشتر



فهرستهای نامرتب(unordered list)

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

HTML code نمایش توسط مرورگر
<ul>
<li>Red</li>
<li>Blue</li>
<li>Green</li>
</ul>
  • Red
  • Blue
  • Green
<ul dir="rtl" >
<li>قهوه</li>
<li>شیر</li>
<li>چای</li>
</ul>
  • قهوه
  • شیر
  • چای

داخل تگهای <li> میتوانید از پاراگرافها، تگهای br ، تصاویر و حتی فهرستهای دیگر استفاده کنید. به شناسه dir در مثال بالا توجه کنید، امکان تعیین سمت و جهت نمایش متون در تمامی تگهای مربوط به فهرستها ممکن میباشد.



فهرستهای مرتب(ordered list)

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

HTML code نمایش توسط مرورگر
<ol>
<li>Red</li>
<li>Blue</li>
<li>Green</li>
</ol>
  1. Red
  2. Blue
  3. Green
<ol dir="rtl" >
<li>قهوه</li>
<li>شیر</li>
<li>چای</li>
</ol>
  1. قهوه
  2. شیر
  3. چای

داخل تگهای <li> میتوانید از پاراگرافها، تگهای br ، تصاویر و حتی فهرستهای دیگر استفاده کنید. به شناسه dir در مثال بالا توجه کنید، امکان تعیین سمت و جهت نمایش متون در تمامی تگهای مربوط به فهرستها ممکن میباشد.



فهرستهای تعریفی(definition list)

فهرست تعریفی فهرستی است از اصطلاح ها و تشریح و توصیف آنها.

فهرستهای تعریفی با <dl> شروع شده و هر ذوج اصطلاح و تعریف مربوط به آن با تگهای <dt> و <dd> تعریف میشوند.

HTML code نمایش توسط مرورگر
<dl>
<dt>HTTP</dt>
<dd>Hypertext Transfer Protocol</dd>
<dt>FTP</dt>
<dd>File Transfer Protocol</dd>
<dt>IP</dt>
<dd>Internet Protocol</dd>
</dl>
HTTP
Hypertext Transfer Protocol
FTP
File Transfer Protocol
IP
Internet Protocol
<dl dir="rtl"  >
<dt >مقدمه</dt>
<dd>خلاصه ای از مقدمه</dd>
<dt>فصل 2</dt>
<dd>خلاصه ای از فصل 1</dd>
<dt>فصل 2</dt>
<dd>خلاصه ای از فصل 2</dd>
</dl>
مقدمه
خلاصه ای از مقدمه
فصل 1
خلاصه ای از فصل 1
فصل 2
خلاصه ای از فصل 2

داخل تگهای تشریح یعنی <dd> میتوانید از پاراگرافها، تگهای br ، تصاویر و حتی فهرستهای دیگر استفاده کنید. به شناسه dir در مثال بالا توجه کنید، امکان تعیین سمت و جهت نمایش متون در تمامی تگهای مربوط به فهرستها ممکن میباشد.


مثالهای بیشتر

انواع فهرستهای مرتب
مثالی در مورد فهرستهای مرتب به همراه استفاده از شناسه type جهت تعیین نوع نمایش فهرست

انواع فهرستهای نامرتب
مثالی در مورد فهرستهای نامرتب به همراه استفاده از شناسه type جهت تعیین نوع نمایش فهرست

فهرستهای تودرتو
مثالی در مورد فهرستهای ترکیبی. اعضای فهرست میتوانند از فهرستهای دیگر تشکیل شوند.

فهرستهای تعریفی
مثالی در مورد فهرستهای تعریفی به همراه استفاده از شناسه dir


تگهای فهرست

Start Tag Purpose کاربرد
<ol> Defines an ordered list تعریف فهرستهای مرتب
<ul> Defines an unordered list تعریف فهرستهای نامرتب
<li> Defines a list item تعریف یک آیتم و قلم از یک فهرست
<dl> Defines a definition list تعریف فهرستهای تعریفی
<dt> Defines a definition term تعریف اصطلاح در فهرستهای تعریفی
<dd> Defines a definition description تعریف معنی و شرح اصطلاح در فهرستهای تعریفی

نوشته شده در سه‌شنبه 20 تیر‌ماه سال 1385ساعت 11:48 توسط ADMIN نظرات (0)|


Design By : Night Skin