Listy są istotną częścią HTML do wyświetlania danych w uporządkowany i czytelny sposób. HTML udostępnia trzy główne typy list: listy nieuporządkowane, listy uporządkowane i listy definicji.
Listy nieuporządkowane(<ul>) używają określonych wypunktowań i są wyświetlane jako pozycje z wcięciami, zwykle z użyciem czarnych kropek. Jest to popularny wybór w przypadku wystawiania przedmiotów, które nie wymagają określonego zamówienia.
Listy uporządkowane(<ol>) używają określonej numeracji lub znaczników znaków i są wyświetlane jako lista uporządkowana sekwencyjnie. Jest to często używane do wystawiania pozycji w określonej kolejności lub ich numerowania.
Listy definicji(<dl>) wykorzystują pary terminów i opisów do wyświetlania danych. Każda para jest ujęta w znaczniki <dt>(termin definicji) i <dd>(opis definicji). Jest to skuteczny sposób wyświetlania atrybutów lub definicji dla określonych pojęć.
Lista nieuporządkowana( <ul>
)
- <ul>
Element służy do tworzenia listy nieuporządkowanej.
- Każdy element na liście nieuporządkowanej jest umieszczony w <li>
elemencie.
- Listy nieuporządkowane są zwykle wyświetlane z punktorami lub podobnymi znakami.
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
Lista uporządkowana( <ol>
)
- <ol>
Element służy do tworzenia uporządkowanej listy.
- Każda pozycja na uporządkowanej liście jest umieszczona w <li>
elemencie.
- Uporządkowane listy są zazwyczaj wyświetlane z liczbami lub znakami alfabetycznymi.
<ol>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ol>
Lista definicji( <dl>
)
- <dl>
Element służy do tworzenia listy definicji.
- Każda pozycja na liście definicji składa się z pary znaczników <dt>
(termin definicji) i <dd>
(opis definicji).
- <dt>
Znacznik zawiera definiowane słowo kluczowe lub atrybut, podczas gdy <dd>
znacznik zawiera opis lub wyjaśnienie tego słowa kluczowego lub atrybutu.
<dl>
<dt>Keyword 1</dt>
<dd>Description for Keyword 1</dd>
<dt>Keyword 2</dt>
<dd>Description for Keyword 2</dd>
</dl>
Atrybut typu listy( <ul>
i <ol>
)
- Atrybut type służy do określenia stylu numeracji uporządkowanej listy.
- Wartością atrybutu type może być „1”(cyfry), „A”(duże litery), „a”(małe litery), „I”(wielkie cyfry rzymskie) lub „i”(małe cyfry rzymskie) .
<ol type="A">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ol>
Atrybut początkowy( <ol>
)
- Atrybut start służy do określenia początkowej wartości numeracji w uporządkowanej liście.
- Wartość atrybutu start jest dodatnią liczbą całkowitą.
<ol start="5">
<li>Item 5</li>
<li>Item 6</li>
<li>Item 7</li>
</ol>
Odwrócony atrybut( <ol>
)
- Atrybut reversed służy do wyświetlania uporządkowanej listy w odwrotnej kolejności.
- Po zastosowaniu odwróconego atrybutu numeracja będzie wyświetlana w kolejności malejącej.
<ol reversed>
<li>Item 3</li>
<li>Item 2</li>
<li>Item 1</li>
</ol>
Te atrybuty i elementy umożliwiają tworzenie i dostosowywanie list w formacie HTML do własnych potrzeb. Możesz ich użyć do wyświetlania danych w swojej witrynie w przejrzysty i uporządkowany sposób.