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:

<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.