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:
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.
Możemy także podać kolor tła:
Właścowość BORDER ustala grubość ramki w okół tabeli, zaś BORDERCOLOR jej kolor.
Parametr CELLPADDING zdefiniować odstęp pomiędzy tekstem, a ramką kratki, która zostaje zdefiniowana poprzez parametr CELLSPACING=grubość.
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).
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:
lub WIDTH - parametr używany w przypadku jeżeli chcemy wymusić na kratce określoną szerokość:
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:
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>
<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>
<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>
Materiał dodany przez użytkownika: alphan
