177
Wielkość strony internetowej jest bezpośrednio związana z ilością wyświetlanych grafik, dlatego nie należy przesadzać z grafiką na stronach WWW, a pliki graficzne optymalizować pod kątem rozdzielczości i liczby kolorów.
Grafikę na stronie WWW umieszcza się za pomocą tagu <img>, podając ścieżkę do pliku na dysku, np.:
<img src="./pk.gif" alt="LOGO" />
<img src="c:/www/pk.gif" />.
Atrybut alt pozwala na dodanie komentarza tekstowego pojawiającego się w oknie przeglądarki internetowej po najechaniu kursorem myszy na obraz.
Najczęstszym błędem popełnianym przy umieszczaniu grafiki jest niepoprawna nazwa pliku lub niewłaściwa ścieżka do pliku graficznego. Należy starać się stosować ścieżki dostępu w formie uniwersalnej, tzn. zaczynające się od co oznacza katalog główny strony, w którym znajduje się plik index.
Kolejny błąd to zła nazwa atrybutu src (skrót od ang. source), który często wpisywany jest jako ser (używany jako skrót od ang. screen)\
W obrębie znacznika <img> można stosować atrybut align służący do pozycjonowania obrazu względem tekstu, zgodnie ze standardem HTML 2.0 (Przykład 7.10):
align="top" - wyrównuje górną krawędź obrazu względem górnej krawędzi linii (może to być górna krawędź tekstu lub innego obrazu).
aiign="middie" - wyrównuje obraz w taki sposób, że jego środek leży dokładnie pośrodku linii.
aiign="bottom" - wyrównuje dolną krawędź obrazu względem dolnej krawędzi linii.
Przykład 7.10. (Plik: 07.10_HTML8Jmg.htm)
<html>
<head><title>Moja pierwsza strona WWW</titlex/head>
<body>
<p>M-74
<img src="./07.10_HTML8_img.jpg" align="top" alt="top"/>
M-7 4</p>
<p>M-74
<img src="./07.10_HTML8_img.jpg" align="middle" alt="middle"/>
M-7 4</p>
<p>M-74
<img src="./07.10_HTML8_img.jpg" align="middle" alt="middle"/>