Radna nedelja: 21.03.-26.03.

Godina: 3.

HTML- vežbanje
Predstavljanje tabela:

Tabele predstavljaju podatke organizovane u obliku redova i kolona.

Prvi red u tabeli sadrži nazive kolona i naziva se zaglavlje tabele. Ispod ovog reda se nalaze
redovi koji sadrže podatke u svojim ćelijama.
Tabela je složeni HTML element i sadrži više drugih elemenata različitih vrsta.
Cela tabela je okružena oznakama <table i </table. Unutar svake tabele se nalaze zaglavlja
<thead i </thead i telo <tbody i </tbody. Unutar zaglavlja i tela nalaze se redovi.
Svaki red okružen je tagovima tr i /tr i u njemu se nalaze ćelije kolona tabele.
Prvi red sadrži ćelije zaglavlja tabele gde se tekst nalazi između oznaka <th i </th i malo je
podebljan u odnosu na tekst u ostalim ćelijama.
<thead>
<tr>
<th>Назив</th><th>Земља</th><th>Година</th>
<tr>
</thead>

Unutar tela tabele redovi imaju ćelije tabele okružene oznakama <td i </td.
<tbody>
…
<tr>
<td>Орден Светог Саве</td><td>Србија</td><td>1892</td>
</tr>
…
</tbody>

Upotrebom <table border="solid 1px"> dobija se uokvirena tabela.

Povezivanje dokumenata:

Jedna od najbitnijih ideja jezika HTML je da omogući tzv. hiper-tekst – tekst koji može da se čita
različitim redom, zavisno od interesovanja čitaoca.

Tag koji se koristi za dodavanje hiper-teksta je a i /a. Unutar početne oznake elementa a, pišemo i
atribut href čija je vrednost ime HTML dokumenta koji treba prikazati kada čitalac klikne na tekst.
<a href="NikolaTesla.html">Никола Тесла</a>
<a href="MihajloPupin.html">Михајло Пупин</a>
<a href="MilutinMilankovic.html">Милутин Миланковић</a>

Multimedijalni sadržaj:

HTML dokumenti omogućavaju da u njih stavite multimedijalne sadržaje kao što su slike, video i audio
fajlovi. Na ovaj način, HTML dokumenti postaju mnogo više od strana koje možete naći u knjigama.

Slike

Slike se postavljaju u dokument na sličan način kao i linkovi – pomoću elementa img , koji u svom
atributu src sadrži ime slike koju treba prikazati:

<img src="NikolaTesla.jpg" alt="Nikola Tesla"></img>

Element img nema sadržaj, tj. ništa ne navodimo između otvarajućeg i zatvarajućeg taga. Zato se ovaj
element može napisati i kao samozatvarajući tag.

Pored src atributa, svaka slika treba da ima i tekst koji će se prikazati umesto nje u slučaju da se slika ne
učita. Ovaj tekst se stavlja u okviru alt atributa.