Kwalifikacja: AUD.05 - Realizacja projektów graficznych i multimedialnych
Jaki znacznik jest używany do dodawania obrazka na stronę internetową?
Odpowiedzi
Informacja zwrotna
Znacznik <img> to taki standardowy element w HTML, którego używamy do wstawiania obrazków na stronie. Najważniejszy jest atrybut 'src', bo to właśnie on mówi, skąd przeglądarka ma pobrać obrazek. Drugi istotny atrybut to 'alt', który daje alternatywny tekst, gdyby obrazek się nie załadował. To jest bardzo ważne, nie tylko dla osób z niepełnosprawnościami, ale też dla SEO. Przykładowe użycie mogłoby wyglądać tak: <img src='url_do_obrazka.jpg' alt='Opis obrazka'>. Pamiętaj też o dobraniu odpowiednich formatów obrazków, takich jak JPEG, PNG czy GIF, w zależności od tego, co chcesz osiągnąć. Odpowiednie rozmiary i kompresja obrazków są kluczowe, żeby strona ładowała się szybko i dobrze działała dla użytkowników. Dobrym pomysłem jest także korzystanie z atrybutów 'width' i 'height', bo to pomaga przeglądarkom ogarnąć miejsce dla obrazków jeszcze przed ich załadowaniem. Obrazki na stronach nie tylko ładnie wyglądają, ale też pomagają w lepszym zrozumieniu treści przez ludzi.
Znaczniki <map>, <input> oraz <select> mają zupełnie różne zastosowania w HTML, co czasem wprowadza zamieszanie. Na przykład, znacznik <map> służy do tworzenia interaktywnych map obrazkowych, gdzie różne części obrazka można klikać, a to już nie ma nic wspólnego z wstawianiem obrazków. Często przez to myli się mapowanie z bezpośrednim wstawianiem. <input> to z kolei znacznik dla różnych typów pól formularzy, takich jak tekstowe, radiowe czy checkboxy. Używanie <input> w kontekście wstawiania obrazków to pomyłka, bo on do tego nie służy. A <select> tworzy rozwijane listy, które pozwalają wybierać jedną z opcji, co też nie ma związku z osadzaniem grafik na stronie. Sporo błędów myślowych tu wynika z tego, że nie rozróżniamy, które elementy formatują treść, a które są interaktywne. Każdy z tych znaczników ma swoją konkretną funkcję w HTML i ich złe wykorzystanie może prowadzić do problemów z tworzeniem stron. Znajomość odpowiednich znaczków i ich zastosowania jest bardzo ważna, bo źle użyte elementy mogą zaszkodzić funkcjonalności i dostępności strony.