komórka - Kurs HTML i CSS
Selektory pseudoklas CSS / Pseudoklasy cykliczne :nth-child :nth-last-child :nth-of-type :nth-last-of-typeSpis treści :nth-child :nth-last-child :nth-of-type :nth-last-of-type Pseudoklasy cykliczne :nth-child :nth-last-child :nth-of-type :nth-last-of-type Cykl Okres Przesuniecie początkowe Odwrotna kolejność Zapis Pseudoklasy cykliczne :nth-child :nth-last-child :nth-of-type :nth-last-of-type (CSS 3 - interpretuje Internet Explorer 9, Firefox 3, Opera, Chrome) Dzieci: dziecko:nth-child(cykl) rodzic > dziecko:nth-child(cykl) Dzieci - począwszy od ostatniego...
- Tabele CSS / Rozplanowanie tabeli {table-layout}
...jej szerokość. Na podstawie wyznaczonych wartości, obliczana jest minimalna i maksymalna szerokość każdej kolumny. Wartość minimalną określa komórka z wyznaczoną największą szerokością minimalną, która znajduje się w danej kolumnie tabeli. Analogicznie wartość maksymalną określa komórka z wyznaczoną największą szerokością maksymalną. Dla każdej komórki, która rozciąga się na więcej niż jedną kolumnę, minimalne szerokości kolumn są zwiększane tak, że w sumie będą przynajmniej tak...
Tabele HTML / Łączenie komórek tabeli <td colspan rowspan>...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 <td>...</td>, ponieważ komórka połączona rozciąga się na kilka zwykłych pojedynczych komórek, tym samym eliminując je. Każdy atrybut colspan="x" lub rowspan="y" eleminuje n-1 komórek pojedynczych (w przyległych kolumnach...
- Tabele HTML / Komórki nagłówkowe tabeli <th>
...<td>...</td> </tr> <tr> <th>...</th> <td>...</td> <td>...</td> </tr> </table> Komórkę nagłówkową <th>...</th> wstawia się tak samo jak zwykłą komórka tabeli <td>...</td>. Różni się jedynie tym, że tekst do niej wpisany, jest napisany zwykle czcionką pogrubioną oraz ustawiony na środku (wyśrodkowany). Dlatego właśnie - jak sama nazwa wskazuje - komórka taka nadaje się do tworzenia nagłówka tabeli. Może się ona znajdować w dowolnym wierszu - nie tylko w pierwszym. Dodatkowo w wierszu...
- Komendy HTML 4.01 / TD
...zgrupowanie ze wszystkimi wierszami w ramach THEAD, TBODY lub TFOOT) SCOPE="komórki" Określa ustawienie komórek danych, dla których aktualna komórka nagłówkowa (TH) dostarcza informacji nagłówkowej (może być używane w zamian HEADERS): col - aktualna komórka dostarcza informacji nagłówkowej dla reszty kolumny, która ją zawiera colgroup - dla grupy kolumn (COLGROUP, COL) row - dla wiersza, który ją zawiera (TR) rowgroup - dla grupy wierszy (THEAD, TBODY, TFOOT) STYLE="styl...
- Komendy HTML 4.01 / TH
...zgrupowanie ze wszystkimi wierszami w ramach THEAD, TBODY lub TFOOT) SCOPE="komórki" Określa ustawienie komórek danych, dla których aktualna komórka nagłówkowa (TH) dostarcza informacji nagłówkowej (może być używane w zamian HEADERS): col - aktualna komórka dostarcza informacji nagłówkowej dla reszty kolumny, która ją zawiera colgroup - dla grupy kolumn (COLGROUP, COL) row - dla wiersza, który ją zawiera (TR) rowgroup - dla grupy wierszy (THEAD, TBODY, TFOOT) STYLE="styl...
- Komendy HTML 4.01 / Wykaz elementów
Element Znacznik otwierający/ zamykający Wyświetlanie Opis A wymag/wymag w linii Kotwica ABBR wymag/wymag w linii Forma skrócona ACRONYM wymag/wymag w linii Akronim ADDRESS wymag/wymag w bloku Informacje o autorze APPLET wymag/wymag w linii Aplet AREA wymag/zabr Obszar w mapie odnośników klienta B wymag/wymag w linii Tekst pogrubiony BASE wymag/zabr Adres bazowy BASEFONT wymag/zabr w linii Czcionka bazowa BDO wymag/wymag...
- Tabele CSS / Puste komórki tabeli {empty-cells}
...możesz skorzystać ze specjalnego generatora zamieszczonego tutaj. ✅ Rozpocznij konfigurację tabeli Przykład {empty-cells} empty-cells: hide komórka1 komórka2 Następna komórka jest pusta empty-cells: show komórka1 komórka2 Następna komórka jest pusta
- Pozycjonowanie CSS / Ustawienie {float, vertical-align}
...przesunięcie ponad (wartości dodatnie) lub poniżej (wartości ujemne) linii bazowej względem wysokości linii Przykład {vertical-align} komórka<br> 1 komórka2 komórka3 komórka<br> 4 komórka5 <td style="vertical-align: bottom"> <img style="vertical-align: text-top"> <img style="vertical-align: middle"> <img style="vertical-align: text-bottom"> <img style="vertical-align: 50%"> <img style="vertical-align: baseline"> <img style="vertical-align: -1em"> Tekstvertical-align: super...
- Czcionki CSS / Wielkość czcionki {font-size}
...selektor { font-size: rozmiar } Selektorem może być dowolny znacznik, w którym można wpisywać tekst, np. p - akapit, h1 - tytuł czy td - komórka tabeli [zobacz: Wstawianie stylów]. Natomiast jako "rozmiar" należy podać konkretną wielkość czcionki. Możliwe są tutaj cztery sposoby: Imienne wartości absolutne: xx-small - najmniejsza x-small - bardzo mała small - mała medium - średnia large - duża x-large - bardzo duża xx-large - największa Ostateczny rzeczywisty rozmiar...