Tekst zastępujący grafikę

Istnieje wiele przeglądarek, które nie obsługują grafiki. Często jest też tak, że w związku z wolnym połączeniem, osoba przeglądająca sieć świadomie rezygnuje z wyświetlania grafiki, aby przyspieszyć ładowanie dokumentu. Pamiętając o takich przypadkach, autor dokumentu powinien w miejscach występowania grafiki zamieszczać tekst zastępczy, informujący przeglądającego o tym, co się znajduje w danym miejscu. W przeglądarce Internet Eksplorer 4.0 tekst ten będzie również wyświetlany w momencie wprowadzenia kursora myszy na obszar rysunku, w pojawiającym się "dymku".

Poniżej przedstawiony jest kod źródłowy przykładowego dokumentu - należy zwrócić uwagę na sposób umieszczania w dokumencie tekstu, który ma się pojawiać w miejscu przeznaczonym na grafikę.

<html>
<head>
<meta http-equiv="Content-Type" content=" text/html; charset=ISO-8859-2">
<title>Gimnazjum nr 3</title>
</head>
<body bgcolor="#00ffff" text="FFFFFF">

Poniższy fragment tekstu przedstawia przykład kodu źródłowego HTML wstawiającego za pomocą atrybutu ALT znacznika IMG tekst zastępczy "Piękne są nasze góry" w miejscu wstawienia rysunku (zdjęcia) o nazwie rogi.jpg. Tekst ten będzie się pojawiał, jeśli nie zostanie załadowana grafika (przeglądarka nie obsługuje grafiki, użytkownik nie chce ładować grafiki itp.), a w przypadku Internet Eksplorera 4.0 będzie się pojawiał również w "dymku" (po wprowadzeniu kursora myszy na obszar danej ilustracji).

Teraz zobaczysz góry.
<img src="rogi.jpg"alt="Piękne są nasze góry">
Właśnie widziałeś góry.
</body>
</html>

Tutaj można poćwiczyć

W oknie edytora możesz wprowadzić zmiany w tekście kodu HTML, a po naciśnięciu przycisku "pokaż widok strony" zobaczysz efekt działania edytowanego kodu.