TABELE

Transkrypt

TABELE
TABELE
Podpis tabeli umieszczony nad tabelą
Tabela powinna na ogół zawierad tytuł, wyjaśniający jej treśd.
Można go wprowadzid poleceniem CAPTION. Należy go
umieścid zaraz za ogólną definicją tabeli. Na przykład:
<TABLE BORDER WIDTH=300>
<CAPTION> Tytuł tabeli umieszczony u góry</CAPTION>
Tak zdefiniowany tytuł tabeli pojawi się domyślnie na środku,
nad tabelą.
TABELE
Podpis tabeli umieszczony pod tabelą
W celu umieszczenia napisu pod tabelą należy użyd polecenia CAPTION
i parametru ALIGN=bottom. Jeżeli dodatkowo chcemy zmienid orientację
poziomą tytułu to dodatkowo możemy użyd parametru ALIGN=left lub
right. Aby dwukrotnie nie używad parametru ALIGN w tym samym
poleceniu, możemy pierwszy parametr zastąpid przez VALIGN (od Vertical)
- np.
<CAPTION valign=bottom align=left>Tytuł tabeli umieszczony u dołu
z lewej strony</CAPTION>
ZADANIE 17a
Utwórz plik na bazie poniższego kodu i zdefiniuj tabelę z dwiema kolumnami
o szerokości kolumn 200 pikseli i 15 wierszami. Ustal kolor obramowania na zielony,
a tło tabeli na żółty. W wierszach wpisz poszczególne województwa i ich stolice. Ustal
szerokośd pierwszej kolumny na 200, a drugiej na 300. Z lewej strony nad tabelą
umieśd tytuł „Aktualny podział administracyjny kraju”. Plik zapisz pod nazwą
zadanie17a.html.
<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Language" CONTENT="pl" />
</HEAD>
<BODY>
<TABLE>
</TABLE>
</BODY>
</HTML>
TABELE
Nagłówek wiersza i kolumny
Zazwyczaj w tabelach są umieszczane nagłówki wierszy i kolumn,
obrazujące ich treśd. Domyślnie nagłówki są pokazywane za pomocą
czcionki pogrubionej. Nagłówek jest definiowany za pomocą parzystego
kodu <TH> </TH>. Tak więc, aby sporządzid tabelę, z wierszem nagłówków
kolumn przed wierszami danych, należy wprowadzid następujący kod:
<TR bgcolor="gray"><TH>tekst nagłówka pierwszej kolumny</TH><TH>
tekst nagłówka drugiej kolumny </TH><TH> tekst nagłówka trzeciej
kolumny </TH><TH>tekst nagłówka czwartej kolumny </TH></TR>
ZADANIE 17b
W utworzonej tabeli dodaj nagłówek kolumn w kolorze
srebrnym. Plik zapisz pod nazwą zadanie17b.html.
TABELE
Podobnie jak nagłówki kolumn, należy wprowadzad kody nagłówków wierszy.
Każdy wiersz należy rozpocząd od komórki z nagłówkiem – np.
<TABLE BORDER >
<TR> <TD></TD> <TH>tekst nagłówka pierwszej kolumny</TH> <TH> tekst
nagłówka drugiej kolumny </TH> </TR>
<TR><TH>tekst nagłówka pierwszego wiersza</TH> <TD>tekst pierwszej
komórki w pierwszym wierszu </TD> <TD>tekst drugiej komórki w pierwszym
wierszu</TD> </TR>
<TR ><TH> tekst nagłówka drugiego wiersza </TH> <TD> tekst pierwszej
komórki w drugim wierszu </TD><TD> tekst drugiej komórki w drugim
wierszu </TD</TR>
</TABLE>
TABELE
Proszę zauważyd, że wiersz nagłówków kolumn został
poprzedzony pustą komórką (czerwony kolor), dzięki czemu
nagłówki zostały we właściwy sposób ułożone w stosunku do
kolumn z danymi.
ZADANIE 17c
W utworzonej tabeli dodaj nagłówek wierszy z liczbami
porządkowymi o szerokości 30 pikseli. Plik zapisz pod nazwą
zadanie17c.html.
TABELE
Proszę zwrócid uwagę, że pierwsza pusta komórka tabeli nie jest
obramowana. Aby ta pusta komórka była "wklęsła", możemy
w niej wstawid "lepką spację", czyli kod &nbsp; (non-breaking
space).
ZADANIE 17d
Wprowadź „lepką
zadanie17d.html.
spację”.
Plik
zapisz
pod
nazwą
TABELE
Łączenie komórek
Komórki danych i nagłówków można ze sobą łączyd. Służy do
tego parametr ROWSPAN=x (w pionie) i COLSPAN=x (w poziomie)
gdzie x oznacza ile sąsiednich komórek ma byd połączonych.
ZADANIE 17e
W wierszu dotyczącym województwa mazowieckiego połącz
komórki w których jest napisane „wielkopolska” i „Poznao”. Plik
zapisz pod nazwą zadanie17e.html.

Podobne dokumenty