opis strony - Kurs HTML i CSS
Galeria zdjęć HTML / Skrypt galerii zdjęć...galerii. Ponadto aktualizacja zdjęć w takiej galerii nie będzie w tym przypadku utrudniona - dodanie nowego zdjęcia będzie się wiązało tylko z dopisaniem jednej dodatkowej linijki bez potrzebny tworzenia całej galerii od nowa. Aby wstawić na stronę skrypt galerii zdjęć, należy zapisać przedstawiony poniżej kod w dowolnym pliku z rozszerzeniem *.js - np. gallery.js: /** * @author Sławomir Kokłowski {@link https://www.kurshtml.edu.pl} * @copyright NIE usuwaj tego komentarza! (Do NOT...
Kontakt...odpowiedzi na listy, które były do mnie adresowane, sprowadzała się jedynie do wskazania rozdziału w kursie, gdzie została już wcześniej szczegółowo opisana odpowiedź na poruszony problem. Uwierz, naprawdę jest niewiele zagadnień dotyczących tworzenia stron WWW, które w ogóle nie zostałyby opisane w tym kursie. Doskonale rozumiem, że pozornie łatwiej jest przeczytać jeden rozdział i od razu pisać z pytaniami, ale w rzeczywistości ma to przynajmniej jedną bardzo poważną wadę: samodzielne...
Rozmiary CSS / Szerokość i marginesy automatyczne...margin-right) pozwala dopasować wybrany tą metodą wymiar w taki sposób, aby element poprawnie wyświetlił się w każdych warunkach. Poniżej znajdziesz opis wyznaczania szerokości i marginesów automatycznych dla różnych typów elementów w różnych przypadkach. Nie musisz od razu nauczyć się wszystkich zasad na pamięć, jednak wskazane jest przynajmniej przejrzenie poniższych opisów tak, aby w razie wątpliwości w przyszłości wiedzieć gdzie szukać wyjaśnienia. Zdaję sobie sprawę, że przedstawione...
- CSS dla zielonych / Wstawienie arkusza stylów CSS <link "stylesheet">
...<head> oraz </head> - jedną dodatkową linijkę: <!doctype html> <html> <head> <meta charset="utf-8"> <meta name="description" content="Tu wpisz opis zawartości strony"> <title>Tu wpisz tytuł strony</title> <link rel="stylesheet" href="style.css"> </head> <body> Tu wpisuje się treść strony </body> </html> Dzięki znacznikowi <link> do dokumentu zostanie automatycznie dołączony arkusz stylów. W nim właśnie wpisuje się wszystkie polecenia zmieniające wygląd strony. Ważne jest tylko, aby...
HTML5 / Nowe atrybuty HTML5...(dla wspieranych metod wprowadzania) autofocus Wszystkie elementy Automatycznie ustawia zogniskowanie (fokus) na elemencie po załadowaniu strony blocking LINK (rel="stylesheet" lub rel="expect"), SCRIPT, STYLE Czy element może potencjalnie blokować wyświetlanie charset META Deklaracja strony kodowej contenteditable Wszystkie elementy Czy element jest edytowalny crossorigin AUDIO, IMG, LINK, SCRIPT, VIDEO Sposób, w jaki element obsługuje żądania z mechanizmem CORS...
- Nowe okno / Jedno okno
...</script> </head> Po kliknięciu odsyłacza: <a target="nazwa" href="adres" onclick="window.open('adres', 'nazwa').focus(); return false">opis</a> adres Lokalizacja dowolnej podstrony serwisu lub adres internetowy. Jeśli nie chcemy wczytywać do nowego okna żadnego dokumentu, można tutaj wpisać: 'about:blank'. nazwa Nazwa nowego okna, która może być później wykorzystywana do wczytywania nowych stron do tego okna, bez konieczności otwierania następnych. Można otworzyć nowe okno...
- Odsyłacze HTML / Odsyłacz obrazkowy <a href, img, map, area>
...<a href, img ismap> Wstęp Do tej pory przedstawione zostały jedynie odsyłacze tekstowe, tzn. na ekranie był wyświetlany pewien krótki tekst (opis odsyłacza), po kliknięciu którego, następowało przeniesienie do wskazanego adresu. Łatwo zauważyć, że to nie wszystkie możliwości, jakie dają odsyłacze. Na większości stron internetowych można spotkać "aktywne" obrazki, symulujące przyciski. Po kliknięciu, zachowują się one jak zwykły odsyłacz (w istocie są one odsyłaczami). Wprowadzenie...
- Znaki specjalne HTML / Symbole
...kropka (w IE6 tylko czcionka Unicode) ⋅ ⌈ ⌈ Left ceiling (apl upstile) Liczba całkowita, która jest większa lub równa z lewej strony (w IE6 i Operze 7.5 tylko czcionka Unicode) ⌈ ⌉ ⌉ Right ceiling Liczba całkowita, która jest większa lub równa z prawej strony (w IE6 i Operze 7.5 tylko czcionka Unicode) ⌉ ⌊ ⌊ Left floor (apl downstile) Liczba całkowita, która jest mniejsza lub równa z lewej strony (w IE6 i Operze 7.5 tylko czcionka...
- HTML5 / Napisy do filmów <track>
...descriptions Tego typu napisy zwykle są odczytywane na głos przez syntezator mowy, a nie wyświetlane bezpośrednio na filmie. Zawierają tekstowy opis całego filmu, z którego często korzystają osoby niewidome. Może on być jednak przydatny również w sytuacji, kiedy z jakiegoś powodu wideo nie może być odtworzone - np. kiedy kierujemy samochodem. Przykład <video, track kind srclang label> <video src="file.mp4"> <track kind="subtitles" src="subtitles.vtt" srclang="pl" label="Polski">...
- Multimedia HTML / Uniwersalny sposób odtwarzania plików <a "jpg, avi, wav, txt, doc, rtf, xls, pdf", object>
...która działa w każdej przeglądarce internetowej i z każdym formatem plików, jest odsyłacz do pliku: <a href="ścieżka dostępu do pliku">opis</a> Jeżeli rozdział o odsyłaczach masz już za sobą, to zapewne wiesz, że powyższe polecenie jest właśnie odsyłaczem - odsyłaczem do pliku. Po uruchomieniu takiego odnośnika, na ekranie może się pojawić okno z zapytaniem: Czy chcesz otworzyć ten plik, czy zapisać go na komputerze? Jeśli wybierzesz opcję Zapisz, będziesz mógł skopiować...