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 jest dołączony tam, gdzie chcesz, aby obraz pojawił się na Twojej stronie.Na przykład, gdyby po tym akapicie miał zostać wstawiony obraz, znacznik obrazu lub Img gt;, zostałby dodany do dokumentu HTML po tym akapicie.Tag lt; img gt;definiuje wszystkie obrazy w HTML.Jest nazywany pustym znacznikiem, ponieważ zawiera atrybuty i nie ma znacznika zamykania.Atrybuty są opcjami, które są dostępne dla określonego znacznika HTML.

Jeśli tylko lt; img gt;zostały dodane do dokumentu HTML, nic nie pokazuje, ponieważ atrybuty znacznika nie zostały uwzględnione.Najważniejszy atrybut dla lt; IMG gt;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 jak: lt; img src ' url /gt;

Specyficznie, 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: lt; IMG src ' www.wisegeek.com/Images/Computer.jpg / gt;.Gdy przeglądarka otwiera stronę internetową, wyświetla obraz, w którym dołączony jest znacznik obrazu.

Tag obrazu ma wiele innych atrybutów.Pozwalają użytkownikowi dostosować sposób wyglądu obrazu na stronie.Poniższe atrybuty są powszechnie używane dla tego znacznika: Alt, granica, rozmiar i wyrównanie.

Atrybut Alt oznacza alternatywny tekst i jest wyświetlany, 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żna podać jako alt ' obraz komputera.

Atrybut graniczny dodaje obramowanie obrazu 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 granica ' 10 umieści obramowanie o grubości 10 pikseli wokół obrazu.

Rozmiar Atrybuty są również ważne, ponieważ można zastosować szerokość i wysokość do określania dokładnego rozmiaru obrazu.Te atrybuty muszą być używane bardzo ostrożnie, ponieważ ich zmiana może wpływać na proporcje lub jakość wyświetlanego obrazu.Atrybuty rozmiaru nie zmieniają rzeczywistego pliku, w jaki sposób wyświetla go przeglądarka.

Atrybut

Wyrównaj Określa, w jaki sposób obraz jest wyrównany w porównaniu z tekstem 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.