W HTML, czym jest znacznik obrazu?

Podczas tworzenia strony internetowej za pomocą HTML znacznik obrazu służy do wstawienia zdjęcia lub grafiki w określonym miejscu na stronie. Istnieje wiele sposobów używanych obrazów na stronach internetowych, od zwiększenia zainteresowania do używania jako narzędzia nawigacyjnego lub dostarczania informacji. Istnieje również kilka różnych formatów obrazów, które można użyć. Bez względu na to, jak i jaki obraz jest dodawany do strony internetowej, znacznik obrazu jest zawsze wymagany.

Aby dodać obraz, znacznik obrazu znajduje się w miejscu, w którym chcesz, aby obraz pojawił się na Twojej stronie. Na przykład, gdyby po tym akapicie miał zostać wstawiony obraz, znacznik obrazu lub zostanie dodany do dokumentu HTML po tym akapicie. Tag definiuje wszystkie obrazy w HTML. Jest nazywany pustym znacznikiem, ponieważ zawiera atrybuty i nie ma znacznika zamykania. Atrybuty to opcje, które są dostępne dla określonego znacznika HTML.

jeśli tylko zostały dodane do dokumentu HTML, nic nie wyświetlałoby się, ponieważ atrybuty znacznika nie zostały uwzględnione. Najważniejszym atrybutem dla jest „SRC”, który oznacza źródło. Atrybut SRC stwierdza, gdzie faktycznie znajduje się plik obrazu, lub jest to adres pliku obrazu. Ponieważ obraz jest używany na stronie internetowej, lokalizacja obrazu zostanie podana jako adres URL. W dokumencie HTML obraz wyglądałby: .

W szczególności adres URL wskazuje, gdzie obraz jest przechowywany. Na przykład, jeśli obraz komputera z plikiem komputer.jpg został zapisany w folderze obrazów na www.wiseeek.com, adres URL zostałby zastąpiony: . Gdy przeglądarka otwiera stronę internetową, wyświetla obraz, w którym dołączony jest znacznik obrazu.

Tag obrazu ma wiele innych różnych atrybutów. Pozwalają użytkownikowi dostosować sposób wyglądu obrazu na stronie. Poniższe atrybuty są comMonly używany do tego znacznika: alt, granica, rozmiar i wyrównanie.

atrybut alt oznacza alternatywny tekst i jest pokazywany, jeśli przeglądarka nie jest w stanie wyświetlić obrazu. Ponadto alternatywny tekst jest czytany dla użytkowników, którzy są wizualnie zakwestionowani i wybierają wyświetlanie tekstu na obrazach. W powyższym przykładzie alternatywny tekst może być określony jako alt = „obraz komputera”.

Atrybut border dodaje granicę obrazowi o grubości w zależności od liczby podanych pikseli. Może to być szczególnie przydatne, gdy tło obrazu i tło strony internetowej są podobne i pożądane jest wyraźne rozróżnienie. Na przykład, border = "10" umieści obramowanie o grubości 10 pikseli wokół obrazu.

Atrybuty

rozmiar są również ważne, ponieważ do określenia dokładnego rozmiaru obrazu można użyć szerokości i wysokości. Te atrybuty muszą być używane bardzo ostrożnie, ponieważ ich zmiana może wpływać na proporcje lub jakość wyświetlanego obrazu. Rozmiar attriButes nie zmienia faktycznego pliku, jak wyświetla go przeglądarka.

atrybut wyrównany Określa, w jaki sposób obraz jest wyrównany w porównaniu do tekstu na stronie. Istnieje kilka różnych opcji dla tego atrybutu, w tym górna, dolna, środkowa, lewa, prawowa, Absmiddle, Absbottom, Bazowa i Tekst. Te tagi pomagają również określić, w jaki sposób tekst na stronie jest zgodny z obrazem.