tekstu - Kurs HTML i CSS
CSS dla zielonych / Czcionka CSS {font-size, font-family}Podobnie jak w przypadku koloru tła oraz tekstu dobrze jest również ustalić rozmiar i krój czcionki na całej stronie. body { font-size: rozmiar; font-family: rodzaj; } gdzie jako "rozmiar" należy wpisać: xx-small Czcionka najmniejsza x-small Czcionka bardzo mała small Czcionka mała medium Czcionka średnia large Czcionka duża x-large Czcionka bardzo duża xx-large Czcionka największa Natomiast zamiast rodzaj należy wpisać krój czcionki (np.: Arial, 'Courier New', 'Times New Roman...
- 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ż...
- Podcast HTML / #3 Tekst HTML
...W HTML rozróżniamy znaczniki formatujące i znaczniki semantyczne. Znaczniki formatujące (np. <b>) mają za zadanie tylko i wyłącznie zmienić wygląd tekstu. Znaczniki semantyczne, takie jak <strong> (wysoka ważność lub pilność) i <em> (emfaza, czyli szczególny nacisk), określają charakter (znaczenie) tekstu. To właśnie ta informacja, a nie sposób formatowania, jest najważniejsza. Dlaczego kod musi być poprawny semantycznie? Kod jest semantyczny, gdy używamy elementów, które nadają swojej...
- 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.