Listy w HTML: przewodnik po używaniu list do wyświetlania danych

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.