Jaki jest właściwy sposób użycia znacznika obrazu HTML?

Obrazy są często dodawane do stron internetowych, aby wyglądały bardziej zachęcająco i interesująco w porównaniu do strony zwykłego tekstu. Za pomocą znacznika HTML Image łatwo jest dodawać obrazy do dowolnych stron internetowych. Ten znacznik ma również szereg atrybutów lub właściwości, które można określić.

Podczas dodawania obrazów do strony internetowej należy pamiętać, że obraz nie jest tak naprawdę częścią pliku tworzącego samą stronę internetową. Pliki używane na stronie internetowej są oddzielnymi plikami od wszystkich plików obrazów. Tag HTML Image odwołuje przeglądarkę internetową do określonego pliku obrazu dla obrazu, który chcesz wyświetlić. Gdy strona internetowa jest wyświetlana w przeglądarce, plik obrazu jest wyświetlany wraz z innymi plikami tworzącymi tę stronę.

Kod znacznika HTML Image to: <IMG SRC = „lokalizacja obrazu” />. Lokalizacja obrazu to nazwa pliku obrazu, który chcesz wyświetlić, i miejsca przechowywania obrazu. Ważne jest, aby te informacje były poprawne, aby zapewnić prawidłowe wyświetlanie obrazu. Ważna jest organizacja i przechowywanie obrazów, które chcesz wykorzystać na swojej stronie internetowej.

Niektóre osoby przechowują swoje zdjęcia w tym samym katalogu, co wszystkie inne części swoich stron internetowych. W takim przypadku, gdy odwołujesz się do obrazu, umieścisz tylko nazwę pliku w znaczniku HTML Image. Gdy strona internetowa zawiera wiele obrazów, często tworzy się podkatalog, często nazywany obrazami . W takim przypadku nazwa podkatalogu również byłaby zawarta w znaczniku.

Jako przykład, oto co zrobilibyśmy, aby wstawić obraz drzewa o nazwie tree.jpg na stronę internetową. Gdybyśmy przechowywali obraz drzewa w tym samym miejscu, co nasze inne pliki stron internetowych, tag obrazu HTML miałby postać <IMG SRC = "tree.jpg">. Jeśli plik obrazu byłby przechowywany w podkatalogu w naszym katalogu strony internetowej, tag zostałby zmieniony na <IMG SRC = "images / tree.jpg">. Należy pamiętać, że znacznik HTML Image zapewnia odniesienie lub ścieżkę do pliku obrazu. Zasadniczo informuje przeglądarkę, gdzie szukać pliku.

Tag HTML Image ma wiele atrybutów, które można określić dla obrazu, który chcesz dołączyć. Atrybuty są cechami samego znacznika, dlatego są używane w obrębie znacznika lub między <i>. Atrybuty używane z tagiem HTML Image to:

• ALIGN - określa sposób wyrównywania obrazu w stosunku do tekstu na stronie (LEWY, PRAWY, GÓRY, ŚRODKOWY, DOLNY)
• ALT - odnosi się do tekstu alternatywnego. Jest to bardzo ważny atrybut i powinien zostać uwzględniony w przypadku wszystkich zdjęć. Określa tekst wyświetlany zamiast obrazu
• GRANICA - dodaje obramowanie do obrazu o grubości określonej w pikselach
• WYSOKOŚĆ i SZEROKOŚĆ - można użyć do określenia szerokości i wysokości obrazu, który ma być wyświetlany, co pozwala zmienić jego rozmiar. Ostrożnie korzystaj z tych atrybutów, ponieważ możesz zmienić jakość obrazu i proporcje, co spowoduje, że obrazy będą niskiej jakości
• VSPACE i HSPACE - służą do dodawania białych znaków wokół obrazu.