webm

Listy w HTML

Posted on: Grudzień 20, 2007

Listy punktowane UL i numerowane OL

  • Jabłko
  • Gruszka
  • Pietruszka
<ul>
<li>Jabłko <li>
<li>Gruszka</li>
<li>Pietruszka</li>
</ul>
  1. Jabłko
  2. Gruszka
  3. Pietruszka
<ol>
<li>Jabłko </li>
<li>Gruszka</li>
<li>Pietruszka</li>
</ol>

Typy list LI

list-style-type: disc

ul style="list-style-type: disc"

  • disc

list-style-type: circle

ul style="list-style-type: circle"

  • circle

list-style-type: square

ul style="list-style-type: square"

  • square

Typy list OL

  1. Jabłko
  2. Gruszka
  3. Pietruszka
<ol type="a">
<li>Jabłko </li>
<li>Gruszka</li>
<li>Pietruszka</li>
</ol>
  1. Jabłko
  2. Gruszka
  3. Pietruszka
<ol type="i">
<li>Jabłko </li>
<li>Gruszka</li>
<li>Pietruszka</li>
</ol>
  1. Jabłko
  2. Gruszka
  3. Pietruszka
  4. Grzybek
  5. Muchomorek
<ol type="I">
<li>Jabłko </li>
<li>Gruszka</li>
<li>Pietruszka</li>
</ol>

Zagnieżdżanie list

  • Jabłko
  • Gruszka
    • Jabłko
    • Gruszka
    • Pietruszka
  • Pietruszka
<ul>
<li>Jabłko </li>
<li>Gruszka</li>
<ul>
<li>Jabłko </li>
<li>Gruszka</li>
<li>Pietruszka</li>
</ul> 
<li>Pietruszka</li>
</ul>

Rozpoczynanie listy od kolejnego numeru

Przykład

  1. Jabłko
  2. Gruszka
  3. Pietruszka

A także:

  1. Jabłko
  2. Gruszka
  3. Pietruszk
<ol>
<li>Jabłko </li>
 <li>Gruszka</li>
<li>Pietruszka</li>
</ol>

<p>A także </p>

<ol start="4">
<li>Jabłko </li>
<li>Gruszka</li>
<li>Pietruszk</li>
</ol>

Grafika zamiast symboli

  1. Jabłko
  2. Gruszka
  3. Pietruszka
<ol style="list-style-image:url(strzalka.gif);">
 <li>Jabłko </li>
 <li>Gruszka</li>
 <li>Pietruszka</li>
</ol>
Reklamy
Tagi: , , ,

Skomentuj

Wprowadź swoje dane lub kliknij jedną z tych ikon, aby się zalogować:

Logo WordPress.com

Komentujesz korzystając z konta WordPress.com. Wyloguj / Zmień )

Zdjęcie z Twittera

Komentujesz korzystając z konta Twitter. Wyloguj / Zmień )

Zdjęcie na Facebooku

Komentujesz korzystając z konta Facebook. Wyloguj / Zmień )

Zdjęcie na Google+

Komentujesz korzystając z konta Google+. Wyloguj / Zmień )

Connecting to %s

%d blogerów lubi to: