tekstu - Kurs HTML i CSS
Oprawa graficzna / Zamiennik obrazkowy...przygotowanie skórki, która w tym miejscu nie będzie miała żadnej grafiki, a jedynie zwykły tekst. Lepszym rozwiązaniem będzie wstawianie normalnego tekstu, a następnie ukrycie go i zastąpienie tłem graficznym. Technika ta nazywana jest zamiennikiem obrazkowym (ang. image replacement) i jest powszechnie stosowana przez profesjonalistów. Istnieje wiele sposobów realizacji tej techniki, różniących się stopniem skomplikowania, dostępnością i wygodą użycia. Nadają się do wykorzystania dla różnych...
Dla nauczycieli / Scenariusz lekcji informatyki dla liceum i technikum...Wymagania podstawy programowej Lekcja 1 - Struktura dokumentu HTML, podstawowe znaczniki Lekcja 2 - Wstawianie obrazków i podstawowe formatowanie tekstu Lekcja 3 - Listy i tabele w HTML Lekcja 4 - Multimedia w HTML: video, audio, widżety (iframe) Lekcja 5 - Wprowadzenie do CSS: podstawowe style i struktura arkuszy Lekcja 6 - Klasy CSS, ramki, marginesy, tapety, interakcje Lekcja 7 - Publikacja strony internetowej Zadanie końcowe / projekt Podsumowanie Wstęp Poniżej znajdziesz...
HTML dla zielonych / Edytory HTMLCo jest potrzebne, żeby napisać stronę internetową? Teoretycznie może to być dowolny edytor tekstu, no i oczywiście dobre chęci. Dokument HTML, czyli Hypertext Markup Language - Hipertekstowy Język Oznaczania, jest po prostu plikiem tekstowym, gdzie wpisujemy wszystkie polecenia dotyczące formatowania tekstu, wstawiania grafiki i inne. Lecz pisanie strony w zwykłym edytorze tekstu byłoby bardzo uciążliwe. Dlatego powstało wiele wyspecjalizowanych edytorów, które ułatwią, przyspieszą i...
- Czcionki CSS / Wielkość czcionki {font-size}
...x-small - bardzo mała small - mała medium - średnia large - duża x-large - bardzo duża xx-large - największa Ostateczny rzeczywisty rozmiar tekstu, określony przy powmocy powyższych wartości, może się różnić w zależności od przeglądarki. Z tego powodu bezpieczniej jest podawać wszystkie wielkości czcionek w pikselach (np.: 14px). Przykład rozmiar xx-small rozmiar x-small rozmiar small rozmiar medium rozmiar large rozmiar x-large rozmiar xx-large Wartości względne: smaller...
- Tekst HTML / Kod poprawny semantycznie
...i semantyczne Komu to jest potrzebne? Podsumowanie Znaczniki formatujące i semantyczne Patrząc na liczbę znaczników, służących do formatowania tekstu na ekranie przeglądarki internetowej, można się zastanawiać: po co jest ich aż tyle? Jaki był sens wprowadzania znacznika <strong>...</strong> (mocne wyróżnienie), skoro właściwie zwykle jest on wyświetlany tak samo jak <b>...</b> (pogrubienie)? Czy nie lepiej tworzyć akapity za pomocą podwójnych znaczników <br> zamiast <p>...</p>? Czy to...
- 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...
- Komendy HTML 4.01 / Wykaz atrybutów
...Pionowe lub poziome ustawienie align CAPTION Ustawienie nagłówka tabeli align COL, COLGROUP, TBODY, TD, TFOOT, TH, THEAD, TR Ustawienie tekstu w grupach komórek w tabeli align DIV, H1, H2, H3, H4, H5, H6, P Ustawienie (wyrównanie) tekstu align HR Ustawienie poziomej linii align LEGEND Ustawienie legendy dla grupy kontrolek align TABLE Pozycja tabeli względem okna alink BODY Kolor wybranych odsyłaczy alt APPLET Krótki opis alt AREA, IMG (wymagany)...
- Rozmiary CSS / Szerokość i marginesy automatyczne
...lub 'margin-right' jest traktowana jako zero (CSS 2.1). Jeżeli wszystkie z powyższych własności mają przypisaną wartość auto, a kierunek tekstu (direction) jest ustawiony jako "ltr" (od lewej do prawej), to prawy margines zostanie dopasowany. W efekcie powinniśmy otrzymać blok, którego szerokość całego pudełka będzie się pokrywać z szerokością bloku obejmującego. W przypadku kierunku tekstu "rtl" (od prawej do lewej) to lewy margines zostanie dopasowany. Jeżeli dokładnie jedna...
Operacje na tekście w JavaScript - String.prototype / Zamiana fraz - replaceString.prototype.replace(searchValue, replaceValue) Parametry: String|RegExp searchValue - szukana wartość w postaci prostego tekstu albo wyrażenia regularnego String|Function replaceValue - tekst na który mają zostać zamienione dopasowania albo funkcja zwracająca tekst na podmianę i przyjmująca argumenty: String substring - dopasowany fragment oryginalnego tekstu String capture1, String capture2... - lista części dopasowania, które w wyrażeniu były umieszczone w nawiasach (opcjonalne)...
- HTML dla zielonych / Ramy dokumentu HTML <!doctype, html, head, meta charset "description", title, body>
...wtedy nie trzeba nic przełączać. Wskazówka dla bardzo początkujących Nie musisz za każdym razem, gdy tworzysz nową stronę, przepisywać całego tekstu powyższego szablonu. Wystarczy w przeglądarce internetowej naprowadzić wskaźnik myszki na początek tekstu (wskaźnik powinien zmienić kształt) i wcisnąć lewy przycisk myszki. Trzymając cały czas wciśnięty lewy przycisk, przeciągnij myszką do końca tekstu szablonu, po czym zwolnij przycisk - tekst zostanie zaznaczony. Teraz wciśnij na...