abc HTML5 i CSS TUTORIAL

Zaglavlje reda i zaglavlja kolone /COLUMN AND ROW HEADERS/ <th>

Zaglavlja tabele /TABLE HEADERS/   Sintaksa: <th>

Tabela može da ima horizontalna i vertikalno zaglavlje.

Primjeri zaglavlja kolona i redova tabele. TAG za zalglavlje je <th>:

Naslovi kolona

Naslovi redova

<table border="1">
<tr>
<th>Kolona 1</th>
<th>Kolona 2</th>
</tr>
<tr>
<td>1,1</td>
<td>1,2</td>
</tr>
<tr>
<td>2,1</td>
<td>2,2</td>
</tr>
</table> 		<table border="1">
<tr>
<th>Red 1</th>
<td>1,1</td>
<td>1,2</td>
</tr>
<tr>
<th>Red 2</th>
<td>2,1</td>
<td>2,2</td>
</tr>
</table>

Primjer 1. Kreirati tabelu sa horizontalnim zaglavljem.

Kod Objašnjenje Ispis na ekran
<!DOCTYPE html>
<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ć</td>
    <td>Na drini ć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
<!DOCTYPE html>
<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
<!DOCTYPE html>
<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

Index