Przejdź do treści

Dlaczego nie wyświetla mi się obrazek w HTML? - Kurs HTML i CSS

Dlaczego nie wyświetla mi się obrazek w HTML?

Najczęstszym powodem niewyświetlania się zdjęć wstawionych na stronie internetowej są błędy literowe w nazwach plików obrazków albo niepoprawnie skonstruowana ścieżka dostępu. Innym powodem może być pominięcie rozszerzenia nazwy pliku. Mimo iż w niektórych systemach operacyjnych (np. Windows) rozszerzenia nazw plików mogą być ukrywane, podczas wstawiania obrazka na stronie internetowej zawsze trzeba go podać. Przyczyną niewyświetlania się zdjęć może być również użycie niedozwolonych znaków w nazwie pliku - np. polskich znaków diakrytycznych albo znaku spacji. Zaleca się także nie używać wielkich liter.

Zobacz więcej...

  • HTML
    HTML dla zielonych / Wstawienie obrazka HTML <img src alt>

    ...alternatywny" wpisuje się krótką informację, która pojawi się w przypadku, kiedy obrazek nie zostanie wyświetlony (np. jeśli użytkownik wyłączy wyświetlanie grafiki w swojej przeglądarce internetowej). UWAGA! Znacznik <img> nie posiada w języku HTML znacznika zamykającego! Dla zainteresowanych Jeśli chcesz dowiedzieć się więcej na temat dodatkowych możliwości przy wstawianiu obrazków na stronach internetowych, zobacz rozdział: Multimedia / Obrazek. Przykład <img> Ścieżka dostępu <img>...

  • Ćwiczenia
    Nagłówek i treść / Ćwiczenia

    ...też być zabronione użycie grafiki do celów komercyjnych. Otwórz Twoją stronę w przeglądarce internetowej i sprawdź, czy na karcie, w której się ona wyświetla, widoczna jest zdefiniowana przez Ciebie ikona.

  • CSS
    Oprawa graficzna / Zamiennik obrazkowy

    ...w rzeczywistym zastosowaniu zewnętrzny element blokowy można, a nawet należy, opatrzyć klasą lub identyfikatorem, aby nie naruszyć sposobu wyświetlania innych bloków na tej samej stronie. Wady: Konieczny dodatkowy element (SPAN) Syntezatory mowy nie odczytują zastąpionego tekstu Po wyłączeniu wyświetlania grafiki, w przeglądarce nie widać tekstu ani obrazka Przykład Tak wygląda czysty kod HTML bez zamiennika obrazkowego: Zamiennik obrazkowy a w ten sposób już z podstawioną...

  • CSS
    CSS dla zielonych / Tapeta CSS {background-color, background-image, color}

    ...nie obsługuje takiego formatu graficznego albo kiedy obrazek byłby uszkodzony bądź został wcześniej usunięty kiedy użytkownik zupełnie wyłączy wyświetlanie grafiki w swojej przeglądarce - ponieważ np. ma bardzo powolne lub drogie połączenie internetowe ścieżka dostępu do obrazka Lokalizacja gdzie znajduje się plik graficzny tapety Inaczej niż w przypadku znacznika <img src="..."> w języku HTML, tutaj ścieżkę dostępu należy konstruować względem lokalizacji pliku z arkuszem stylów, a nie...

★★★★★ 5/5 (209)

Facebook