Przejdź do treści

bezpośrednio - Kurs HTML i CSS

  • JS
    Manipulacja instancją obiektu w JavaScript - Object.prototype / Sprawdzanie posiadania właściwości obiektu - hasOwnProperty

    ...posiada podaną właściwość Sprawdza, czy obiekt posiada właściwość o podanej nazwie. Nie uwzględnia właściwości przejętych z prototypu, a jedynie bezpośrednio przypisane do obiektu. Przykład Object.prototype.hasOwnProperty var obj = {test: 1, x: undefined}; obj.m = function () {}; obj.hasOwnProperty("test"); // true obj.hasOwnProperty("x"); // true obj.hasOwnProperty("m"); // true obj.hasOwnProperty("p"); // false delete obj.x; obj.hasOwnProperty("x"); // false var Cls...

  • Ćwiczenia
    Odsyłacze HTML / Ćwiczenia

    ...z listą odsyłaczy do tych etykiet. Przygotuj po dwie wersje ilustracji z Twojej strony. Pierwsza powinna mieć rozmiary dokładnie takie jak widoczne bezpośrednio na stronie. Natomiast druga wersja może być zdjęciem w wysokiej rozdzielczości. W tym celu otwórz duże zdjęcie w dowolnym programie graficznym - może to być nawet aplikacja Paint, która jest dostępna w systemie Windows - i pomniejsz go (w prorgamie Paint należy użyć opcji "Zmień rozmiar"). Następnie zapisz małe zdjęcie na dysku pod...

  • Ćwiczenia
    Tabele HTML / Ćwiczenia

    ...zawartości za pomocą znaczników THEAD i TBODY. Postaraj się, aby przynajmniej jeden gatunek zawierał kilka różnych filmów. Umieść je w wierszach bezpośrednio jeden pod drugim. Następnie połącz pionowo wszystkie komórki zawierające ten sam gatunek. Przykładowy efekt może wyglądać następująco: Gatunek Tytuł filmu Rok produkcji Ocena (w skali od 1 do 10) Dramat, Komedia Forrest Gump 1994 9 Akcja, Science-Fiction Matrix 1999 8 Matrix Reaktywacja 2003 7 Matrix...

  • HTML
    Znaki specjalne HTML / Emotikony (emoji)

    ...Możesz wskazać odszukaną ikonę myszką, aby zobaczyć jej opis. Pod ikonami znajdują się odpowiadające im kody numeryczne znaków, które możesz wkleić bezpośrednio w źródło dokumentu HTML. Możesz również zaznaczyć wybraną ikonę myszką, a następnie skopiować ją do schowka. Aby przekształcić dowolną emotikonę (emoji) na plik graficzny, możesz skorzystać ze specjalnego generatora zamieszczonego tutaj. ✅ Rozpocznij tworzenie ikony

  • CSS
    CSS dla zielonych / Arkusz stylów CSS

    ...reguł stylów, za pomocą których możliwe jest określanie wyglądu elementów na stronie. Każda reguła stylów składa się zawsze z dwóch następujących bezpośrednio po sobie części: Selektora - czyli elementu (znacznika) na stronie, któremu chcemy zmienić wygląd Deklaracji ujętej w nawiasy klamrowe, w której określa się, w jaki sposób chcemy zmienić wygląd selektor1 { Tu wpisuje się deklaracje stylów } selektor2 { Tu wpisuje się deklaracje stylów } selektor3 { Tu wpisuje się deklaracje...

  • HTML
    HTML5 / Wstępne ładowanie <link "preload" as>

    ...można użyć <link rel="preload" href="script.js" as="script">. Stosuje się je, gdy zasoby są kluczowe dla wydajności lub w czasie, gdy nie są jeszcze bezpośrednio używane, ale będą potrzebne wkrótce. Jak działa wstępne ładowanie? Wstępne ładowanie działa poprzez wczytywanie zasobów, takich jak pliki CSS, JavaScript lub obrazy, zanim zostaną one potrzebne przez stronę. Używa się do tego tagu <link rel="preload" href="resource.css" as="style"> lub innych mechanizmów, aby przeglądarka mogła...

  • HTML
    HTML5 / Pobieranie <a download, area download>

    ...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ąć plik, po zapisaniu go na dysku lokalnym użytkownika.

  • HTML
    HTML5 / Pominięcie walidacji formularza <form novalidate>

    ...formularza HTML jest użyteczne, ale często niewystarczające, zwłaszcza w bardziej zaawansowanych aplikacjach. Walidacja po stronie klienta (tzn. bezpośrednio w przeglądarce) może być łatwo omijana przez złośliwych użytkowników, dlatego powinna być uzupełniona walidacją po stronie serwera, aby zapewnić pełne bezpieczeństwo i poprawność danych. Czym jest brak sprawdzania poprawności w HTML? Brak sprawdzania poprawności w HTML oznacza celowe pominięcie procesu walidacji formularza przed...

  • HTML
    HTML5 / Osadzenie kodu HTML w ramce lokalnej <iframe srcdoc>

    ...jest bezpieczny? Użycie srcdoc="..." jest bezpieczne, pod warunkiem że kontrolujesz zawartość osadzaną wewnątrz ramki. Ponieważ kod HTML jest bezpośrednio osadzany w dokumencie, nie ma ryzyka wstrzyknięcia nieautoryzowanego zewnętrznego kodu. Jednak należy uważać na potencjalne zagrożenia związane z możliwością uruchamiania niebezpiecznych skryptów, dlatego warto rozważyć zastosowanie atrybutu sandbox w celu ograniczenia dostępu do potencjalnie niebezpiecznych funkcji.

  • HTML
    Podcast HTML / #2 Nagłówek i treść HTML

    ...struktury dokumentu HTML, w tym różnicy między nagłówkiem (<head>) a ciałem (<body>). Nagłówek zawiera metainformacje, które nie wpływają bezpośrednio na wygląd dokumentu, ale są równie ważne. Metainformacje i ich znaczenie Metainformacje, definiowane za pomocą znacznika <meta>, pozwalają określić ogólne 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...

« 1 ... 7 8 9 10 11 »

★★★★★ 5/5 (310)

Facebook