Elementy (tagi, znaczniki) HTML, dokumentacja HTML

Alfabetyczny spis tagów HTML

Alfabetyczny spis elementów HTML, lista znaczników HTML, przykłady podstawowych tagów HTML, ściąga HTML.

– niezalecany.

Elementy (tagi, znaczniki) HTML

Tag (znacznik) li

Definicja elementu (tagu), przeznaczenie i użycie li

Tag li określa element listy. Znacznik li jest używany na listach uporządkowanych ol, nieuporządkowanych ul i listach menu.

W ul i menu elementy listy będą zwykle wyświetlane z punktorami.

W ol elementy listy będą zwykle wyświetlane z cyframi lub literami.

Tip: stylizuj listy za pomocą CSS.

Atrybuty elementu (tagu) li

Atrybut	Wartość	Opis
value	number	Tylko dla list ol. Określa wartość początkową elementu listy. Następujące pozycje listy będą się powiększać od tej liczby.

Atrybuty globalne

Tag li obsługuje również atrybuty globalne w HTML.

Domyślne ustawienia CSS dla elementu (tagu) li

Większość przeglądarek wyświetla element legend z następującymi wartościami domyślnymi:

Wsparcie przeglądarek dla elementu (tagu) li

Element (tag)
li	Tak	Tak	Tak	Tak	Tak

Przykładowe zastosowania elementu (tagu) li

<legend>
  1. Pierwsza list to uporządkowana z ol i druga nieuporządkowana z ul:
  <ol>
   <li> Chleb </li>
   <li> Masło </li>
   <li> Szynka </li>
  </ol>

<ul>
   <li> Chleb </li>
   <li> Masło </li>
   <li> Szynka </li>
  </ul>
  
  2. Użycie atrybutu value w uporządkowanej liście:
  <ol>
   <li value="100">Sok</li>
   <li>Piwo</li>
   <li>Woda</li>
   <li>Mleko</li>
   <li>Herbata</li>
   <li>Kawa</li>
  </ol>
  
  3. Różne typy stylów listy z CSS:
  <ol>
   <li>Mleko</li>
   <li style="list-style-type:lower-alpha">Sok</li>
   <li>Kawa</li>
  </ol>

<ul>
   <li>Mleko</li>
   <li style="list-style-type:square">Sok</li>
   <li>Kawa</li>
  </ul>
  
  4. Jedna lista wewnątrz drugiej listy (lista zagnieżdżona):
  <ul>
  <li>Mleko</li>
  <li>Kawa
    <ul>
      <li>Mokka</li>
      <li>Jacobs</li>
    </ul>
  </li>
  <li>Herbata</li>
  </ul>
  
  5. Bardziej złożona lista zagnieżdżona:
 <ul>
  <li>Kawa</li>
  <li>Herbata
    <ul>
      <li>Czarna  <legend>
  1. Pierwsza list to uporządkowana z ol i druga nieuporządkowana z ul:
  <ol>
   <li> Chleb </li>
   <li> Masło </li>
   <li> Szynka </li>
  </ol>

<ul>
   <li>Mleko</li>
   <li style="list-style-type:square">Sok</li>
   <li>Kawa</li>
  </ul>
  
  4. Jedna lista wewnątrz drugiej listy (lista zagnieżdżona):
  <ul>
  <li>Mleko</li>
  <li>Kawa
    <ul>
      <li>Mokka</li>
      <li>Jacobs</li>
    </ul>
  </li>
  <li>Herbata</li>
  </ul>
  
  5. Bardziej złożona lista zagnieżdżona:
 <ul>
  <li>Kawa</li>
  <li>Herbata
    <ul>
      <li>Czarna</li>
      <li>Zielona
        <ul>
          <li>Chiny</li>
          <li>Afryka</li>
        </ul>
      </li>
    </ul>
  </li>
  <li>Mleko</li>
 </ul>
</li>
      <li>Zielona
        <ul>
          <li>Chiny</li>
          <li>Afryka</li>
        </ul>
      </li>
    </ul>
  </li>
  <li>Mleko</li>
 </ul>

Przykłady elementu li

Przykład 1

Pierwsza list to uporządkowana z ol i druga nieuporządkowana z ul:

Chleb
Masło
Szynka

Chleb
Masło
Szynka

Przykła 2

Użycie atrybutu value w uporządkowanej liście:

Sok
Piwo
Woda
Mleko
Herbata
Kawa

Przykład 3

Różne typy stylów listy z CSS:

Mleko
Sok
Kawa

Mleko
Sok
Kawa

Przykład 4

Jedna lista wewnątrz drugiej listy (lista zagnieżdżona):

Mleko
Kawa
- Mokka
- Jacobs
Herbata

Przykład 5

Bardziej złożona lista zagnieżdżona:

Kawa
Herbata
- Czarna
- Zielona
  - Chiny
  - Afryka
Mleko

Elementy (tagi, znaczniki) HTML, dokumentacja HTML

Alfabetyczny spis elementów HTML, lista znaczników HTML, przykłady podstawowych tagów HTML, ściąga HTML.

Elementy (tagi, znaczniki) HTML

Tag (znacznik) li