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 (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.