wiersze - Kurs HTML i CSS
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ą...
- Podcast HTML / #8 Formularze HTML
...komentarz lub wiadomość. Wprowadzenie pola: <textarea name="nazwa" cols="x" rows="y">Domyślny tekst</textarea>. Atrybuty cols (kolumny) i rows (wiersze) określają widoczną szerokość i wysokość. Tekst domyślny umieszcza się między znacznikami otwierającym i zamykającym <textarea>...</textarea>. Może być ustawione jako tylko do odczytu (readonly) lub zablokowane (disabled). Selektor plików Umożliwia użytkownikowi wybranie pliku ze swojego dysku lokalnego. Wprowadza selektor składający...
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...
- Komendy HTML 4.01 / TBODY
Ciało (włściwa treść) tabeli (TABLE). Zawiera wiersze (TR). Zobacz więcej... Atrybuty: ALIGN="ustawienie" Ustawienie i wyrównanie zawartości komórek: center - wyśrodkowanie char - wyrównanie tekstu wokół określonego znaku justify - wyrównanie tekstu do obu stron jednocześnie left - do lewej strony right - do prawej strony CHAR="znak" Określa pojedynczy znak, pełniący rolę osi, do której następuje wyrównywanie (domyślnie kropka dziesiętna dla danego języka, np.: "." - angielski...
- Komendy HTML 4.01 / TFOOT
Stopka tabeli (TABLE). Zawiera wiersze (TR). Zobacz więcej... Atrybuty: ALIGN="ustawienie" Ustawienie i wyrównanie zawartości komórek: center - wyśrodkowanie char - wyrównanie tekstu wokół określonego znaku justify - wyrównanie tekstu do obu stron jednocześnie left - do lewej strony right - do prawej strony CHAR="znak" Określa pojedynczy znak, pełniący rolę osi, do której następuje wyrównywanie (domyślnie kropka dziesiętna dla danego języka, np.: "." - angielski, "," - francuski)...
- Komendy HTML 4.01 / THEAD
Obszar nagłówkowy tabeli (TABLE). Zawiera wiersze (TR). Zobacz więcej... Atrybuty: ALIGN="ustawienie" Ustawienie i wyrównanie zawartości komórek: center - wyśrodkowanie (domyślnie) char - wyrównanie tekstu wokół określonego znaku justify - wyrównanie tekstu do obu stron jednocześnie left - do lewej strony right - do prawej strony CHAR="znak" Określa pojedynczy znak, pełniący rolę osi, do której następuje wyrównywanie (domyślnie kropka dziesiętna dla danego języka, np...
- Szablon strony na DIV-ach / Semantyczny szablon strony
...semantycznie, jak ich nadużywanie. W tabelach powinny być prezentowane dane tabelaryczne, które obejmują powtarzający się zbiór elementów (wiersze) tych samych typów (kolumny). Zwykle daje się łatwo rozpoznać, czy w określonym przypadku powinno się użyć tabeli: W prezentowanych danych można wyróżnić poziomy lub/i pionowy nagłówek - może go nawet nie być, ważne żeby dało się go logicznie wyznaczyć choćby wirtualnie. Prezentujemy przynajmniej dwa egzemplarze krótkich danych o...
- Selektory pseudoklas CSS / Negacja :not
...selektorze negacji. Jeszcze ciekawsze efekty możemy uzyskać poprzez połączenie negacji z bardziej złożonymi selektorami - np. pokolorować wszystkie wiersze tabeli z wyjątkiem jednego, który podamy za pomocą pseudoklasy podstawionej jako argument negacji. Selektorów negacji nie wolno zagnieżdżać, tzn. wstawiać jeden jako argument drugiego. Przykład :not Po wpisaniu w arkuszu stylów: ul > li:not(:first-child) { font-weight: bold } otrzymamy wykaz, w którym wszystkie punkty z wyjątkiem...
- Czcionki CSS / Wariant pozycji czcionki {font-variant-position}
...i "vertical-align: super". Jest jednak pewna wada obu tych metod. Aby indeks dolny czy górny zmieścił się w tekście i nie zachodził na sąsiadujące wiersze, wysokość linii musi zostać nieco powiększona. Powoduje to nieestetyczny efekt, kiedy sąsiednie linijki tekstu są od siebie bardziej odsunięte, ponieważ w jednej z nich pojawił się nawet tylko jeden indeks dolny lub górny. Wadę tę eliminuje użycie właściwości font-variant-position, dzięki której mimo wprowadzenia indeksu w tekście...
- Tekst CSS / Wcięcie w tekście {text-indent}
...np. w pikselach albo w procentach. Na przykład: <p style="text-indent: 20px">...</p> wcięcie o 20 pikseli. Natomiast jeśli chcesz wciąć wszystkie wiersze tekstu w całym akapicie, zastosuj właściwość margin-left.