tekstu - Kurs HTML i CSS
Losowy element...elementów Wszystkie elementy w kolejności losowej Losowy element Często przydatną funkcją na stronie WWW może okazać się wyświetlenie losowego tekstu lub obrazka. Można w ten sposób np. zbudować bazę cytatów albo porad i prezentować je użytkownikowi losowo - jeden przy każdym wejściu na stronę. Innym zastosowaniem może być rotacja bannerów lub buttonów. Jeśli chcesz umieścić na swojej stronie kilka bannerów, ale masz na to tylko jedno miejsce, wstaw tam właśnie ten skrypt, dzięki czemu...
Układ wielokolumnowy CSS / Multi-column layout...przycięta. Nie oznacza to raczej jednak, że od dzisiaj wszystkie serwisy internetowe powinny zacząć wszędzie stosować nowy sposób rozplanowanie tekstu. Zwróćmy uwagę, że w papierowych gazetach zwykle nie występują wspomniane już wcześniej elementy kontekstowe, menu, obiekty multimedialne, a reklamy najczęściej są umieszczane na osobnych stronach. Układ wielokolumnowy może jednak być przydatny w pewnych elementach serwisów WWW - np. sam wstęp do obszerniejszego artykułu, który nie jest...
- Układ wielokolumnowy CSS / Liczba kolumn {column-count}
...HTML na kolumny za pomocą właściwości CSS column-count, należy przypisać liczbę kolumn do odpowiedniego kontenera. Jak zrobić dwie kolumny tekstu w HTML? Aby stworzyć dwie kolumny tekstu w HTML przy użyciu właściwości CSS column-count, można przypisać wartość 2 do liczby kolumn. Na przykład: .tekst { column-count: 2 }.
HTML5 / Zmienione elementy i atrybuty HTML5...Oddziela bloki tematyczne sekcji artykułu na poziomie akapitów. I Oznacza np. termin techniczny, idiom z innego języka albo fragment wtrąconego tekstu. LABEL Kliknięcie na etykietę nie musi już oznaczać automatycznego przeniesienia kursora tekstowego do skojarzonego z nią pola formularza, chyba że takie jest standardowe zachowanie systemu operacyjnego użytkownika. MENU Służy do budowy użytecznych pasków narzędzi oraz menu kontekstowych. NOSCRIPT Zostanie wyświetlony wyłącznie, jeśli...
- HTML5 / Sekcja <section>
...miejscach albo nie mają zbyt dużo wolnego miejsca w pomieszczeniu. Zapewnia przyzwoite osiągi sprzętowe.</p> </section> Tak przedstawione bloki tekstu są raczej zbyt obszerne, aby wstawić je w formie listy opisowej. Opisują nie tylko definicję terminów, ale również typowe sposoby użytkowania oraz główne zalety. Z drugiej strony opisy są raczej za mało kompletne, aby zamiast znaczników SECTION użyć ARTICLE. Tak wyrwane z kontekstu sekcje, samodzielnie nie stanowiłyby raczej zbyt...
- Układ elastyczny CSS / Przepływ elastyczny {flex-direction, flex-wrap, flex-flow}
...określa sposób układania kolejnych elementów wewnątrz układu elastycznego: row - elementy będą układane w wierszach, analogicznie jak wyrazy tekstu w akapitach (domyślnie) row-reverse - ułożenie w wierszach w przeciwnym kierunku (w języku polskim będzie to od prawej do lewej krawędzi kontenera) column - ułożenie pionowo w kolumnach (w języku polskim - od góry do dołu) column-reverse - ułożenie pionowo w kolumnach (w języku polskim - od dołu do góry) Polecenie pozwala sterować...
- 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...
- Układ elastyczny CSS / Wyrównanie wiersza {align-items, align-self}
...flex-start - wyrównanie wiersza do początkowej krawędzi kontenera flex-end - do końcowej krawędzi kontenera center - wyśrodkowanie wiersza (dla tekstu w języku polskim - w pionie) baseline - zrównanie linii bazowych (poziomych prostych, łączących podstawy liter tekstu) stretch - rozciągnięcie do obu krawędzi jednocześnie (domyślnie) Polecenie steruje wyrównaniem jednego wiersza wewnątrz kontenera elastycznego, kiedy mają one różną wysokość. Przykład {align-items} align-items...
Obsługa tekstu w JavaScript - String / Konwersja kodu liczbowego na znak Unicode - fromCharCode...String.fromCharCode(char0) String.fromCharCode(char0, char1...) Parametry: Number char0, Number char1... - lista kodów kolejnych znaków tekstu w postaci 16-bitowych liczb naturalnych (0 - 65535) Wartość: String - wartość tekstowa Każdy pojedynczy znak tekstu jest zapisany wewnętrznie w postaci odpowiadającego mu kodu liczbowego. System przechowuje pełną mapę tych kodów, dzięki czemu wiadomo, że np. literze 'a' odpowiada kod 97, 'b' - 98, 'c' - 99 itd. W naszym programie możemy...
- Operacje na tekście w JavaScript - String.prototype / Wyszukiwanie frazy - indexOf
...searchString - poszukiwany tekst Number position - początkowa pozycja poszukiwań (domyślnie: 0) Wartość: Number - pozycja pierwszego znalezionego tekstu Przeszukuje tekst w kierunku jego końca pod kątem występowania w nim innego podanego tekst. Jeżeli tekst nie zostanie znaleziony, funkcja zwraca liczbę -1. Możliwe jest również ograniczenie zakresu poszukiwań do pozycji nie mniejszych niż podana (wartości ujemne są traktowane jak 0). Przypominam, że pierwszy znak tekstu ma pozycję 0, a...