Konačno - početak! Prvo, startujte Notepad (da, da - Notepad!) i pratite me u korak. Prepišite sledeći HTML kôd, čime i zvanično počinjemo ovaj mukotrpan posao:
<HTML>
<HEAD>
<TITLE>ZoNi.Web! - Tabele</TITLE>
</HEAD>
<BODY>
</BODY>
</HTML>
Snimite svoje delo kao table1.html u neki novi folder. Startujte svoj browser, pa njime otvorite table1.html. Neka Vam budu sve vreme aktivni i browser i Notepad. Tako ćete moći da pišete i menjate stranice, i da rezultat vidite gotovo trenutno.
Dodajmo tagove za tabele. Oni jednostavno govore "početak tabele" i "kraj tabele.
<HTML>
<HEAD>
<TITLE>ZoNi.Web! - Tabele</TITLE>
</HEAD>
<BODY>
<TABLE>
</TABLE>
</BODY>
</HTML>
Svaka tabela mora imati barem jedan horizontalni red (row).
<HTML>
<HEAD>
<TITLE>ZoNi.Web! - Tabele</TITLE>
</HEAD>
<BODY>
<TABLE>
<TR>
</TR>
</TABLE>
</BODY>
</HTML>
Naravno, svaki red mora da ima barem jedno polje - ćeliju.
<HTML>
<HEAD>
<TITLE>ZoNi.Web! - Tabele</TITLE>
</HEAD>
<BODY>
<TABLE>
<TR>
<TD></TD>
</TR>
</TABLE>
</BODY>
</HTML>
Da bi stvari delovale malo urednije i preglednije, odsad ću pisati samo ono što se nalazi unutar tabela. To znači da ću izostaviti HEAD, BODY, TITLE i slične tagove. Vi ćete naravno sve njih ostaviti u svojim dokumentima, kako bi oni funkcionisali normalno.
<TABLE>
<TR>
<TD></TD>
</TR>
</TABLE>
Sada je potrebno da nešto stavimo unutar polja (ćelije). Stavimo, na primer, Peru.
<TABLE>
<TR>
<TD>Pera</TD>
</TR>
</TABLE>
Eto... postali ste ponosni vlasnik jedne prave HTML tabele! Otvorite je pomoću browsera i divite se! Ako ste sve uradili kako treba, Vaša tabela bi trebalo da izgleda ovako:
| Pera | ||
Šala mala! Ha ha! Kao što vidite, ja sam veoma duhovit. Vaša tabela treba da izgleda ovako:
| Pera |
Udahnite duboko, zavalite se u stolicu i budite ponosni. Upravo ste završili svoju prvu tabelu!
| ||||||||