Zaglavlja tabele /TABLE HEADERS/   (<TH>)

Tabela može da ima horizontalna i vertikalno zaglavlje.

Primjer 1. Kreirati tabelu sa horizontalnim zaglavljem.
Kod Objašnjenje Ispis na ekran
<html>
<head><title>Zaglavlje table</title></head>
<body>
<h4>Zaglavlja tabele:</h4>
<table border="1">
  <tr>
    <th>Ime</th>
    <th>Djelo</th>
    <th>Djelo</th>
  </tr>
  <tr>
    <td>Ivo Andri&#263;</td>
    <td>Na drini &#263;uprija</td>
    <td>Prokleta avlija</td>
  </tr>
</table>
</body></html>		 Tabela sa horizontalnim zaglavljem.

Zaglavlja tabele:

Ime Djelo Djelo
Ivo Andrić Na drini ćuprija Prokleta avlija

Primjer 2. Kreirati tabelu sa vertikalnim zaglavljem.
Kod Objašnjenje Ispis na ekran
<html>
<head><title>Zaglavlje table</title></head>
<body>
<h4>Zaglavlja tabele:</h4>
<table border="1">
  <tr>
    <th>Autor:</th>
    <td>Ivo Andri&#263;</td>
  </tr>
  <tr>
    <th>Djelo:</th>
    <td>Na drini &#263;uprija</td>
  </tr>
  <tr>
    <th>Djelo:</th>
    <td>Prokleta avlija</td>
  </tr>
</table>
</body></html>		 Tabela sa jednim redom i dvije ćelije bez teksta. BORDER SIZE je nula i linije tabele se nevide.
Autor: Ivo Andrić
Djelo: Na drini ćuprija
Djelo: Prokleta avlija

Primjer 3. Kreirati tabelu sa ispisom mjesec i zarada.

Kod Objašnjenje Ispis na ekran
<html>
<head><title>Zaglavlje table</title></head>
<body>
<h4>Zaglavlja tabele:</h4>
<table border="1">
  <tr>
    <th>Mjesec</th>
    <th>Zarada</th>
  </tr>
  <tr>
    <td>Januar</td>
    <td>12.345</td>
  </tr>
  <tr>
    <td>Februar</td>
    <td>11.223</td>
  </tr>
</table>
</body></html>		 Tabela sa jednim redom i dvije ćelije bez teksta. BORDER SIZE je četiri piksela.
Mjesec Zarada
Januar 12.345
Februar 11.223
 

Daljnji rad 1: Kreirati tabelu sa ispisom učenik i prosječna ocjena.

(Pri pisanju se mogu koristiti standardne opcije  Edit/Copy, Edit/Paste) . 

Prozor na dnu stranice je namjenje za provjeru koda:
- kopirajte kod (edit, copy, paste ili CTRL+C, CTRL+V ili DRAG&DROP metodom), editovanje je moguće u prozoru

Znanje.org

<< nazad