<ul>و <ol>و <dl>

باسلام و عرض معذرت بخاطر تاخیرم.

داشتم یه چند تا قالب طراحی می کردم و سرم شلوغ بود.

نمی دونم چه قدر گذشته ولی اموزش رو ادامه می دم. هرچند می دونم هیچی بلد نیستم.

1. <ul>

:: این تگ برای ساخت لیست های مرتب به کار می ره.

:: این تگ دارای یک تگ شروع و یک تگ پایان است. (دوقسمتی)

:: این تگ یک تگ پدره که که داخلش از <li> استاده می شه.

:: این تگ یک دایره کنار مقادیری که در <li> هستند می ذاره.

2. <ol>

:: این تگ هم مثل <ul> هستش اما تفاوتش اینه که کنار مقادیر <li> عدد می ذاره.

3. <dl>

:: می تونید کد های مثال مطالب و مطالب این تگ رو در ادامه ی مطلب بخونید. ::

3. <dl>

:: این تگ برای ساخت لیست های نامرتب به کار می ره.

:: مثل <ul> و <ol> دو قسمتیه.

::بجای <li> از <dt> و <dd> استفاده می کنه.

:: برای مقادیر داخل دو تگ بالا هیچ علامتی نمی ذاره.

# کد <ul>

<ul>

      <li> Kaaj1 </li>

      <li> Kaaj2 </li>

      <li> Kaaj3 <li>

</ul>

# نتیجه:


  • Kaaj1
  • Kaaj2
  • Kaaj3
:: چپ یا راست بودن این دایره ها بستگی به چپ چین یا راست چین بودن متن شما دارد. معمولا در برنامه هایی مثل sublime text متن به صورت پیش فرض چپ چین است.

# کد <ol>
<ol>
     <li> kaaj1 </li>
     <li> kaaj2 </li>
     <li> kaaj3 </li>
</ol>
# نتیجه:

  1. kaaj1
  2. kaaj2
  3. kaaj3
# کد <dl>
<dl>
     <dt>Kaaj </dt>
                          <dd> Kaaj1 </dd>
                          <dd> Kaaj2 </dd>
     <dt> Kaaj </dt>
                           <dd> Kaaj1 </dd>
                           <dd> Kaaj2 </dd>
</dl>
#نتیجه:

Kaaj
Kaaj1
Kaaj2
Kaaj
Kaaj1
Kaaj2

# تا بعد خداحافظ.


نظرات 0 + ارسال نظر
ایمیل شما بعد از ثبت نمایش داده نخواهد شد