tekstu - Kurs HTML i CSS
Operacje na tekście w JavaScript - String.prototype / Dopasowanie wzorca - match...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 - kiedy wyrażenie regularne posiada flagę g - zwracane są wszystkie dopasowane fragmenty tekstu, ale już bez dodatkowych ich części, które w wyrażaniu...
CSS dla zielonych / Klasy selektorów CSS <div class>...Robi się to w inny sposób - korzystając z tzw. klas selektorów. Załóżmy, że mamy na stronie menu nawigacyjne, któremu chcemy zmienić kolor tła oraz tekstu. W tym celu najpierw w dokumencie HTML obejmujemy całą zawartość tego menu dodatkowym znacznikiem z przypisanym atrybutem class: <div class="menu-nawigacyjne">...</div> Następnie w arkuszu stylów w miejsce selektora wstawiamy wartość atrybutu class - czyli nazwę klasy - poprzedzoną znakiem kropki: .menu-nawigacyjne { background-color...
- Czcionki CSS / Wariant połączenia znaków czcionki {font-variant-ligatures}
...Wstawianie stylów]. Natomiast jako "warianty" należy podać konkretne ustawienia ligatur, czyli połączeń pomiędzy niektórymi sąsiadującymi literami tekstu. Możliwe są tutaj trzy sposoby: normal - domyślne ustawienia none - zablokowanie ligatur, dzięki czemu możemy np. nieco przyspieszyć wyświetlanie tekstu na ekranie Dowolna liczba poniższych wartości rozdzielonych spacjami: common-ligatures albo no-common-ligatures - włącza lub wyłącza standardowe ligatury discretionary-ligatures albo...
- Dziedziczenie stylów CSS / Resetowanie wszystkich wartości {all}
...pozwala za jednym zamachem zrobić to dla wszystkich cech CSS wybranego elementu na stronie. Wyjątkiem są jedynie własności: direction (kierunek tekstu) i unicode-bidi (algorytm dwukierunkowego tekstu), których wartości nie zostaną zmienione. Ale tak naprawdę zwykle w ogóle nie zaleca się ich używać w języku CSS, ponieważ mają one swoje odpowiedniki w języku HTML. Jednym z przykładowych zastosowań tej własności może być tworzenie widżetów, które często są dostarczane przez podmioty...
- Dziedziczenie stylów CSS / Przywrócenie wartości pierwotnej {...: revert}
...ponieważ właśnie taka jest wartość domyślna dla własności wagi czcionki. Natomiast użycie w tym przypadku wartości revert przywróci wytłuszczenie tekstu. Przykład {...: revert} To jest akapit koloru zielonego. Do jego elementów podrzędnych został przypisany specjalny styl powodujący, że każde pogrubienie, które się znajduje wewnątrz niego, przyjmie atrybut koloru czcionki (biały) oraz koloru tła (niebieski), ale tekst nie będzie wytłuszczony. Do elementów podrzędnych tego akapitu został...
HTML dla zielonych / Tekst przekreślony HTML <s><s>Tu wpisz tekst</s> Pozwala przekreślić fragment tekstu (ang. strikethrough). Przykład <s> Po wpisaniu w edytorze HTML następującego kodu: <s>Ten tekst jest przekreślony</s> na ekranie przeglądarki otrzymamy: Ten tekst jest przekreślony Pytania i odpowiedzi <s> Jak zrobić przekreślony tekst? Aby przekreślić tekst w języku HTML, wystarczy wpisać go wewnątrz znacznika <s>...</s>. Jak przekreślić tekst w HTML? Domyślnie tekst na stronie internetowej jest napisany zwykłą czcionką...
- HTML5 / Minimalna i maksymalna liczba znaków <input minlength maxlength, textarea minlength maxlength>
...musi wpisać w polu tekstowym oraz największą liczbę znaków, której nie może przekroczyć Atrybuty te pozwalają wymusić wpisanie w polu formularza tekstu składającego się przynajmniej z podanej liczb znaków (minlength="...") lub/i uniemożliwić wprowadzenie za długiego tekstu (maxlength="..."). Oba te atrybuty można stosować wspólnie lub osobno. Warto zauważyć, że atrybut maxlength="..." był dostępny już w języku HTML 4.01, ale można go było przypisać tylko do zwykłego pola tekstowego. HTML5...
- HTML5 / Podpowiedź pola formularza <input placeholder, textarea placeholder>
...podpowiedź Dowolny tekst niezawierający znaku nowej linii, który może wstępnie pojawić się wewnątrz pola w postaci wyszarzonego tekstu Atrybut placeholder="..." podpowiada użytkownikowi, co powinien wpisać w danym polu formularza. Przez przeglądarki może być obsługiwany w ten sposób, że jego wartość będzie na początku wpisana w pole w postaci wyszarzonego tekstu, który zniknie po umieszczeniu w nim kursora tekstowego przez użytkownika i rozpoczęciu wpisywania właściwej...
- HTML5 / Sprawdzanie pisowni <... spellcheck>
...i gramatyka nie będą sprawdzane. Popularne przeglądarki mają wbudowaną funkcję automatycznego sprawdzania pisowni, a czasem nawet gramatyki, tekstu wpisywanego przez użytkownika np. w obszarze tekstowym. Może ona jednak przysporzyć sporo kłopotów, jeśli pole nie zostało przeznaczone do wprowadzania zwykłego tekstu, tylko np. kodu komputerowego. W takim przypadku czasem lepiej wyłączyć tę funkcję, aby niepotrzebnie nie rozpraszała użytkowników. W tym celu wystarczy do elementu przypisać...
- Drukowanie CSS / Typ strony wydruku {page}
...innych znaków, należy je poprzedzić odwróconych ukośnikiem "\". Jako cecha i wartość można wstawić jedną lub więcej deklaracji odpowiednich dla kontekstu strony. Selektorem może być dowolny znacznik blokowy - np. table - tabela. Załóżmy, że nasza strona to np. opracowanie naukowe. Składa się ono przeważnie z tekstu, ale zawiera również kilka rozbudowanych tabel posiadających dużą liczbę kolumn. W takiej sytuacji tekst najlepiej by było wydrukować w orientacji pionowej, ale wtedy tabele mogą...