Seznamy v HTML: Průvodce používáním seznamů k zobrazení dat

Seznamy jsou nezbytnou součástí HTML pro zobrazení dat organizovaným a čitelným způsobem. HTML poskytuje tři hlavní typy seznamů: neuspořádané seznamy, uspořádané seznamy a definiční seznamy.

Neuspořádané seznamy(<ul>) používají specifické odrážky a zobrazují se jako odsazené položky, obvykle pomocí černých teček. Toto je oblíbená volba pro seznam položek, které nevyžadují konkrétní objednávku.

Seřazené seznamy(<ol>) používají specifické číslování nebo značky znaků a zobrazují se jako sekvenční seznam. To se často používá pro výpis položek v určitém pořadí nebo jejich číslování.

Seznamy definic(<dl>) používají k zobrazení dat dvojice termínů a popisů. Každý pár je uzavřen ve značkách <dt>(definice term) a <dd>(definition description). Jedná se o efektivní způsob zobrazení atributů nebo definic pro konkrétní pojmy.

 

Neuspořádaný seznam( <ul>)

- <ul> Prvek se používá k vytvoření neuspořádaného seznamu.

- Každá položka v neuspořádaném seznamu je umístěna v <li> prvku.

- Neuspořádané seznamy se obvykle zobrazují s odrážkami nebo podobnými znaky.

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

 

Objednaný seznam( <ol>)

- <ol> Prvek se používá k vytvoření uspořádaného seznamu.

- Každá položka v seřazeném seznamu je umístěna v <li> prvku.

- Seřazené seznamy se obvykle zobrazují s čísly nebo abecedními znaky.

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

 

Seznam definic( <dl>)

- <dl> Prvek se používá k vytvoření definičního seznamu.

- Každá položka v seznamu definic se skládá z dvojice značek <dt>(definice term) a <dd>(definition description) tagů.

<dt> Značka obsahuje klíčové slovo nebo atribut, který je definován, zatímco <dd> značka obsahuje popis nebo vysvětlení daného klíčového slova nebo atributu.

<dl>  
  <dt>Keyword 1</dt>  
  <dd>Description for Keyword 1</dd>  
  <dt>Keyword 2</dt>  
  <dd>Description for Keyword 2</dd>  
</dl>  

 

Atribut typu seznamu( <ul> a <ol>)

- Atribut type se používá k určení stylu číslování uspořádaného seznamu.

- Hodnota atributu type může být "1"(čísla), "A"(velká písmena), "a"(malá písmena), "I"(velká římská čísla) nebo "i"(malá římská čísla). .

<ol type="A">  
  <li>Item 1</li>  
  <li>Item 2</li>  
  <li>Item 3</li>  
</ol>  

 

Počáteční atribut( <ol>)

- Atribut start se používá k určení počáteční hodnoty číslování v seřazeném seznamu.

- Hodnota atributu start je kladné celé číslo.

<ol start="5">  
  <li>Item 5</li>  
  <li>Item 6</li>  
  <li>Item 7</li>  
</ol>  

 

Obrácený atribut( <ol>)

- Atribut obrácený se používá k zobrazení seřazeného seznamu v opačném pořadí.

- Při použití obráceného atributu se číslování zobrazí v sestupném pořadí.

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

 

Tyto atributy a prvky vám umožňují vytvářet a upravovat seznamy v HTML podle vašich potřeb. Můžete je použít k přehlednému a uspořádanému zobrazení dat na vašem webu.