strony - Kurs HTML i CSS
Widżety HTML / Ramki lokalne <iframe>...lokalne <iframe> <iframe src="lokalizacja"> <a href="lokalizacja">Tekst alternatywny</a> </iframe> gdzie jako "lokalizacja" należy podać adres strony albo lokalizację na dysku, gdzie znajduje się strona, która na ma zostać wczytana do ramki. Natomiast "Tekst alternatywny" wyświetli się tylko w przeglądarkach, które nie obsługują ramek lokalnych. Ramki lokalne są umieszczane bezpośrednio na stronie w postaci pojedynczych okienek o różnych rozmiarach. Dzięki temu możemy do takiej ramki...
- HTML5 / Wstępne ładowanie <link "preload" as>
...Domyślnie przeglądarki internetowe wczytują zasoby z zewnętrznych plików dopiero w momencie, kiedy ich znacznik pojawi się w kodzie źródłowym HTML strony. Oznacza to, że jeśli na samym dole strony znajduje się np. jakiś duży obrazek, może on nie zdążyć się załadować do momentu, kiedy użytkownik przewinie do niego okno przeglądarki. Język HTML5 wprowadził specjalny mechanizm, dzięki któremu można przyspieszyć wczytywanie zewnętrznych elementów potrzebnych do wyświetlenia strony poprzez...
- HTML5 / Dekodowanie obrazków <img decoding>
...lokalizacja Ścieżka dostępu dekodowanie Jedna z następujących wartości: sync - przeglądarka powinna wstrzymać przetwarzanie reszty strony, dopóki nie wyświetli obrazka. async - przeglądarka może wyświetlać pozostałe elementy strony w trakcie przetwarzania obrazka. auto - wartość domyślna (zależy od przeglądarki) Podpowiada przeglądarce, w jaki sposób najlepiej wyświetlić dany obrazek. Nadanie atrybutu decoding="sync" może spowolnić wyświetlanie całej strony...
- HTML5 / Okienko popover <... popover, button "button" popovertarget popovertargetaction, input "button" popovertarget popovertargetaction>
...tryb Należy podać jedną z poniższych wartości: auto - wartość domyślna manual - popover nie zostanie zamknięty poprzez kliknięcie w dowolny obszar strony poza jego obrębem ani po wciśnięciu klawisza Esc bądź przycisku "Wstecz" (na niektórych platformach mobilnych). akcja Może przyjąć postać: toggle - naprzemienne otwieranie i zamykanie popovera (domyślnie) show - otwieranie popovera hide - zamykanie popovera Popover to element w postaci domyślnie ukrytego okna dialogowego, które...
- Podcast HTML / #2 Nagłówek i treść HTML
...wiadomości dotyczące dokumentu, takie jak sposób kodowania znaków, opis zawartości czy język. Zastosowanie metainformacji może pomóc w odszukaniu strony przez wyszukiwarki sieciowe. Deklaracja strony kodowej: zawsze należy stosować <meta charset="utf-8">, zwłaszcza pisząc po polsku, aby uniknąć błędnego wyświetlania polskich liter. Opis zawartości: <meta name="description"> zachęca internautów do odwiedzenia strony, wyświetlając opis w wyszukiwarkach (np. Google). Język strony: atrybut...
Drukowanie CSS / Linijki na stronie {widows, orphans}(interpretuje: Internet Explorer 8.0, Opera, Chrome) Na górze strony: selektor { widows: liczba } Na dole strony: selektor { orphans: liczba } Selektorem może być znacznik wyświetlany w bloku [zobacz: Wstawianie stylów]. Natomiast jako "liczba" należy podać minimalną ilość linijek akapitu, które muszą znaleźć się odpowiednio: na górze lub na dole strony. Powyższe polecenia nie blokują przełamania strony ani go nie wywołują. Mogą być jednak przydatne ze względów estetycznych. Na przykład...
HTML dla zielonych / Ćwiczenia...zacznij systematycznie ćwiczyć. W ramach rozwoju umiejętności praktycznych zalecam wykonanie serii ćwiczeń. Będą one polegać na stworzeniu prostej strony internetowej bazującej na poznanych informacjach. W kolejnych rozdziałach będziemy ją stopniowo rozbudowywać, dlatego nie zapomnij zapisać jej sobie gdzieś na komputerze. Na tym etapie opublikowanie strony w internecie nie będzie jeszcze konieczne. Znajdź temat, który szczególnie Cię interesuje. Może to być np. Twoja ulubiona książka, gra...
- Rozmiary CSS / Szerokość i marginesy automatyczne
...tyle krótkie, że zmieszczą się w jednej linii bez potrzeby przełamywania wierszy. Właściwość ta jest często wykorzystywana przy tworzeniu struktury strony w oparciu o CSS, np. do ustawienia obok siebie linków zgromadzonych w wykazie, aby utworzyć efekt zakładek nawigacyjnych itp. Pamiętaj, że w przypadku ustawienia dwóch bloków obok siebie, nie zostanie dodana między nimi dodatkowa spacja w tekście. Aby oddalić od siebie takie bloki, można ustawić odpowiedni margines. Przykład: Poniższe...
- Odsyłacze HTML / Do adresu internetowego <a "http, https">
(w obrębie całego Internetu) Połączenie niezabezpieczone <a href="http://adres strony">opis</a> Bezpieczne połączenie SSL <a href="https://adres strony">opis</a> Protokół SSL (Secure Sockets Layer - Bezpieczna Warstwa Gniazdek) został opracowany przez firmę Netscape Communications Corporation. Jest używany do przesyłana poufnych danych. Teoretyczne za jego pomocą można nawiązać połączenie ze zwykłą stroną HTML - analogicznie jak w przypadku niezabezpieczonego odsyłacza do adresu...
- Multimedia HTML / Obrazek HTML <img>
...używaj podkreślnika "_") polskich liter (ą, ć, ę, ł, ń... itd.) Jeśli nie zastosujesz się do tych zaleceń, może się okazać, że po wprowadzeniu strony do Internetu, pliki takie nie wczytają się (nawet jeśli na Twoim komputerze wszystko jest w porządku)! Edytory HTML posiadają często specjalny generator, który wspomaga wstawianie multimediów na strony WWW (nie tylko obrazków). Należy jednak pamiętać, że multimedia bardzo wyraźnie zwiększają objętość strony, a co za tym idzie, wydłużają...