tekst - Kurs HTML i CSS
Dziedziczenie stylów CSS / Przywrócenie wartości pierwotnej {...: revert}...Każda przeglądarka ma wbudowany domyślny arkusz stylów. Dzięki niemu nawet jeśli nie dołączymy żadnych własnych stylów do dokumentu, to np. tekst zawarty w znaczniku B i tak będzie pogrubiony. To bardzo przydatna funkcja, bo przeglądarka w ten sposób załatwia za nas sporo pracy. Może się jednak zdarzyć, że w naszym arkuszu stylów zmienimy sposób formatowania jakiegoś elementu, ale potem będziemy chcieli przywrócić mu pierwotny wygląd. Oczywiście najprostszym sposobem byłoby po prostu...
Operacje na tekście w JavaScript - String.prototype / Wyszukiwanie wzorca - search...Parametry: RegExp regexp - wyrażenie regularne Wartość: Number - pozycja pierwszego znalezionego dopasowania Przeszukuje tekst pod kątem występowania w nim podanego wzorca - wyrażenia regularnego. Jeżeli tekst nie zostanie dopasowany, funkcja zwraca liczbę -1. Przypominam, że pierwszy znak tekstu ma pozycję 0, a więc taka wartość zwrócona przez funkcję oznacza, że poszukiwany tekst został znaleziony (na samym początku). Jeżeli chcesz znaleźć pozycję z góry znanej...
- Operacje na wyrażeniach regularnych - RegExp.prototype / Dopasowanie wzorca - exec
RegExp.prototype.exec(string) Parametry: String string - dopasowywany tekst Wartość: Array - tablica dopasowań z dodatkowymi właściwościami: Number index - pozycja w tekście (licząc od zera), gdzie został dopasowany wzorzec String input - wartość argumentu string 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...
- Format wymiany danych - JSON / Przekształcanie tekstu JSON na obiekty JavaScript - parse
(interpretuje: Internet Explorer 8, Firefox 3.5, Opera 10.50, Chrome) JSON.parse(text) JSON.parse(text, reviver) Parametry: String text - tekst w formacie JSON Function reviver - funkcja przekształcająca wartości, przyjmująca argumenty: String key - klucz danych albo pusty tekst Object|Array|String|Boolean|Number|Null value - wartość danych Wartość: Object - obiekt Array - tablica String - tekst Boolean - wartość logiczna Number - liczba Null - nic Wyjątki: SyntaxError - text...
- Format wymiany danych - JSON / Przekształcanie obiektów JavaScript na JSON - stringify
...replacer - tablica zawierająca nazwy dozwolonych kluczy albo funkcja filtrująca, przyjmująca argumenty: String key - klucz danych albo pusty tekst Object|Array|String|Boolean|Number|Null value - wartość danych Number|String space - wcięcie (domyślnie: "") Wartość: String - tekst w formacie JSON Wyjątki: TypeError - dane zawierają strukturę cykliczną (o nieskończonym rekurencyjnym zagnieżdżeniu) Przekształca wartości proste i obiekty JavaScript na tekst zapisany w formacie...
HTML dla zielonych / Wstawienie obrazka HTML <img src alt><img src="Tu podaj względną ścieżkę dostępu do obrazka" alt="Tu podaj tekst alternatywny"> Zamiast tekstu: "Tu podaj względną ścieżkę dostępu do obrazka", należy podać miejsce na dysku, gdzie znajduje się nasz obrazek, który chcemy umieścić na stronie. Jeżeli obrazek znajduje się w tym samym katalogu co strona, na której chcemy go wstawić, wystarczy wpisać tutaj samą nazwę pliku obrazka, nie zapominając przy tym o podaniu rozszerzenia (".jpg" lub ".gif"). Natomiast w miejsce "Tu podaj tekst...
- Tekst HTML / Czcionka pomniejszona <small>
<small>...</small> wyświetlanie: w linii Wprowadza tekst napisany pomniejszoną czcionką. Reprezentuje przypisy (wyjaśnienia, zastrzeżenia, ograniczenia prawne, prawa autorskie). Wpisując powyższe znaczniki (tego samego rodzaju) jeden wewnątrz drugiego (np.: <small><small>...</small></small>), można zmniejszyć rozmiar tekstu o kilka wielkości. Przykład <small> To jest zwykły tekst... a ten tekst jest napisany czcionką pomniejszoną (small)
- HTML5 / Napisy do filmów <track>
Spis treści <track> Napisy do filmów <track> Rodzaj napisów WebVTT Ustawienia napisu Dialogi Formatowanie tekstu Stylizacja napisów Napisy do filmów <track> (interpretuje: Internet Explorer 10, Firefox 31, Opera 12.1, Chrome 23) <video> <source src="lokalizacja pliku w formacie 1" type='format 1'> <source src="lokalizacja pliku w formacie 2" type='format 2'> (...) <track src="napisy.vtt" default> (...) Treść alternatywna </video> gdzie: napisy.vtt Lokalizacja pliku...
- Ikony (symbole) / Audio i wideo
...hearing_disabled hearing_disabled Dodaj do listy odtwarzania (koło) playlist_add_circle playlist_add_circle Powtórz 5 replay_5 replay_5 Mowa na tekst speech_to_text speech_to_text Świadomość marki brand_awareness brand_awareness Powtarzaj włączone repeat_on repeat_on Odtwarzaj następne w kolejce queue_play_next queue_play_next Przestrzenny dźwięk spatial_audio spatial_audio Treści dla dorosłych explicit explicit Ślad artystyczny art_track art_track AirPlay airplay airplay Przewiń...
- Czcionki CSS / Wielkość czcionki {font-size}
...Podsumowanie Wielkość czcionki {font-size} selektor { font-size: rozmiar } 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 "rozmiar" należy podać konkretną wielkość czcionki. Możliwe są tutaj cztery sposoby: Imienne wartości absolutne: xx-small - najmniejsza x-small - bardzo mała small - mała medium - średnia large - duża x-large - bardzo duża xx-large...