Tabele
Co możemy dzieki nim uzyskać ?

Używając tabele możemy ładnie wyszeregować pooddzielać poszczególne obrazki teksty. Jeżeli chcesz zobaczyć przykład używania tabel zajrzyj do działu darmowe w sieci.

Jak budować tabele ?

Tabele ograniczają znaczniki <TABLE></Table>. Wewnątrz wstawia się tagi <TR></TR>, a w nich <TD></TD>.Przykładowa tabela wygląda następująco:

<TABLE>
<tr>
<td>Kolumna1A</td>
<td>Kolumna1B</td>
</tr>
<tr>
<td>Kolumna2A</td>
<td>Kolumna2B</td>
</tr>
</table>


Trochę o <TABLE>

Definiując dodatkowe właściwośći tagu <table> możemy regulować wygląd całej tabeli. Parametr BACKGROUND dediniuje obrazek który ma zostać wykorzystany na tło tabeli np.

<TABLE BACKGROUND="tlo.gif">

Możemy także podać kolor tła:

<TABLE BGCOLOR="lime">


Właścowość BORDER ustala grubość ramki w okół tabeli, zaś BORDERCOLOR jej kolor.

<TABLE BORDER=2 BORDERCOLOR="maroon">


Parametr CELLPADDING zdefiniować odstęp pomiędzy tekstem, a ramką kratki, która zostaje zdefiniowana poprzez parametr CELLSPACING=grubość.

<TABLE CELLPADDING="5" CELLSPACING="2">


Jeżeli nam zależy na stałej szerokości tabeli możemy ją ustalić poprzez opcję WIDTH. Może ona przyjmować wartość wyrarzoną w procentach (WIDTH=90%), lub pixelach (WIDTH=500).

<TABLE WIDTH=500>


Krótko o <TR> i <TD>

Wstawione znaczniki &tl;TD> pomiędzy tagi <TR> zostają ustawione w jednej lini. Ich ilość jest praktycznie nie ograniczona. Znacznik <TD> posiada dodatkowe parametry takie jak: BGCOLOR, który ustala kolor tła kratki:

<TD BGCOLOR="red">


lub WIDTH - parametr używany w przypadku jeżeli chcemy wymusić na kratce określoną szerokość:

<TD WIDTH="30">


Krótko o <TR> i <TD>

Przykładem zastosowania tabel może być na przykład własna lista linków. Poniżej znajdziesz przykładowy kod źródłowy:

<HTML>
<HEAD>
<TITLE>Przykład 5</TITLE>
<META http-equiv="content-type" content="text/html; charset=iso-8859-2">
</HEAD>
<BODY>
 
  <TABLE width=80% cellpadding="4" cellspacing="0" border="1" align="center">
  <tr>
    <td align=CENTER BGColor="lime">Nazwa strony</td>
    <td align=CENTER BGColor="lime">Opis</td>
  </tr>
  <tr>
    <td align=CENTER BGColor="silver"><A href="http://www.news.com.pl/" target="_blank">Katalog polskich stron WWW</A></td>
    <td align=CENTER BGColor=#F8F8F8>Strona posiadająca duży zbiór (ok. 22000 - dane z 1.04.2001r.)polskich stron</td>
  </tr>
  <tr>
    <td align=CENTER BGColor="silver"><A href="http://www.eduseek.pl" target="_blank">Eduseek</A></td>
    <td align=CENTER BGColor=#F8F8F8>Ciekawa strona posiadająca własną wyszukiwarkę i katalog</P></td>
  </tr>
  <tr>
    <td align=CENTER BGColor="silver"><A href="http://profesor.pl" target="_blank">Profesor</A></td>
    <td align=CENTER BGColor=#F8F8F8>Serwis edukacyjny z własnym katalogiem</td>
  </tr>
  </table>
 
</BODY>
</HTML>


Autorem tekstu jest: Michał Siudziński
http://cpw.net.pl
Materiał dodany przez użytkownika: alphan