arkusze - Kurs HTML i CSS
Multimedia HTML / Uniwersalny sposób odtwarzania plików <a "jpg, avi, wav, txt, doc, rtf, xls, pdf", object>...założeniu jest bardziej uniwersalny. Za jego pomocą tak samo można osadzać bezpośrednio w stronie różnorodne pliki multimedialne: dokumenty MS Word, arkusze kalkulacyjne Excel czy prezentacje PowerPoint itp. Ale oprócz tego jest przeznaczony do wstawiania interaktywnych aplikacji działających bezpośrednio wewnątrz strony - jak np. gry wideo. Ponadto, w odróżnieniu od elementu EMBED, wewnątrz znacznika OBJECT można umieścić treść, która się wyświetli w jego miejsce w przeglądarce, jeśli podany...
Definicje / Arkusz stylów(style sheet) Zestawienie instrukcji, które precyzują wygląd dokumentu. Arkusze stylów mogą mieć trzy różne pochodzenia: autor, użytkownik i pośrednik użytkownika.
- CSS dla zielonych / Edytory CSS
...prostego edytora tekstu. Jednak dużo lepszym wyborem jest skorzystanie z pomocy specjalnie przygotowanego do tego edytora CSS. Dzięki temu praca nad arkuszem stylów będzie wygodniejsza i szybsza, a rezultaty powinny być pozbawione popularnych błędów - jak np. literówek w nazwach poleceń. Jaki edytor do CSS? Istnieją specjalne edytory przeznaczone tylko do języka CSS. Nie są one jednak zbyt popularne i przez to często dawno przestały być już rozwijane. Najlepszym rozwiązaniem jest użycie...
- Jednostki CSS / Czas
Wartości czasów są używane przez słuchowe arkusze stylów (aural). Format wartości czasowej składa się z liczby całkowitej lub rzeczywistej oraz jednostki czasu. Wartość ujemna jest niedozwolona! Jednostkami czasu są: ms - milisekundy (1ms = 0.001s) s - sekundy (1s = 1000ms) Jeśli chcesz szybko przeliczyć wartości pomiędzy różnymi jednostkami czasu, to tutaj możesz skorzystać ze specjalnego generatora. ✅ Rozpocznij przeliczanie jednostek
- Jednostki CSS / Częstotliwość
Wartości częstotliwości są używane przez słuchowe arkusze stylów (aural). Format wartości częstotliwości składa się z liczby całkowitej lub rzeczywistej oraz jednostki częstotliwości. Wartość ujemna jest niedozwolona! Jednostkami częstotliwości są: Hz - herce (1Hz = 0.001kHz) kHz - kiloherce (1kHz = 1000Hz) Na przykład: dźwięk o częstotliwości 200Hz (lub 200hz) jest basowy, a o częstotliwości 6kHz (lub 6khz) - sopranowy. Jeśli chcesz szybko przeliczyć wartości pomiędzy różnymi...
- Wstawianie stylów CSS / Sposoby osadzania stylów CSS
Kaskadowe Arkusze Stylów CSS nie mogą funkcjonować samodzielnie, ponieważ definiują jedynie sposób formatowania (wygląd) elementów dokumentu, ale same ich nie tworzą. Elementy muszą zostać wstawione do dokumentu w postaci struktury znaczników np. za pomocą języka XHTML lub HTML. Dlatego aby poznać ogrom dodatkowych możliwości, jakie dają style CSS, konieczna jest wcześniejsza znajomość zasad języka HTML. Zapamiętaj zatem prostą zasadę: za pomocą języka HTML wstawia się znaczniki do kodu...
Aktualizacja / System newsów...szybko przenieść się do nowych stron, klikając odpowiednie odsyłacze. Wymagana wiedza: Odsyłacze Wstawianie obrazków Podstawy stylów CSS (m.in. arkusze stylów) Aby wprowadzić system newsów, należy skopiować poniższy kod i zapisać go w pliku z rozszerzeniem *.css - np. news.css: /* Tytuł: */ .news dt { font-size: 14px; /* rozmiar czcionki */ text-align: left; /* wyrównanie tekstu: left, right, center, justify */ padding: 5px; /* margines wewnątrz */ border-width: 1px...
- Przeglądarka zdjęć
...zdjęć Skrypt przeglądarki zdjęć Inicjalizacja Wymagana wiedza Konstruowanie ścieżek dostępu do obrazków Podstawy stylów CSS (m.in. arkusze stylów) Odsyłacze do podstrony Przykład przeglądarki zdjęć Skrypt przeglądarki zdjęć Aby uzyskać powyższy efekt, należy zapisać przedstawiony poniżej kod w dowolnym pliku z rozszerzeniem *.js - np. przegladarka_zdjec.js: /** * @author Sławomir Kokłowski {@link https://www.kurshtml.edu.pl} * @copyright NIE usuwaj tego komentarza...
- Indeks, wyszukiwarka / Skrypt indeksu, wyszukiwarki
...wyszukiwarki Wieloznacznik (wildcard) Wymagana wiedza Odsyłacze do podstrony Wczytywanie stron do ramki lokalnej Podstawy stylów CSS (m.in. arkusze stylów) Skrypt indeksu, wyszukiwarki Aby wstawić na swoją stronę indeks z dodatkową funkcją wyszukiwarki, postępują według poniższych instrukcji: Utwórz w swoim edytorze HTML nowy dokument. Wklej do niego poniższy kod i zapisz w pliku indeks.js (koniecznie użyj kodowania utf-8): /** * @author Sławomir Kokłowski {@link...
- Menu rozwijane, otwierane, wysuwane / Przykład menu rozwijanego
Kliknij poniższe nagłówki menu myszką: HTML Dla zielonych BODY i META Tekst Odsyłacze Tabele Multimedia Ramki Formularze CSS Kaskadowe Arkusze Stylów Definicje Wstawianie stylów Skrypty Aktywne przyciski Aktualizacja Nowe okno