table - Kurs HTML i CSS
Tabele CSS / Rozplanowanie tabeli {table-layout}Spis treści {table-layout} Rozplanowanie tabeli {table-layout} Rozplanowanie automatyczne {table-layout: auto} Rozplanowanie ustalone {table-layout: fixed} Rozplanowanie tabeli {table-layout} selektor { table-layout: rozplanowanie } Selektorem może być element TABLE [zobacz: Wstawianie stylów]. Natomiast jako "rozplanowanie" należy podać: auto - szerokość tabeli zależy od zawartości komórek (domyślnie) fixed - szerokość tabeli nie zależy od zawartości komórek Przy definiowaniu...
Tabele HTML / Struktura tabeli HTML <table, tr, td><table> <tr> <td>...</td> <td>...</td> </tr> <tr> <td>...</td> <td>...</td> </tr> </table> Jest to najprostsza tabela, gdzie: <table>...</table> jest znacznikiem tabeli <tr>...</tr> jest znacznikiem wiersza <td>...</td> jest znacznikiem pojedynczej komórki W miejsce kropek należy wpisać treść poszczególnych komórek tabeli. Powyższe polecenia tworzą tabelę, złożoną z dwóch kolumn i dwóch wierszy (razem cztery komórki). Jeśli to konieczne, możliwe jest dodanie nowych kolumn (poprzez...
- Komendy CSS 2 / table-layout
WARTOŚĆ auto | fixed | inherit OPIS Rozplanowanie tabeli INICJALIZACJA auto ZASTOSOWANIE tabele DZIEDZICZENIE nie PROCENTY nie MEDIA visual
- Komendy HTML 4.01 / TABLE
Tabela składająca się z wierszy (TR), kolumn (COLGROUP, COL) i komórek (TD). Może zawierać część nagłówkową (THEAD), ciało (TBODY) i stopkę (TFOOT), jak również opis nagłówkowy (CAPTION). Zobacz więcej... Atrybuty: ALIGN="ustawienie" Poziome ustawienie tabeli (zdeprecjonowane): center - wyśrodkowanie left - do lewej right - do prawej BGCOLOR="kolor" Kolor tła w komórkach tabeli (zdeprecjonowane) BORDER="piksele" Szerokość w pikselach ramki otaczającej tabelę CELLPADDING="długość...
- Pozycjonowanie CSS / Wyświetlanie {display}
...sformatowany jako "inline" (w linii) w ramach treści brata. W przeciwnym razie element zostanie sformatowany jako "block" (Opera 6, Chrome) table - tabela blokowa: <table>...</table> inline-table - tabela "inline": <table>...</table> table-row-group - grupa wierszy tabeli: <tbody>...</tbody> table-header-group - nagłówek tabeli: <thead>...</thead> table-footer-group - stopka tabeli: <tfoot>...</tfoot> table-row - wiersz tabeli: <tr>...</tr> table-column-group - grupa kolumn...
- Tabele HTML / Łączenie komórek tabeli <td colspan rowspan>
Poziome łączenie komórek <table> <tr> <td colspan="x">...</td> </tr> </table> gdzie "x" oznacza liczbę komórek do połączenia w poziomie. Pionowe łączenie komórek <table> <tr> <td rowspan="y">...</td> </tr> </table> gdzie "y" oznacza liczbę komórek do połączenia w pionie. Polecenie to pozwala na poziome lub pionowe łączenie komórek w tabeli, dzięki czemu jedna komórka (połączona) może się rozciągać na kilka komórek pojedynczych. Tabela z połączonymi komórkami zawiera mniej znaczników...
- Definicje / Drzewo dokumentu
...czyli korzenia drzewa (root). Przykład Po wpisaniu: <html> <head> <title>...</title> </head> <body> <h1>...</h1> <p>...</p> <table> <tr> <td>...</td> <td>...</td> </tr> <tr> <td>...</td> <td>...</td> </tr> </table> </body> </html> Otrzymamy następujące drzewo dokumentu: gdzie: Element TABLE jest dzieckiem elementu BODY. Element TABLE jest potomkiem elementu HTML oraz BODY. Element TABLE jest rodzicem dwóch elementów TR...
- Komendy CSS 2 / display
WARTOŚĆ inline | block | list-item | run-in | compact | marker | table | inline-table | table-row-group | table-header-group | table-footer-group | table-row | table-column-group | table-column | table-cell | table-caption | none | inherit OPIS Sposób wyświetlania elementu INICJALIZACJA inline ZASTOSOWANIE wszystkie elementy DZIEDZICZENIE nie PROCENTY nie MEDIA all
- Komendy HTML 4.01 / Wykaz atrybutów
Atrybut Zastosowanie Opis abbr TD, TH Skrót dla komórki nagłówkowej tabeli accept FORM, INPUT Lista typów MIME dla wysyłanego pliku accept-charset FORM Lista obsługiwanych znaków accesskey A, AREA, BUTTON, INPUT, LABEL, LEGEND, TEXTAREA Znak klawisza dostępu action FORM (wymagany) Obsługa formularza po stronie serwera align APPLET, IFRAME, IMG, INPUT, OBJECT Pionowe lub poziome ustawienie align CAPTION Ustawienie nagłówka tabeli align COL, COLGROUP...
- Tabele HTML / Komórki nagłówkowe tabeli <th>
Nagłówek poziomy <table> <tr> <th>...</th> <th>...</th> </tr> <tr> <td>...</td> <td>...</td> </tr> <tr> <td>...</td> <td>...</td> </tr> </table> Nagłówek pionowy <table> <tr> <th>...</th> <td>...</td> <td>...</td> </tr> <tr> <th>...</th> <td>...</td> <td>...</td> </tr> </table> Nagłówek mieszany <table> <tr> <th></th> <th>...</th> <th>...</th> </tr> <tr> <th>...</th> <td>...</td> <td>...</td> </tr> <tr> <th>...</th> <td>...</td> <td>...</td> </tr> </table> Komórkę nagłówkową...