Načrtovanje in razvoj spletnih aplikacij

Opisni seznami v HTML

Za opisni seznam uporabimo element <dl> (angl. definition list), znotraj katerega naštejemo elemente <dt> (angl. definition term) in <dd> (angl. definition description). Prvi predstavljajo pojme, ki jih opisujemo, drugi pa njihove opise.

Primer opisnega seznama v HTML:

<dl>     
   <dt> PON </dt>     
   <dd> Ponedeljek </dd>     
   <dt> TOR </dt>     
   <dd> Torek </dd>     
   <dt> SRE </dt>
   <dd> Sreda </dd> 
   <dt> ČET </dt>     
   <dd> Četrtek </dd>     
   <dt> PET </dt>
   <dd> Petek </dd>
</dl>
PON
Ponedeljek
TOR
Torek
SRE
Sreda
ČET
Četrtek
PET
Petek

Kombinirani seznami

Kobinirani seznami so sestavljeni iz več seznamov in sicer naredimo seznam znotraj drugega seznama (kot točko ali njen del). Pri tem moramo paziti, da značke zaključujemo v obratnem vrstnem redu, kot jih odpiramo.

Primer kombiniranega seznama, ki ima v urejen seznam vključen neurejen seznam:

<ol>
   <li>Ford
      <ul>
         <li>Focus</li>
         <li>Mustang</li>
         <li>Escape</li>
      </ul>
   </li>
   <li>Toyota
      <ul>
         <li>Camry</li>
         <li>Corolla</li>
         <li>Rav4</li>
      </ul>
   </li>
   <li>Honda
      <ul>
         <li>Civic</li>
         <li>Accord</li>
         <li>CR-V</li>
      </ul>
   </li>
 </ol>
					
					
  1. Ford
    • Focus
    • Mustang
    • Escape
  2. Toyota
    • Camry
    • Corolla
    • Rav4
  3. Honda
    • Civic
    • Accord
    • CR-V

Pri vključevanju seznama v seznam moramo biti pozorni, da seznam vključimo znotraj oznake <li> in ne med oznake <li> !

Primer kombiniranega seznama z opisnim seznamom, ki ima vključen neurejen in urejen seznam:

<dl>    
  <dt><b>Orodja:</b></dt>
  <dd>
    <ul>
      <li> urejevalnik HTML kode </li>
      <li> spletni brskalnik </li>
    </ul>    
  </dd>    
  <dt> <b>Postopek:</b> </dt>    
  <dd>
    <ol>          
      <li> odpri urejevalnik </li>
      <li> napiši kodo HTML </li>
      <li> shrani datoteko s končnico .html </li>
      <li> datoteko odpri v brskalniku </li>
    </ol>
  </dd>
  <dt><b>Opomba:</b> </dt>    
  <dd> Stran preveri v več brskalnikih. </dd> 
</dl>
Orodja:
  • urejevalnik HTML kode
  • spletni brskalnik
Postopek:
  1. odpri urejevalnik
  2. napiši kodo HTML
  3. shrani datoteko s končnico .html
  4. datoteko odpri v brskalniku
Opomba:
Stran preveri v več brskalnikih.