strony - Kurs HTML i CSS
HTML5 / Atrybuty danych <... data-...>...własne atrybuty, pod warunkiem że ich nazwa rozpoczyna się od: data- (np. data-mojatrybut="..."). Nie mają one żadnego wpływu na sposób wyświetlania strony ani na semantykę tekstu. Ich wartości wykorzystuje się w dynamicznych skryptach JavaScript - wstawianych do dokumentu za pomocą znaczników SCRIPT. Jeżeli nie korzystasz z takich skryptów, nie używaj tych atrybutów.
- HTML5 / Pobieranie <a download, area download>
...serwisie) nazwa Nazwa pliku pod jaką powinien zostać zapisany plik na dysku użytkownika Wskazuje, że hiperłącze służy do pobierania pliku ze strony. Dzięki temu można np. wymusić pobranie wskazanego dokumentu *.html na dysk lokalny użytkownika - w przeciwnym razie po kliknięciu odnośnika nastąpiłoby wyświetlenie wskazywanego dokumentu bezpośrednio w przeglądarce, a nie rozpoczęcie jego pobierania. Jeżeli podano wartość tego atrybutu, określa ona domyślną nazwę, jaką powinien przyjąć...
- HTML5 / Przeciągnij i upuść <... draggable>
...na stronach WWW zwykle konieczna jest znajomość języka JavaScript, to atrybut ten może być przydatny nawet w czystym HTML. Niektóre elementy każdej strony - jak np. odnośniki hipertekstowe - domyślnie mogą być przeciągane przez użytkowników. Jeśli taki link zostanie upuszczony na pasku adresu przeglądarki, nastąpi jego wczytanie. Można je również upuszczać na pola tekstowe formularzy. W niektórych przypadkach możemy jednak nie chcieć takiego zachowania. Aby zablokować przypadkowe...
- HTML5 / Rozmiary przycisku obrazkowego <input "image" width height>
...domyślną wolną przestrzeń. Zwykle nie będzie ona dokładnie odpowiadać rzeczywistym rozmiarom grafiki. Dlatego po załadowaniu obrazka, elementy strony w pobliżu i poniżej niego mogą przeskoczyć w dół lub na bok. Jeśli użytkownik dokładnie w tym czasie próbował kliknąć w coś na stronie, może trafić w inny element niż zamierzał.
- Typy MIME / Multipurpose Internet Mail Extensions
...musi pobierać dużych multimediów tylko po to, żeby po wszystkim przekonać się, że i tak nie potrafi ich obsłużyć. To nie tylko przyspiesza działanie strony oszczędzając użytkownikowi transfer, ale często pozwala również wskazać kilka alternatywnych formatów plików, aby przeglądarka mogła zdecydować, który z nich byłby dla niej najbardziej optymalny. Oznaczenie MIME składa się zawsze z dwóch części rozdzielonych znakiem ukośnika: typu i podtypu mediów. Typy mediów application Dane binarne...
- Ikony (symbole) / Ikony do pobrania
...Nadają projektom przejrzystość, ułatwiają nawigację oraz poprawiają estetykę wizualną. Wybór odpowiednich ikon może znacząco wpłynąć na odbiór strony przez użytkowników. Dlatego warto mieć pod ręką zestaw wysokiej jakości grafik. W dalszej części tego rozdziału znajdziesz listę darmowych ikon, które możesz pobrać i wykorzystać w swoich projektach: Akcje interfejsu użytkownika Społecznościowe Typowe akcje Komunikacja Zdjęcie i obraz Biznes i płatności Mapy Formatowanie tekstu...
Wstawianie stylów CSS / Sposoby osadzania stylów CSS...jest wcześniejsza znajomość zasad języka HTML. Zapamiętaj zatem prostą zasadę: za pomocą języka HTML wstawia się znaczniki do kodu źródłowego strony, a następnie dzięki CSS można nadać im potem określony sposób wyświetlania. Sposoby wstawiania stylów do gotowych dokumentów są różne. Nie znaczy to, że jedne są lepsze od drugich. Każdy sposób jest przydatny w innych sytuacjach. Większość witryn stosuje jednocześnie wszystkie z przedstawionych metod osadzania CSS - w zależności od...
- Podcast HTML / #4 Odsyłacze HTML
...oraz standardowe odsyłacze do innych stron w Internecie. Odsyłacze do podstron są pomocne przy tworzeniu spisu treści serwisu. Odsyłacz do podstrony: przenosi użytkownika do innej podstrony w ramach tego samego serwisu, gdzie każda podstrona jest osobnym plikiem HTML: <a href="...">. Odsyłacz do adresu internetowego (WWW): wstawia linki do dowolnych stron w obrębie całego Internetu: <a href="https://...">. Odsyłacz do etykiety (kotwice/zakładki): służy do tworzenia elektronicznej...
- Wstawianie stylów CSS / Rozciąganie stylu <span style>
...gdy <div> jest używany do tworzenia bloków kontenerowych, które mogą zawierać inne elementy HTML i służą do grupowania i układania zawartości strony.
- Wstawianie stylów CSS / Styl lokalny <... style>
...przy konkretnych cechach, znajdziesz w dalszych rozdziałach kursu. Styl lokalny pozwala na nadanie formatowania konkretnemu pojedynczemu elementowi strony. Dlatego właśnie styl tego rodzaju nazywa się także styl inline (ang. "w linii"), ponieważ jest wstawiany w tej samej linii, w której znajduje się element formatowany. O tym który to będzie element, decyduje słowo kluczowe "element" (widoczny powyżej, w deklaracji stylu). Zwróć uwagę, że jednemu elementowi możemy nadać kilka atrybutów...