درس دهم آموزش HTML

آشنایی با هریک از مفاهیم برنامه نویسی html کمک موثری است به پیشرفت شما برای نوشتن کدهای html، این درس شما را با نحوه نمایش انواع فهرستها شامل فهرستهای مرتب (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 در مثال بالا توجه کنید، امکان تعیین سمت و جهت نمایش متون در تمامی تگهای مربوط به فهرستها ممکن میباشد.

{rsmembership category="1"}

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

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

HTML code

نمایش توسط مرورگر

<ol> <li>Red</li> <li>Blue</li> <li>Green</li> </ol>

Red
Blue
Green

قهوه
شیر
چای

فهرستهای تعریفی (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 در مثال بالا توجه کنید، امکان تعیین سمت و جهت نمایش متون در تمامی تگهای مربوط به فهرستها ممکن میباشد.

تگهای فهرست

Start Tag		کاربرد
<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	تعریف معنی و شرح اصطلاح در فهرستهای تعریفی

{else}

برای دسترسی به ادامه مطلب می بایستی در وب سایت اشتراک داشته باشید

خرید اشتراک

{/rsmembership}