Nazwy te są zależne od wielkości liter, tak więc wszystkie małe i wielkie litery powinny znajdować się na właściwych miejscach.
Jeżeli nazwa okaże się prawidłowa, sprawdź, czy plik na pewno zapisany jest w formacie GIF lub JPEG i czy ma on odpowiednie rozszerzenie.
Na koniec upewnij się, czy w przeglądarce włączona jest opcja wyświetlania obrazów (w przeglądarce Netscape opcja ta nosi nazwę Auto Load Images, a w przeglądarce
162 Część 3. Grafika na WWW
Internet Explorer — Pokaż obrazy).
Rysunek 7.2.
Strona Pałacu Strachu
Halloween
z nawiedzonym domem
Jeden pajączek wygląda całkiem nieźle, prawda? Spróbujmy wobec tego dodać drugiego. Wpisz kolejny znacznik <IMG>, tuż obok pierwszego i zobacz, co się stanie.
<p><img src="house.jpg" alt="Pałac Strachu Halloween" />
<img src="house.jpg" alt="Pałac Strachu Halloween" /></p>
<h1>Witajcie w Pałacu Strachu Halloween!!</h1>
Rysunek 7.3 przedstawia efekt tego manewru w przeglądarc
e Internet Explorer. Jak moż-
na się było domyślić, obydwa obrazki są ze sobą złączone.
I to w zasadzie wszystko, jeżeli chodzi o wstawianie obrazów. Bez względu na to, jak duży (a może mały) będzie plik graficzny, w taki sposób zawsze będziesz mógł wstawić go do swojej strony.
Rozdział 7. Wykorzystywanie obrazów, koloru i tła 163
Rysunek 7.3.
Dwa obrazy
na stronie WWW
Obrazy i tekst
W poprzednim ćwiczeniu wstawiliśmy wewnę
akapicie, podczas
trzny obraz w osobnym
gdy tekst znalazł się poniżej. Ale obrazy można wstawiać również obok tekstu, niejako w tej samej linii.
Aby wstawić obraz obok tekstu, należy użyć znacznika <IMG> we właściw m mi y
ejscu,
czyli wewnątrz odpowiedniego znacznika (<H1>, <P>, <ADDRESS> it .), jak pokazano p
w po-niższej linii kodu. Na rysunku 7.4 widać, jakie róż
ieszczenie tek-
nice spowoduje um
stu w tym samym wierszu, w którym znajduje się nagłówek. (Skróciłam tak e nag ż
łówek
oraz zamieniłam go na nagłówek <H2>, tak aby wszystko zmieściło się w jednej l n i ii.)
<h2><img src="house.jpg" alt="Pałac Strachu Halloween" /> Witajcie w Pałacu Strachu Halloween!!</h2>
164 Część 3. Grafika na WWW
Rysunek 7.4.
Strona Pałacu Strachu
Halloween —
obraz umieszczony
w nagłówku
Obrazy umieszczane w ten sposób nie muszą być wcale duże, nie muszą również znajdować się na początku tekstu. W zasadzie, można je wstawiać wszędzie, jak w tym przykładzie:
<blockquote>
Nie ma Świat <img src="world.gif" alt="Świat" /> takiego początku ani końca,<br />
Niezbadany kosmos tak jasnego Słońca
<img src="sun.gif" alt="Słońce" />,<br /> Nie ma tylu atomów <img src="atom.gif" alt="Atom" /> w elektrowni atomowej,<br />
Ani głębi w morskiej bombie głębinowej,<br />
Tylu pięknych gwiazd <img src="star.gif" alt="Gwiazda" /> na wieczornym niebie,<br />
Jak piękne jest żyć od czasu, gdy poznałem Ciebie.<br />
</blockquote>
A oto efekt:
Rozdział 7. Wykorzystywanie obrazów, koloru i tła 165
Rysunek 7.5.
Obrazy można wstawiać
wszędzie...
Wzajemne położenie tekstu i obrazu
Zauważ, że w pokazanych przykładach dolne krawędzie tekstu i obrazów znajdujących się w jednej linii pokry
wają się. Znacznik <IMG> zawiera jednakże atrybut ALIGN, któ-
ry umożliwia ułożenie obrazu powyżej lub poniżej otaczającego go tekstu, lub innych obrazów w tej samej linii.
Korzystanie z atrybutu ALIGN w powiązaniu ze znacznikiem <IMG> nie jest zalecane prze twórców standardu HTML 4.0, zamiast niego należy stosować arkusze stylów. Więcej o arkuszach stylów dowiesz się w rozdziale 10. — „XHTML i arkusze stylów”.
W HTML-u 2.0 zdefiniowane zostały trzy wartości atrybutu ALIGN.
ALIGN="TOP"