Kwalifikacja: AUD.05 - Realizacja projektów graficznych i multimedialnych
Kategorie: Strony internetowe
Który znacznik HTML pozwala na dodanie grafiki do strony internetowej?
Odpowiedzi
Informacja zwrotna
Znacznik <img> to coś, co jest naprawdę ważne w HTML, bo dzięki niemu możemy wstawiać różne grafiki do naszych stron. W praktyce działa to tak, że mamy składnię: <img src="ścieżka/do/obrazu" alt="opis obrazu">, gdzie 'src' to ścieżka, gdzie leży nasz obraz, a 'alt' to tekst, który pokazuje się, gdy obrazek się nie załadował. Używanie tego 'alt' to nie tylko dobra praktyka, ale też pomaga osobom, które korzystają z czytników ekranu. Aha, no i pamiętajmy, by nie przesadzać z wielkością obrazków - niewłaściwie zoptymalizowane zdjęcia mogą strasznie spowolnić ładowanie strony. Generalnie, <img> jest świetnym narzędziem, które dodaje fajne wizualne doznania i poprawia SEO, jeśli użyjemy obrazków rozmiarowo dostosowanych do różnych urządzeń - tu wkraczają media responsywne i techniki lazy loading. Po prostu, dobrze mieć to wszystko na uwadze, bo to naprawdę kluczowe w web designie.
Znaczniki <map>, <select> i <input> mają zupełnie inne funkcje i nie za bardzo nadają się do osadzania obrazów. Na przykład, <map> pozwala na definiowanie obszarów, które można klikać na obrazkach, ale sam w sobie nie wyświetla grafik. W związku z tym, może być mylone z <img> i przez to można dostać błędne wrażenie o jego roli. Potem mamy <select>, który jest do tworzenia rozwijanych list – tutaj z obrazami to już w ogóle nie ma nic wspólnego. Jak wprowadzimy go w kontekście grafik, to mogą się pojawić pomyłki na temat formularzy HTML, które bardziej służą do interakcji niż do prezentacji zdjęć. A <input> to znacznik do zbierania danych, a nie do pokazywania grafiki. Te wszystkie pomyłki pochodzą z mylenia zastosowania tych znaczników, więc lepiej je poznać, żeby dobrze tworzyć strony internetowe.