• Strona główna
• Informacje ogólne
• Budowa komputera
• Internet i e-mail
• Paint
• Gimp
• Scratch
• Baltie
• Word
• Excel
• PowerPoint
• HTML 5
• Algorytmy
• C++
• Arduino
• Przydatne linki

Wstawiamy tabelę

Komórka TD zawiera konkretne dane. Między jej znacznikami można umieszczać tekst i grafikę.

<table> - początek tabeli <tr> - wiersz <td> - komórka </td> </tr> </table>

Nagłówek w tabeli

Jeżeli w tabeli chcemy wstawic tytuł zamiast polecenia TD wpisujemy TH.

<table> - początek tabeli <tr> - wiersz <th> nagłówek </th> </tr> </table>

Style tabeli

Aby tabela zawierała naokoło obramowanie, wystarczy w stylach zdefiniować parametr border. Jeśli nie podamy szerokości obramowania, przyjmowana jest jej domyślna wartość.

solid to ramka prosta. Innymi możliwościami są np: dotted (kropkowana), inset(cieniowana), double (podwójna).

Kolejne parametry to: rozmiar ramki i jej kolor.

Jeżeli wewnątrz tabeli chcemy umieścić widoczne ramki, należy te same parametry ustawić dla TD i TH.

table { border: solid 2px #ff00ff; }

Szerokość i wysokość tabeli

Dotychczas tworzyliśmy tabele, które przybierały domyślną szerokość na ekranie przeglądarki.

Parametr width daje nam możliwość samodzielnego zdefiniowania szerokości tabeli. Podobnie height

table { border: solid 2px #ff00ff; widtk:600px; height:400px; }

Jeżeli chcemy, aby nasza tabela stała na środku, umieszczamy w stylach wyrównanie automatyczne marginesu lewego i prawego. Wówczas i z lewej i z prawej strony tabela będzie wypychana maksymalnie do środka.

table { border: solid 2px #ff00ff; widtk:600px; height:400px; margin-left:auto; margin-right:auto; }

Dodatkowo możemy ustawić większą odległść między zawartością, a krawędziami czyli polecenie: padding.

table { border: solid 2px #ff00ff; widtk:600px; height:400px; margin-left:auto; margin-right:auto; padding:15px; }

Łączenie komórek

Aby połączyć kilka komórek w poziomie wpisujemy polecenie:

<td colspan="x"> x - ilość komórek przez które ma się rozciągać tabela.

Aby komórka w danym wierszu rozciągała się na x wierszy, należy użyć w jej definicji parametru

<td rowspan="x"> gdzie x oznacza ilość wierszy przez które ma się rozciągać tabela.

WSTECZ