مسیر برنامه نویسی frontend در صد روز - روز سوم

روز سوم

بررسی و ساخت لیست با استفاده از تگ های html

آشنایی با فرم ها و تگ های مربوط به آن

بررسی تگ ها و ساخت input در html

بررسی و ساخت لیست با استفاده از تگ های html

لیست ها در html به سه شکل ساخته می شوند Unordered List ، که با استفاده از تگ های ul و li ساخته می شود و Ordered List که با استفاده از تگ های ol و li ساخته می شود و Description List که با استفاده از تگ های dl و dt و dd ساخته می شود

ساختار Unordered List

  <ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
</ul>

مثال از Unordered List

<ul>
  <li>Milk</li>
  <li>
    Cheese
    <ul>
      <li>Blue cheese</li>
      <li>Feta</li>
    </ul>
  </li>
</ul>

ساختار Ordered List

<ol>
    <li>1</li>
    <li>2</li>
    <li>3</li>
</ol>

مثال از Ordered List

<ol>
  <li>Mix flour, baking powder, sugar, and salt.</li>
  <li>In another bowl, mix eggs, milk, and oil.</li>
  <li>Stir both mixtures together.</li>
  <li>Fill muffin tray 3/4 full.</li>
  <li>Bake for 20 minutes.</li>
</ol>

ساختار Description List

<dl>
    <dt>1</dt>
    <dd>2</dd>
    <dt>3</dt>
    <dd>4</dd>
</dl>

مثال از Description List

<dl>
  <dt>Beast of Bodmin</dt>
  <dd>A large feline inhabiting Bodmin Moor.</dd>

  <dt>Morgawr</dt>
  <dd>A sea serpent.</dd>

  <dt>Owlman</dt>
  <dd>A giant owl-like creature.</dd>
</dl>

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

آشنایی با فرم ها و تگ های مربوط به آن

بررسی تگ ها و ساخت input در html