Drugi čas – Liste i tabele

Dragan Filipović Korak po korak, Kurs Comments (0)

Liste

Unordered List - Neuređene liste 
- Neuređene liste se koriste za prikazivanje grupe stavki koje ne prate neki redosled. Kod ove vrste listi čitači po difoltu prikazuju svaku stavku kao Bullet point. Od oznaka postoji još i prazan krug i kvadrat.

Liste pravimo tako što ukucam nekoliko redova teksta.

 <p>Prvi red </p>
 <p>Drugi red</p>
 <p>Treći red</p>

 Zatim selektujemo te redove i u Properties baru kliknemo ikonu za liste

liste

 

Dobićemo kod za liste

 <ul>
   <li>Prvi red </li>
   <li>Drugi red</li>
   <li>Treći red</li>
 </ul>

 

  • Prvi red
  • Drugi red
  • Treći red

UL je tag za liste – Unordered list, lista ima stavke liste LI - List item

Ordered List - Uređene liste

Uređene liste su korisne kada prikazujete stavke koje prate neki redosled.

<ol>
  <li>Prvi red </li>
  <li>Drugi red</li>
  <li>Treći red</li>
</ol>
  1. Prvi red
  2. Drugi red
  3. Treći red

Tabele

Tabele su elementi koji imaju najkomplikovaniji kod. Ubacuju se komandom Insert -- Table ili Preko ikone za tabele u Insert panelu.

tabela

 

Postoje sledeće opcije:

Rows, Columns - Ovde birate koliko će vaša tabela imati redova i kolona

Table width - Ovde određujete kolika će biti širina tabele.

Border tickness - Ovde unosite vrednost za debljinu ivica tabele, ako ostavite prazno polje ivica tabele će se prikazati kao da je uneto 1 px, a ako unesete vrednost 0, ivice se neće prikazati.

Cell padding - Ovde unosite vrednost za razmak između ivica ćelije i sadržaja unutar ćelije.

Cell spacing - Ovde unosite vrednost za razmak između ćelija tabele. 

<table width="400" border="1">
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>

 

       
       
       
       

 Tabele počinju tagom table. Unutar tabele nalaze se redovi tr - table row, svaki red ima određeni broj ćelija td – table data.

Zadatak:

Napravite tabelu 4 reda, 1 kolona, širine 800px.

Comments (0) Trackback from your site.

Dragan Filipović

Predavač na Kursu Web Dizajna - Web edukator.

Ostavi komentar

Morate biti prijavljeni da biste dodali komentar.