لیست ها در HTML بخش سوم | اسم اقلام | لیست های تعریفی | Description List

لیست ها در HTML بخش سوم را جهت استفاده شما همراهان گرامی سایت آموزی تهبه کردیم.

در بخش اول و بخش دوم این سری آموزشی شما را با لیست های مرتب و نامرتب در HTML آشنا کردیم.

لیست ها در HTML بخش سوم

لیست ها در HTML بخش سوم | اسم اقلام | لیست های تعریفی | Description List

لیست ها در HTML بخش سوم | اسم اقلام | لیست های تعریفی | Description List

در این بخش از این مجموعه آموزشی شما را با نوع دیگری از لیست ها آشنا می کنیم.

به همین منظور لیست ها در HTML بخش سوم را به بررسی و توضیح لیست های تعریفی اختصاص می دهیم.

لیست های تعریفی ( Description List )

لیست تعریفی به توضیح و تعریف اقلام مختلف از یک شاخه می پردازد.

در حقیقت این لیست ها چون به عنوان توصیف کننده ، اقلام مورد نظر را در لیست نمایش می دهند، لیست تعریفی نام دارند.

تگ dl مخفف Definition List

تگ dl به عنوان تعیین کننده ایجاد لیست تعریفی در HTML شناخته می شود.

تگ dl علاوه بر اینکه مخفف عبارت Definition List می باشد، مخفف عبارت Definition List نیز می باشد.

کلیه لیست های تعریفی حتما بایستی با تگ dl شروع شوند. این تگ نماینده شروع لیست تعریفی است.

تگ dl دارای یک تگ باز ( Opening Tag ) و یک تگ بسته ( Closing Tag ) می باشد.

در واقع تگ dl به تنهایی قادر به ساخت لیست تعریفی نیست. و همراه گروه تگ سازنده لیست می آید.

به عبارت دیگرر برای ایجاد و نمایش اقلام مختلف و توصیف و تعریف این اقلام به دو تگ دیگر نیاز داریم.

تگ dt مخفف Definition Term

جهت معرفی اسم هر قلم از تگی به نام تگ dt استفاده می کنیم.

به عبارت بهتر تگ dt به عنوان تگ نامگذاری هر قلم در سند HTML شناخته می شود.

که قبل از تعریف هر قلم باید اسم تیتر آن قلم توسط تگ dt بیاید.

تگ dt نیز دارای یک تگ باز ( Opening Tag ) و یک تگ بسته ( Closing Tag ) می باشد.

و همیشه برای ساخت عنوان یا اسم قلم در درون تگ dl کاربرد دارد.

تگ dd مخفف Description Definition

پس استفاده از تگ معرفی اسم قلم یا dt حالا وقت آن رسیده که قلم مورد نظر را تعریف کنید.

جهت تعریف و توصیف هر قلم بایستی از یک تگ دیگر به تگ dd استفاده کنید.

تگ dd پس از تگ dt می آید. پس برای ساخت یک لیست تعریفی هر سه تگ dl و dt و dd را نیاز داریم.

تگ dd نیز دارای یک تگ باز ( Opening Tag ) و یک تگ بسته ( Closing Tag ) می باشد.

در مثال زیر نمونه ای از کدهای html یک لیست تعریفی را مشاهده می کنید:

خروجی و نمایش کدهای لیست تعریفی مثال بالا در مرورگر به شکل زیر خواهد بود :

HTML :
یک زبان نشانه گذاری فرامتن می باشد. و از زبان های سمت مشتری است.
CSS :
این زبان جهت استایل دهی به اسناد اچ تی ام ال ساخته شده است.
Javascript :
جاوااسکریپت یک زبان اسکریپتی می باشد و از زبان های برنامه نویسی سمت مشتری است.

لیست ها در HTML بخش سوم | اسم اقلام | لیست های تعریفی | Description List – اختصاصی سایت آموزی