table - Kurs HTML i CSS
Tabele HTML / Zagnieżdżanie tabel<table> <tr> <td> <table> <tr> <td>...</td> </tr> </table> </td> </tr> </table> gdzie kolorem czerwonym zaznaczono tabelę główną (nadrzędną), a kolorem zielonym tabelę wewnętrzną (podrzędną). Możliwe jest oczywiście dalsze zagnieżdżanie. Dzięki konstrukcji zagnieżdżania tabel, możliwe jest zbudowanie wielu tabel "jedna w drugiej". Tabele wewnętrzne znajdują się w komórkach tabeli zewnętrznej. Zauważ, że w składni polecenia powyżej, tabela podrzędna jest bardziej wcięta...
- HTML5 / Przestarzałe elementy i atrybuty HTML5
Spis treści Wstęp Przestarzałe elementy Znaczniki formatujące Znaczniki pogarszające dostępność Znaczniki rzadko używane Przestarzałe znaczniki XHTML5 Przestarzałe atrybuty Wstęp Choć formalnie przestarzałe elementy ani atrybuty nie wchodzą w skład specyfikacji HTML5, to przeglądarki nadal powinny je obsługiwać. Jednak nie należy ich już używać w tworzonych nowych dokumentach. Przestarzałe elementy Znaczniki formatujące Ich funkcję przejęły style CSS. BASEFONT BIG CENTER...
Tryb Quirks / X-UA-Compatible...zapis rel="alternate stylesheet" jest równoważny rel="stylesheet alternate". Własność display - uzupełniona obsługa wartości: table, inline-table, table-row, table-row-group, table-column, table-column-group, table-cell, table-caption, run-in, ruby, ruby-base, ruby-text, ruby-base-container, ruby-text-container Własność border-style - uzupełniona obsługa wartości: hidden Własność list-style-type - uzupełniona obsługa wartości: decimal-leading-zero, lower-greek...
- Tabele HTML / Łączenie wierszy tabeli w grupy <thead, tbody, tfoot>
...<thead, tbody, tfoot> Łączenie wierszy tabeli w grupy <tbody> Nagłówek i stopka <thead, tfoot> Łączenie wierszy tabeli w grupy <tbody> <table> <tbody> <tr>...</tr> </tbody> </table> Łączenie wierszy w grupy umożliwia później odnoszenie się do takiej grupy jako do całości. Dzięki temu możemy nadać od razu całej grupie np. określone formatowanie za pomocą CSS. W grupę można połączyć dowolną liczbę wierszy. W jednej tabeli może istnieć kilka grup. Jeżeli umieścimy w tabeli...
- Tabele HTML / Łączenie kolumn tabeli w grupy <colgroup, col>
Spis treści <colgroup, col> Grupa kolumn <colgroup> Kolumna <colgroup, col> Grupa kolumn <colgroup> <table> <colgroup span="x"></colgroup> <tr>...</tr> </table> gdzie "x" oznacza ilość kolumn do połączenia w grupę. Jeśli całkowicie pominiemy atrybut span="...", przyjmie on domyślną wartość "1". Łączenie kolumn w grupy umożliwia później odnoszenie się do takiej grupy jako do całości. Dzięki temu możemy nadać od razu całej grupie np. określone formatowanie za pomocą CSS. W grupę...
- Tabele CSS / Rozmiary tabeli {width, height}
Do tabel (<table>...</table>), ich komórek (<td>...</td>), wierszy (<tr>...</tr>) oraz kolumn (<colgroup>...</colgroup>) można stosować parametry dotyczące szerokości i wysokości. Odnośnie komórek oraz całej tabeli można ustawić zarówno ich szerokość jak i wysokość. Natomiast dla wiersza możliwe jest określenie tylko wysokości, ponieważ szerokość jest jednocześnie szerokością tabeli. Podobnie dla kolumny można ustalić jedynie jej szerokość, bo wysokość jest wysokością tabeli. Przy definiowaniu...
- Tabele HTML / Tytuł tabeli <caption>
<table> <caption>Tu podaj tytuł</caption> (...) </table> Polecenie to stwarza Ci możliwość nadania tytułu w formie nagłówka nad bądź podpisu pod tabelą. który może być umiejscowiony na górze (domyślnie) lub na dole tabeli. Element CAPTION musi się znajdować zaraz po znaczniku TABLE i nie może zawierać żadnych elementów blokowych! Potrzebujesz pomocy? Przy tworzeniu tabel HTML możesz również skorzystać ze specjalnego generatora zamieszczonego tutaj. Dzięki niemu w kilka minut skonfigurujesz...
- Tabele CSS / Obramowanie tabeli {border-collapse, border}
...komórka2 komórka3 komórka4 komórka5 komórka4 komórka7 komórka8 komórka9 Styl, szerokość i kolor obramowania tabeli {border} Do tabel (<table>...</table>) oraz ich komórek (<td>...</td>) można stosować wszystkie parametry dotyczące obramowania. Przykład {border} <table style="border: 3mm ridge yellow"> komórka1 komórka2 komórka3 komórka4 komórka1 komórka2 komórka3 <td style="border: 3mm ridge yellow"> Pytania i odpowiedzi {border, border-collapse} Jak dodać...
- HTML5 / Zmienione elementy i atrybuty HTML5
Spis treści Zmienione elementy Zmienione atrybuty Odradzane atrybuty Zmienione elementy A Jeżeli sam nie zawiera się w elemencie wyświetlanym w linii, może obejmować sobą również elementy blokowe z wyjątkiem interaktywnych: A, BUTTON, DETAILS, EMBED, IFRAME, LABEL, SELECT, TEXTAREA, AUDIO (z atrybutem controls), IMG (z atrybutem usemap="..."), INPUT (z atrybutem type="..." innym niż "hidden"), MENU (z atrybutem type="toolbar"), OBJECT (z atrybutem usemap="..."), VIDEO (z atrybutem...
- Rozmiary CSS / Szerokość i marginesy automatyczne
...(względem elementu BODY stanowiącego blok obejmujący) zgodnie z zaleceniami CSS. <html> <head>...</head> <body style="text-align: center"> <table style="margin-left: auto; margin-right: auto; text-align: left">...</table> </body> </html> 4. Elementy blokowe, zastępowane Przykład: IMG, INPUT, TEXTAREA, SELECT, OBJECT - z ustawionym stylem display: block. Ostateczna wartość szerokości jest wyznaczana tak jak dla elementów "inline" zastępowanych (punkt 2). Następnie dla wyznaczenia...