Skip to main content

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 obrazu HTML łatwo jest dodawać obrazy do dowolnych stron internetowych.Ten tag ma również wiele atrybutów lub cech, które można określić.Pliki używane dla strony internetowej to oddzielne pliki od wszystkich plików obrazu.Tag obrazu HTML odnosi przeglądarkę internetową do określonego pliku obrazu dla pokazanego obrazu.Gdy strona internetowa jest wyświetlana w przeglądarce, plik obrazu jest wyświetlany wraz z dowolnymi innymi plikami, które składają się na tę stronę.

Kod dla znacznika obrazu HTML to: lt; IMG Src ' Lokalizacja obrazu / gt;.Lokalizacja obrazu to nazwa pliku dla obrazu, który chcesz pokazać i gdzie jest przechowywany obraz.Ważne jest, aby uzyskać prawidłowe informacje, aby zapewnić prawidłowe wyświetlanie obrazu.Ważne są organizacja i przechowywanie obrazów, których chcesz użyć na swojej stronie.

Niektórzy ludzie przechowują swoje obrazy w tym samym katalogu, co wszystkie inne części ich stron internetowych.W takim przypadku, gdy odwołujesz się do obrazu, umieszczasz nazwę pliku tylko w znaczniku obrazu HTML.Gdy strona internetowa ma wiele obrazów, powszechne jest tworzenie podkładu, często nazywane obrazami

.W takim przypadku nazwa podkładowca byłaby również zawarta w znaczniku. Jako przykład, oto, co zrobilibyśmy, aby wstawić obraz drzewa, nazwy pliku. Jpg, na stronie internetowej.Gdybyśmy przechowywali obraz drzewa w tym samym miejscu, co nasze inne pliki strony internetowej, znacznik obrazu HTML byłby lt; IMG src ' Tree.jpg gt;.Jeśli plik obrazu był przechowywany w podkładce w naszym katalogu strony internetowej, znacznik zostałby zmieniony na lt; img src ' images/Tree.jpg gt;.Należy pamiętać, że znacznik obrazu HTML zapewnia odniesienie lub ścieżkę do pliku obrazu.Zasadniczo informuje przeglądarkę, gdzie szukać pliku.

Tag obrazu HTML 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 znaczniku lub między lt;i gt;.Atrybuty używane z znacznikiem obrazu HTML to:

ALIGN MDASH;Określa, w jaki sposób twój obraz jest wyrównany w stosunku do tekstu na twojej stronie (po lewej, prawej, górnej, środkowej, dolnej)

  • alt mdash;odnosi się do alternatywnego tekstu.Jest to bardzo ważny atrybut i powinien być uwzględniony dla wszystkich twoich zdjęć.Określa wyświetlany tekst zamiast obrazu

  • Border mdash;Dodaje granicę do twojego obrazu, z grubością określoną w pikselach

  • Wysokość i szerokość i mdash;Można użyć do zdefiniowania szerokości i wysokości wyświetlanego obrazu, co pozwala zmienić rozmiar obrazu.Uważaj, używając tych atrybutów, ponieważ możesz zmienić jakość obrazu i proporcje, co skutkuje obrazami niskiej jakości

  • VSPACE i HSPACE mdash;są używane do dodawania białej przestrzeni wokół obrazu.