¨ Definicja tabeli:<TABLE>...</TABLE>
¨ Znaczniki w tabeli:<TR>...</TR> wiersz (table row)<TD>...</TD> komórka (table data)<TH>...</TH> nagłówek tabeli (domyślnie czcionka pogrubiona)
¨ W komórkach tabeli można umieszczać dowolne obiekty (także tabele)
<TABLE>
<TR>
<TD>...</TD> <TD>...</TD>
</TR>
</TABLE>
¨ BORDER=n grubość obramowania tabeli
¨ BORDERCOLOR kolor obramowania tabeli
¨ CELLSPACING=n odległość między komórkami tabeli (domyślnie n=2)
¨ CELLPADDING=n odległość zawartości komórki od obramowania (domyślnie n=1)
¨ ALIGN wyrównanie tabeli do tekstu (jak dla znacznika IMG)
¨ HEIGHT="n%" wysokość tabeli (w procentach wysokości okna)
¨ HEIGHT=n wysokość tabeli (w pikselach)
¨ WIDTH="m%" szerokość tabeli (w procentach szerokości okna)
¨ WIDTH=m szerokość tabeli (w pikselach)
¨ BGCOLOR="kolor" kolor tła komórek tabeli
¨ BACKGROUND="URL" rysunek, który będzie tłem dla komórek tabeli
¨ Szerokość komórek tabeli automatycznie dopasowuje się do tekstu
¨ Ustalenie szerokości w stosunku do szerokości całej tabeli
<TH WIDTH="n%">
<TD WIDTH="n%">
¨ Ustalenie szerokości w liczbach bezwzględnych
<TH WIDTH=n>
<TD WIDTH=n>
<CENTER>
<H3> Ramowy program konferencji </H3><BR><BR>
<TABLE BORDER=1 WIDTH="80%" BGCOLOR=”aqua”>
<TR> <TH WIDTH="10%"> Data </TH>
<TH WIDTH="50%"> Tematyka </TH>
<TH WIDTH="40%"> Prowadzący </TH></TR>
<TR> <TD> 24.05 </TD>
<TD> Komputery w medycynie </TD>
<TD> prof. Apolinary Kowal (AM) </TD></TR>
<TR> <TD> 25.05 </TD>
<TD> Informatyka w rolnictwie </TD>
<TD> prof. Wincenty Nowak (AR) </TD></TR>
</CENTER>
<TABLE BORDER CELLSPACING=8>
<TABLE BORDER CELLPADDING=15>
¨ Wyrównanie danych w komórkach
- poziome wyrównanie danych – parametr ALIGN, np. <TD ALIGN=”center”>...</TD>
- pionowe wyrównanie danych – parametr VALIGN, np. <TD VALIGN=”top”>...</TD>
- wyrównanie danych jednakowo w całym wierszu, np. <TR ALIGN=”right”> ...</TR>
¨ Określanie tła komórek lub wierszy, np.
<TR BGCOLOR=”kolor”>
<TD BGCOLOR=”kolor”>
<TD BACKGROUND=”rysunek”>
¨ Podpis tabeli można zdefiniować:<CAPTION ALIGN="położenie">Tekst</CAPTION>
¨ Położenie - np. "top", "bottom" (domyślnie "top")
¨ Znacznik <CAPTION> musi występować wewnątrz znaczników <TABLE>...</TABLE>
<TABLE BORDER=1>
<CAPTION>Sprzedaż w mln $</CAPTION>
<TH></TH><TH>1999</TH>
<TH>2000</TH><TH>2001</TH></TR>
<TR ALIGN="CENTER">
<TH>Czechy</TH><TD>60</TD>
<TD>99</TD><TD>100</TD></TR>
<TH>Węgry</TH><TD>100</TD>
<TD>164</TD><TD>150</TD></TR>
¨ Komórki danych i nagłówków można ze sobą łączyć
- rozciągnięcie komórki na x wierszy: <TD ROWSPAN=x>
- rozciągnięcie komórki na y kolumn: <TD COLSPAN=y>
¨ Przykład (fragment poprzedniej tabeli)
<TR ALIGN="center">
<TH>Czechy</TH>
<TD ROWSPAN=2>160</TD>
<TH>Węgry</TH><TD>164</TD>
<TD>150</TD></TR>
¨ Ramki (frames) dzielą ekran na kilka obszarów – w każdym może być osobny dokument HTML
¨ Definicja ramki - w specjalnym pliku HTML (szablonie ramek)
¨ Szablon ramek zamiast znacznika <BODY> ma blok <FRAMESET>...</FRAMESET>
¨ Definicja <FRAMESET> określa wielkość ramki
¨ Ilość ramek zależy od ilości wystąpień znacznika <FRAME>
¨ Sposób podziału ramki ustalają parametry znacznika <FRAMESET>
- ROWS podział w pionie
- COLS podział w poziomie
¨ Parametrami COLS i ROWS mogą być
- liczby bezwzględne (ilość pikseli)
- liczby względne (procent zajętego ekranu)
- znak gwiazdki (*) - pozostała część ekranu
¨ W obrębie bloku <FRAMESET> - tylko znacznik <FRAME> i zagnieżdżone bloki <FRAMESET>
¨ Inne parametry znacznika <FRAMESET>
- FRAMEBORDER=1/0 włączenie/wyłączenie obramowania
- BORDER=n grubość obramowania
- BORDERCOLOR="kolor" kolor obramowania
¨ Blok <NOFRAME>...</NOFRAME>określa dokument, który jest wyświetlany przez przeglądarkę, która nie obsługuje ramek
¨ Znacznika <NOFRAME> używa się tylko w bloku <FRAMESET>
¨ &...
jholo