tekst - Kurs HTML i CSS
Menu w CSS / Rozdzielenia struktury i prezentacji dokumentu...kodu HTML z odnośnikami, który będzie zupełnie pozbawiony formatowania: <ul> <li><a href="czcionki.html">Czcionki</a></li> <li><a href="tekst.html">Tekst</a></li> <li><a href="tlo.html">Tło</a></li> <li><a href="marginesy.html">Marginesy</a></li> <li><a href="obramowanie.html">Obramowanie</a></li> </ul> Rezultat bez stylizacji jest następujący: Czcionki Tekst Tło Marginesy Obramowanie Kod ten będzie wykorzystywany we wszystkich przykładach, zawartych dalej w tym...
HTML5 / Załącznik <figure, figcaption>...go jako załącznik, najlepiej zdecydować, zadając sobie pytanie: czy moglibyśmy go przenieść na inną podstronę serwisu bez utraty spójności głównego tekstu dokumentu? Bardzo podobne przeznaczenie ma element ASIDE, jednak w odróżnieniu od FIGURE, jego zawartość jest tylko nieznacznie powiązana tematycznie z główną treścią. Na dobrą sprawę taką wstawkę (ASIDE) moglibyśmy zupełnie usunąć z witryny, podczas gdy załącznik (FIGURE) możemy co najwyżej przenieść na inną podstronę, bo inaczej dokument...
- HTML5 / Możliwy koniec linii <wbr>
(interpretuje: Internet Explorer 6-7 ale nie 8-11, Firefox 2, Opera 10, Chrome 4) <wbr> Normalnie przeglądarki zawijają długie linijki tekstu, jeśli nie mieszczą się w szerokości okna. Jednak w niektórych warunkach przełamanie tekstu może nie być możliwe. Wtedy najczęściej pojawi się poziomy suwak do przewijania strony. Z takim przypadkiem możemy mieć do czynienia wewnątrz znacznika PRE, gdy zablokujemy zawijanie tekstu przy pomocy CSS albo gdy w długiej linijce nie umieścimy żadnego białego...
Operacje na tekście w JavaScript - String.prototype / Porównanie lokalne - localeCompareString.prototype.localeCompare(that) Parametry: String that - drugi tekst do porównania Wartość: Number - wartość porównania: liczba mniejsza od zera - gdy bieżący tekst jest mniejszy niż that zero - gdy oba teksty są równe liczba większa od zera - gdy bieżący tekst jest większy niż that Dwa teksty możemy porównać ze sobą za pomocą operatora < oraz >, ale wtedy porównywane są tak naprawdę ich kody liczbowe. W przypadku alfabetu łacińskiego wszystko jest w porządku. Jednak gdy...
- Operacje na tekście w JavaScript - String.prototype / Dopasowanie wzorca - match
String.prototype.match(regexp) Parametry: RegExp regexp - wyrażenie regularne Wartość: Array - tablica dopasowań Null - tekst nie został dopasowany do wyrażenia regularnego Próbuje dopasować tekst do podanego wzorca - wyrażenia regularnego. Jeżeli się to uda, zwraca pierwszy dopasowany fragment tekstu oraz każdą jego część, która w wyrażeniu była zapisana w nawiasie (to działanie jest identyczne jak w przypadku funkcji RegExp.prototype.exec). Natomiast w przypadku dopasowania globalnego...
- Operacje na wyrażeniach regularnych - RegExp.prototype / Sprawdzanie dopasowania - test
RegExp.prototype.test(string) Parametry: String string - dopasowywany tekst Wartość: Boolean - czy tekst pasuje do wzorca Przeszukuje tekst pod kątem występowania w nim podanego wzorca. W przypadku dopasowania globalnego - kiedy wyrażenie regularne posiada flagę g - dodatkowo do własności lastIndex przypisywana jest pozycja w tekście (licząc od zera) po ostatnim znaku dopasowanego fragmentu. To zachowanie można wykorzystać do wyszukiwania w pętli wszystkich dopasowań wzorca, które...
- Czcionki CSS / Odległość między znakami czcionki {font-kerning}
...interpretuje: Firefox 34, Opera 20, Chrome 33) selektor { font-kerning: tryb } 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 "tryb" 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ł...
- Czcionki CSS / Wariant pozycji czcionki {font-variant-position}
(CSS 3 - interpretuje Firefox 34) selektor { font-variant-position: wariant } Selektorem może być dowolny znacznik, w którym można wpisywać tekst, ale zaleca się stosować tutaj sub - indeks dolny albo sup - indeks górny [zobacz: Wstawianie stylów]. Natomiast jako "wariant" należy wpisać: normal - czcionka normalna (podstawowa) sub - indeks dolny super - indeks górny W języku HTML istnieją znaczniki <sub>...</sub> i <sup>...</sup> służące do tworzenia indeksów dolnych i górnych w...
- Kursory CSS / Kolor karetki tekstowej {caret-color}
...Firefox 53, Opera 44, Chrome 57) selektor { caret-color: kolor } Selektorem może być element interaktywny, w którym użytkownik może wpisywać tekst, np. textarea, input[type="text"]. Natomiast jako "kolor" należy podać definicję koloru albo wartość auto (zresetowanie karetki testowej do domyślnego koloru). W przypadku 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...
- HTML dla zielonych / Indeks górny i dolny HTML <sup, sub>
...czego służy znacznik SUB? Jest to skrót od angielskiego sława subscript oznaczającego indeks dolny przy poprzedzającym go tekście. Jak dodać tekst do góry HTML? Aby wyświetlić pomniejszony tekst nieco wyżej od zwykłej linii tekstu i tym samym stworzyć indeks górny, należy użyć następującego kodu: x<sup>2</sup>. W tym przykładzie cyfra 2 zostanie wyświetlona jako indeks górny litery x.