آموزش تگ dl در HTML

19 شهریور 1401
ارسال شده توسط
آموزش html css

آموزش تگ dl در HTML

دوست من سلام امیدوارم حالتون عالی و پر از انرژی باشید. توی این بخش از آموزش html css قراره که با آموزش تگ dl در HTML به صورت کامل آشنا بشید.

تگ dl در HTML

تگ dl مخفف شده عبارت Description List بوده و به معنی لیست توضیحات است. با استفاده از این تگ میتوانیم یک لیست تعریفی یا لیست دارای توضیحات را ایجاد کنیم که کاربران سایت از آن استفاده کنند.

برای ایجاد یک لیست توضیحی ، میبایست از دو تا تگ استفاده کنیم تگ dl و تگ dt و در آخر برای ایجاد توضیحات نیز میتوانیم از تگ dd استفاده نماییم.

یک مثال برای تگ dl در HTML

در ادامه دوره آموزشی html css پروژه محور به بررسی یک مثال از این تگ میپردازیم که میتوانید با مشاهده آن درک بهتری از تگ dl داشته باشید.

<body> 
<dl>
  <dt>wppush</dt>
      <dd>» Is Free</dd>
  <dt>My Name</dt>
      <dd>» Is milad</dd>
  <dt>My Family</dt>
      <dd>» Is alizadeh</dd>
 </dl>
</body>

راستی اگر دنبال آموزش html css پروژه محور در تبریز هستید می توانید از دوره ی آموزش وردپرس پوش استفاده کنید. جهت مشاهده ی 28 ساعت ویدیو آموزشی با پشتیبانی مادام العمر روی این لینک کلیک کنید

پشتیبانی مرورگرها از تگ dl

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

پشتیبانی مرورگر هار از تگ table

پشتیبانی تگ dl از صفات و رویدادهای عمومی

تگ dl قابلیت پشتیبانی از تمام صفات عمومی و رویدادهای عمومی در HTML دارد.

دستورات پیش فرض CSS

اغلب مرورگرها تگ dl را به شکل کد های CSS همچون دستورات زیر نمایش میدهند. شما عزیزان نیز میتوانید بدون هیچ گونه تغییری از این کد ها استفاده کنید.

dl {
   display: block;
   margin-top: 1em;
   margin-bottom: 1em;
   margin-left: 0;
   margin-right: 0;
}
برای امتیاز به این نوشته کلیک کنید!
[کل: 0 میانگین: 0]

در صورتی که مشکلی دارید و قادر به حل آن نیستید می توانید با ما در تماس باشید

فرم درخواست پشتیبانی (فرم زیر پست ها)

برچسب ها:

دیدگاهتان را بنویسید