Dzień dobry :-)
Zadanie 10
Wstawienie grafiki na stronę.
Wstawienie zdjęcia umożliwi znacznik <img>. Najistotniejszy atrybut tego znacznika to
- src - umożliwia określenie lokalizacji obrazu i zdefiniowanie jego nazwy. Najlepiej, jeśli wszystkie obrazy wstawiane na stronę znajdują się w tym samym katalogu, co plik źródłowy strony - unikamy wtedy pisania ścieżek dostępu do pliku zdjęcia.
Do naszej strony wstawimy obraz przedstawiający postać Vasco da Gama.
- Odszukaj stronę ze zdjęciem przedstawiającym Vasco da Gama w sieci i przekopiuj go do katalogu Strony pod nazwą vasco.jpg. Wyświetl kod źródłowy ostatnio zapisanego pliku ( podany w poprzednim ćwiczeniu ).
- Umieść znacznik <img src="vasco.jpg"> w znaczniku nagłówka <h2>
- Zapisz plik jako odkrywcy5.html i zobacz jak wygląda Twoja strona.
- Otwórz źródło i wyrównaj obraz względem prawego marginesu dodając do znacznika <img> atrybut align i przypisz mu wartość right. <img src="vasco.jpg" align=right>
- Zdjęcie powinno być małych rozmiarów. Do ustawiania rozmiarów służą atrybuty width i height. W naszym przypadku może być tak: <h2>Wybierz interesujący Cię temat:<img src="vasco.jpg" align=right width=110 height=150></h2>
- Do znacznika <img> można jeszcze dodać atrybut alt, który będzie miał przypisaną informację kogo przedstawia obraz. <h2>Wybierz interesujący Cię temat:<img src="vasco.jpg" align=right width=110 height=150 alt="[Vasco da Gama]"></h2>
Wyświetl efekt swojej pracy. Zapisz plik pod nazwą odkrywcy5.html. Wyślij go na mój adres w terminie do 15.05.2020 r.
Pozdrawiam, Krzysztof Duda.
Powiązana sekcja
