e-gradiva     HTML CSS JavaScript Načrtovanje    
  logotip  
SERŠ Maribor Iskanje Primeri

Seznami

Html ponuja avtorjem spletnih dokumentov nekaj mehanizmov za določanje seznama informacij. Možnosti so:

Zgoraj navedeni seznam je neurejen, narejen z elementom ul: 

<ul>
<li>neoštevilčen seznam.</li>
<li>številčen seznam</li>
<li>definicije</li>
</ul>

Številčeni seznam je narejen z elementom ol: 

<ol>
<li>Maribor</li>
<li>Ljubljana</li>
<li>Brezno</li>
<li>Dvorjane</li>
</ol>

Definicijski seznam je narejen z elementom dl in vsebuje zaporedje izraz/definicija: 

<dl>
   <dt>Maribor</dt>
   <dd>Majhno naselje ob Dravi.</dd>

   <dt>Brezno</dt>
   <dd>Velemesto, sosednji vasi Radlje in Ožbalt.</dd>
</dl>

Gnezdenje seznamov

Omenjene vrste seznamov lahko tudi gnezdimo. To pomeni, da lahko naredimo seznam znotraj drugega seznama (kot točko ali njen del). Pri tem je potrebno paziti na pravilno zaključevanje seznama in posameznih točk!

Primer

<dl>
   <dt> <strong>Triletni programi:</strong> </dt>
   <dd>         //točka seznama
      <ul>       //notranji seznam
         <li> Elektrikar-energetik </li>
         <li> Elektrikar-elektronik </li>
         <li> Elektrikar-energetik (o) </li>
      </ul>	   //najprej se zaključi notranji seznam
   </dd>	   //nato se zaključi točka
   <dt> <strong>štiriletni programi:</strong> </dt>
   <dd>
      <ol>
         <li> Elektrotehnik-energetik </li>
         <li> Elektrotehnik-elektronik </li>
         <li> Tehniška gimnazija </li>
      </ol>
   </dd>
   <dt> <strong>Opomba:</strong> </dt>
   <dd> Izvajamo tudi izobraževanje ob delu </dd>
</dl>

Oblikovanje seznamov

Točke seznama so lahko kvadratki, krogci, slike. Točke seznama so lahko tudi rimske številke, velike, male črke. Za oblikovanje seznamov se uporabljajo slogovne predloge.

Primeri


→ CSS: Primer seznama brez oznak
→ CSS: Primer neoštevilčenega seznama
→ CSS: Primer številčenega seznama
→ CSS: Primer seznama z malimi črkami
→ CSS: Primer seznama s slikicami
→ CSS: Primer položaja oznake
→ CSS: Primer gnezdenega seznama
→ CSS: Primer gnezdenega seznama

gor Gor     e-gradiva     HTML     ABC     primeri     naprej bdo   ol naprej

SERŠ Maribor : Strokovna gimnazija : 2004 : Mitja Račnik