wiersze - Kurs HTML i CSS
Selektory pseudoklas CSS / Pseudoklasy cykliczne :nth-child :nth-last-child :nth-of-type :nth-last-of-type...i zostaną opisane w dalszych rozdziałach. W celu poprawienia czytelności danych, często spotyka się obszerne tabele, w których kolejne nieparzyste wiersze są pokolorowane w odmienny sposób niż parzyste. Taki rodzaj formatowania można oczywiście uzyskać dodając co drugiemu wierszowi odpowiednią klasę. Gdy jednak wierszy jest sporo, zaczyna to być niewygodne. A co jeśli jutro zażyczymy sobie inny sposób kolorowania wierszy tej tabeli - w cyklu co trzy, a nie co dwa elementy? Dzięki...
- Tekst CSS / Białe znaki w tekście {white-space}
...w bloku [zobacz: Wstawianie stylów]. Natomiast jako "sposób" należy podać: normal - zamiana kilku sąsiadujących ze sobą spacji na jedną; wiersze są przełamywane automatycznie na końcu szerokości strony (domyślnie) pre - umożliwia wyświetlenie wielu spacji obok siebie; wiersze są przełamywane po napotkaniu znaku nowej linii - klawisz Enter (tekst preformatowany) nowrap - tryb identyczny jak "normal" z tym, że nie pozwala na przełamanie wiersza (przejście do następnej linii), aż do...
Tabele HTML / Łączenie wierszy tabeli w grupy <thead, tbody, tfoot>...połączyć dowolną liczbę wierszy. W jednej tabeli może istnieć kilka grup. Jeżeli umieścimy w tabeli przynajmniej jeden znacznik TBODY, wszystkie wiersze muszą być objęte tego typu znacznikami! Dla pozostałych komórek należy utworzyć dodatkowy znacznik TBODY, który nie musi posiadać żadnych atrybutów. Przykład <tbody> Po wpisaniu: <table> <tbody style="background-color: red"> <tr> <td>komórka1</td> <td>komórka2</td> <td>komórka3</td> </tr> <tr> <td>komórka4</td>...
- Komendy CSS3 / Fragmentacja CSS
...column | avoid-region | region Inicjalizacja auto Zastosowanie elementy blokowe, dzieci kontenera układu siatki, dzieci kontenera elastycznego, wiersze i grupy wierszy tabeli Dziedziczenie nie Procenty nie Media visual break-before Przełamanie przed... Wartość auto | avoid | avoid-page | page | left | right | recto | verso | avoid-column | column | avoid-region | region Inicjalizacja auto Zastosowanie elementy blokowe, dzieci kontenera układu siatki, dzieci kontenera...
- Komendy CSS3 / Układ siatki CSS
...[ row | column ] || dense Inicjalizacja row Zastosowanie kontenery układu siatki Dziedziczenie nie Procenty nie grid-auto-rows Automatyczne wiersze układu siatki Wartość <track-size>+ Inicjalizacja auto Zastosowanie kontenery układu siatki Dziedziczenie nie Procenty zobacz grid-template-columns i grid-template-columns grid-column Atrybuty mieszane kolumny układu siatki Wartość <grid-line> [ / <grid-line> ]? Inicjalizacja auto Zastosowanie dzieci kontenera układu siatki i...
- HTML dla zielonych / Wpisywanie tekstu HTML
...Nie trzeba przy tym stosować żadnych dodatkowych poleceń. Należy jednak pamiętać, że przeglądarka internetowa automatycznie zawinie wszystkie wiersze, dlatego w edytorze HTML tekst możemy wpisywać dowolnie, np. po wpisaniu: To jest zwykły tekst... To jest zwykły tekst... To jest zwykły tekst... To jest zwykły tekst... Na ekranie otrzymamy: To jest zwykły tekst... To jest zwykły tekst... To jest zwykły tekst... W edytorze możemy zakończyć linię (klawisz Enter) w dowolnym miejscu...
- Tekst HTML / Blok cytowany <blockquote>
...Przykład <blockquote> To jest blok cytowany. Używamy go gdy powołujemy się na jakieś źródła, cytujemy czyjąś wypowiedź... Wszystkie wiersze w tym bloku rozpoczynają się tabulatorem. Blok cytowany ze źródłem <blockquote cite> Korzystając z atrybutu cite="..." można podać adres źródła, które cytujemy: <blockquote cite="http://www.w3.org/"> <p>The World Wide Web Consortium (W3C) develops interoperable technologies (specifications, guidelines, software, and tools) to lead the...
- Tabele HTML / Struktura tabeli HTML <table, tr, td>
...należy umieścić w wybranym miejscu na stronie znacznik TABLE, a następnie wewnątrz niego wstawić dowolną liczbę znaczników TR tworzących kolejne wiersze tabeli. Z kolei wewnątrz każdego znacznika TR trzeba dodać taką samą liczbę elementów TD, które tworzą pojedyncze komórki (rubryki) tabeli. Na przykład, aby utworzyć tabelę z dwoma wierszami i dwiema kolumnami, można się posłużyć następującym kodem: <table> <tr> <td>wiersz 1, kolumna 1</td> <td>wiersz 1, kolumna 2</td> </tr> <tr>...
- Tabele HTML / Łączenie komórek tabeli <td colspan rowspan>
...to atrybut, który możemy dodać do znaczników TD lub TH, aby połączyć (scalić) w pionie kilka sąsiadujących ze sobą komórek tabeli. Jak połączyć wiersze w tabeli HTML? Aby scalić w pionie kilka sąsiadujących ze sobą komórek tabeli, zamiast nich umieszczamy tylko jeden znacznik TD lub TH, ale dodajemy do niego atrybut rowspan="..." o wartości odpowiadającej liczbie scalanych komórek. Na przykład, aby utworzyć tabelę składająca się z dwóch wierszy, gdzie w pierwszej kolumnie komórki są...
- Tabele CSS / Rozplanowanie tabeli {table-layout}
...szerokość jest dzielona pomiędzy kolumnami. Tworząc tabelę w języku HTML, można pomijać końcowe komórki z dowolnego wiersza, tzn. poszczególne wiersze mogą zawierać inną liczbę komórek, nawet jeżeli żadne komórki nie zostały jawnie połączone. Nie jest to błąd. W takim przypadku przeglądarka ma obowiązek automatycznie dopełnić "luki" pustymi komórkami. Jednak w przypadku użycia table-layout: fixed przeglądarka może zacząć wyświetlać tabelę już po odczytaniu pierwszego jej wiersza, dlatego...