tekst - Kurs HTML i CSS
Układ wielokolumnowy CSS / Multi-column layout...inaczej niż w gazecie właściwa treść artykułu znajduje się w pojedynczej kolumnie, a pozostałe kolumny są przeznaczone na menu lub inne elementy kontekstowe (popularne odnośniki, inne podobne artykuły czy reklamę). Jest to zatem sytuacja zupełnie inna, choć w wielu przypadkach całkowicie pożądana. Gazetowy układ wielokolumnowy teoretycznie można próbować symulować za pomocą tabel. Ma to jednak spore wady, które praktycznie dyskwalifikują takie rozwiązanie: Inaczej niż w prawdziwym...
- CSS dla zielonych / Wyrównanie tekstu CSS {text-align}
...Dzięki temu będzie on bardziej czytelny dla użytkownika. W pojedynczym dokumencie HTML może się znajdować wiele oddzielnych akapitów. Co zrobić, aby tekst w każdym z nich był ułożony tak samo? Dzięki możliwościom jakie dają style CSS, nie musimy tego robić dla każdego akapitu osobno. Wystarczy że w arkuszu CSS wpiszemy następującą regułę stylów: p { text-align: wyrównanie; } Dzięki temu tekst we wszystkich akapitach na stronie zostanie wyrównany w określony sposób: left - wyrównanie...
- 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...
Indeks, wyszukiwarka / Przykład indeksu, wyszukiwarki...['Selektory specjalne','../css/specjalne.html'], ['Tabele','../html/tabele.html'], ['Tabele (CSS)','../css/tabele.html'], ['Tekst','../html/tekst.html'], ['Tekst (CSS)','../css/tekst.html'], ['Tło','../css/tlo.html'], ['Tryb quirks','../css/quirks.html'], ['Wstawianie stylów','../css/wstawianie.html'], ['Wykazy','../css/wykazy.html'], ['XHTML','../html/xhtml.html'], ['Znaki secjalne','../html/znaki.html'] )); Wyszukiwarka indeks.wstawWyszukiwarke('#przyklad');
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)