Sąrašai HTML: vadovas, kaip naudoti sąrašus duomenims rodyti

Sąrašai yra esminė HTML dalis, skirta duomenims pateikti organizuotai ir skaitomai. HTML pateikia tris pagrindinius sąrašų tipus: nesutvarkytus sąrašus, sutvarkytus sąrašus ir apibrėžimų sąrašus.

Nesutvarkytuose sąrašuose(<ul>) naudojami konkretūs ženkleliai ir jie rodomi kaip įtraukos elementai, paprastai naudojant juodus taškus. Tai populiarus pasirinkimas įtraukiant prekes, kurioms nereikia konkretaus užsakymo.

Sutvarkytuose sąrašuose(<ol>) naudojami specifiniai numeracijos arba simbolių žymekliai ir jie rodomi kaip nuoseklus sąrašas. Tai dažnai naudojama prekių sąrašui tam tikra tvarka arba jų numeravimui.

Apibrėžčių sąrašuose(<dl>) duomenims rodyti naudojamos terminų ir aprašymų poros. Kiekviena pora yra įtraukta į <dt>(apibrėžimo terminas) ir <dd>(apibrėžimo aprašymas) žymas. Tai veiksmingas būdas rodyti konkrečių sąvokų atributus arba apibrėžimus.

 

Netvarkingas sąrašas( <ul>)

- <ul> Elementas naudojamas netvarkingam sąrašui sukurti.

- Kiekvienas netvarkingo sąrašo elementas dedamas į <li> elementą.

- Netvarkomi sąrašai paprastai rodomi su ženkleliais ar panašiais simboliais.

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

 

Užsakytas sąrašas( <ol>)

- <ol> Elementas naudojamas sutvarkytam sąrašui sukurti.

- Kiekvienas užsakyto sąrašo elementas dedamas į <li> elementą.

- Sutvarkyti sąrašai paprastai rodomi su skaičiais arba abėcėlės simboliais.

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

 

Apibrėžčių sąrašas( <dl>)

- <dl> Elementas naudojamas apibrėžimų sąrašui sukurti.

- Kiekvienas apibrėžimų sąrašo elementas susideda iš <dt>(apibrėžimo termino) ir <dd>(apibrėžimo aprašymo) žymų poros.

- <dt> Žymėje yra apibrėžiamas raktinis žodis arba atributas, o žymoje <dd> yra to raktinio žodžio ar atributo aprašymas arba paaiškinimas.

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

 

Sąrašo tipo atributas( <ul> ir <ol>)

- Tipo atributas naudojamas užsakyto sąrašo numeravimo stiliui nurodyti.

– Tipo atributo reikšmė gali būti „1“(skaičiai), „A“(didžiosios raidės), „a“(mažosios raidės), „I“(didžiosios romėniški skaitmenys) arba „i“(mažosios raidės romėniški skaitmenys). .

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

 

Pradžios atributas( <ol>)

- Start atributas naudojamas numeracijos pradinei reikšmei nurodyti sutvarkytame sąraše.

- Pradinio atributo reikšmė yra teigiamas sveikasis skaičius.

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

 

Atvirkštinis atributas( <ol>)

- Atvirkštinis atributas naudojamas sutvarkytam sąrašui rodyti atvirkštine tvarka.

- Kai taikomas atvirkštinis atributas, numeracija bus rodoma mažėjimo tvarka.

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

 

Šie atributai ir elementai leidžia kurti ir tinkinti sąrašus HTML pagal savo poreikius. Galite juos naudoti norėdami aiškiai ir tvarkingai pateikti duomenis savo svetainėje.