tekstu - Kurs HTML i CSS
Komendy CSS3 / Tryby pisania CSS...3 Spis treści direction glyph-orientation-vertical text-combine-upright text-orientation unicode-bidi writing-mode direction Kierunek tekstu Wartość ltr | rtl Inicjalizacja ltr Zastosowanie wszystkie elementy Dziedziczenie tak Procenty nie glyph-orientation-vertical Pionowa orientacja znaków Wartość auto | 0deg | 90deg | 0 | 90 Inicjalizacja nie Zastosowanie nie Dziedziczenie nie Procenty nie text-combine-upright Kompozycja pozioma w pionie Wartość none | all...
- Czcionki CSS / Odległość między znakami czcionki {font-kerning}
...należy wpisać: auto - przeglądarka sama zdecyduje, jaki tryb zastosować (domyślnie) - np. aby poprawić czytelność, może wyłączyć kerning dla małego tekstu normal - wymuszenie kerningu none - zablokowanie kerningu Aby tekst wyglądał estetycznie, odległości między wszystkimi sąsiadującymi znakami powinny być podobne. Kształt niektórych par liter powoduje jednak, że kiedy występują obok siebie, stwarzają wrażenie, jakby odstęp pomiędzy nimi był większy niż w rzeczywistości. Typowym...
- Czcionki CSS / Wariant pozycji czcionki {font-variant-position}
...i <sup>...</sup> służące do tworzenia indeksów dolnych i górnych w tekście. Co więcej w języku CSS mamy dodatkowo możliwość ustalania pozycji tekstu w pionie formatując nawet zwykły tekst w taki sposób, aby wyglądał jak indeks dolny lub górny: "vertical-align: sub" 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...
- Kursory CSS / Kolor karetki tekstowej {caret-color}
...interaktywnych elementów strony, w których można wpisywać tekst, pojawia się tzw. karetka. Wskazuje ona miejsce, w którym pojawią nowe znaki tekstu, kiedy zaczniemy je wpisywać z klawiatury. Karetka tekstowa najczęściej ma postać pionowej, migającej kreski. Zdarzają się jednak inne kształty: pionowa kreska z krótkim poziomym daszkiem i podstawką albo migająca, wypełniona kratka (zwłaszcza na terminalach tekstowych o ograniczonej rozdzielczości). Domyślnie karetka tekstowa zwykle...
HTML5 / Element edytowalny <... contenteditable>...podania wartości). false - element nie jest edytowalny. plaintext-only - tylko surowa zawartość tekstowa elementu jest edytowalna, formatowanie tekstu jest wyłączone Podanie wartości contenteditable="true" umożliwia dynamiczną edycję zawartości tak oznaczonego elementu strony. Użytkownik może wpisać np. bezpośrednio w treści akapitu swój własny tekst. Treść taka jednak nie będzie widoczna dla innych użytkowników, odwiedzających tę samą stronę. Nie będzie również możliwości jej...
- HTML5 / Klawisz Enter <... enterkeyhint>
...przejście do poprzedniego pola, które akceptuje tekst. search - operacja 🔍 (Szukaj), zazwyczaj oznaczająca przejście do wyników wyszukiwania tekstu, który został wpisany. send - operacja Wyślij, zazwyczaj oznaczająca dostarczenie tekstu do jego celu. Podczas wprowadzania tekstu na urządzeniach mobilnych na klawiaturze ekranowej wyświetla się m.in. klawisz zatwierdzenia Enter (może on być oznaczony symbolem: ↵). Jednak w pewnych przypadkach na tym klawiszu może się wyświetlać co...
- HTML5 / Tłumaczenie językowe <... translate>
...Wersja rozszerzona: <element translate="tłumaczenie">...</element> tłumaczenie Należy podać jedną z poniższych wartości: yes - tłumaczenie tekstu na inne języki jest dozwolone (to samo co użycie translate jako atrybut logiczny - bez podania wartości). no - tłumaczenie zablokowane element Dowolny znacznik HTML 4.01 lub HTML5 W sieci pojawiły się specjalne programy, służące do automatycznego tłumaczenia stron obcojęzycznych na język rodzimy użytkownika. Często są one również...
- HTML dla zielonych / Tekst pochylony HTML <i>
...znacznika <i>...</i>. Jak pochylić tekst w HTML? Domyślnie tekst na stronie internetowej jest napisany zwykłą czcionką. Aby pochylić fragment tekstu, wystarczy umieścić go wewnątrz znacznika <i>...</i>. W ten sposób często oznacza się np. termin techniczny, idiom z innego języka albo fragment wtrąconego tekstu.
- HTML dla zielonych / Tekst podkreślony HTML <u>
<u>Tu wpisz tekst</u> Pozwala podkreślić fragment tekstu (ang. underline). Przykład <u> Po wpisaniu w edytorze HTML następującego kodu: <u>Ten tekst jest podkreślony</u> na ekranie przeglądarki otrzymamy: Ten tekst jest podkreślony Pytania i odpowiedzi <u> Jak zrobić podkreślony tekst? Aby podkreślić tekst w języku HTML, wystarczy wpisać go wewnątrz znacznika <u>...</u>. Jak dodać podkreślenie HTML? Domyślnie tekst na stronie internetowej jest napisany zwykłą czcionką. Aby...
- Formularze HTML / Pole wyboru <input "checkbox">
...kolumnie każdego wiersza znajdują się opisy (etykiety), a w drugiej - pola. W takim przypadku nie można objąć znacznikiem <label>...</label> zarówno tekstu opisu jak i pola formularza, ponieważ etykieta musiałaby obejmować dwie różne komórki tabeli, co jest niedozwolone. W takim właśnie przypadku należy wykorzystać drugi z wymienionych sposobów - z podaniem identyfikatora id="..." i odniesieniem do niego for="...". Zwróć uwagę, że wartości wyróżnionych atrybutów muszą być takie same dla...