W HTML obrazy odgrywają istotną rolę, ponieważ sprawia, że ​​strona jest bardziej ekspresyjna i zrozumiała. Obrazy są wizualną ucztą oczu użytkownika, ponieważ przyciąga użytkownika i utrzymuje go w surfowaniu na stronie internetowej. Możesz dodać obraz z komputera do dokumentu HTML. W tym poście poprowadzimy Cię, w jaki sposób możesz dodać obraz z folderu do dokumentu HTML.

Jak dodać obraz z folderu w HTML?

W HTML celem tagu jest dodanie obrazu na stronie internetowej. src Atrybut tego znacznika określa ścieżkę obrazu. Ścieżka obrazu ma dwa przypadki. W przypadku absolutny ścieżka, musisz podać całą ścieżkę, w której względny Ścieżka reprezentuje lokalizację obrazu w odniesieniu do pliku HTML, w którym jest on osadzony.

Składnia znacznika opisano poniżej:

Składnia

Podstawowym elementem jest src atrybut, gdzie zostanie podana ścieżka pliku. Jak omówiono wcześniej, ścieżka może być względna lub absolutna.

Dodajmy obraz do dokumentu HTML z folderu:

Kod

Tag html IMG

Ten obraz jest wstawiany z folderu do strony HTML.

W tym kodzie używamy znacznik, aby wstawić obraz na stronie HTML i użyć src atrybut, aby określić ścieżkę obrazu.

Wyjście

Dane wyjściowe pokazuje, że obraz jest pomyślnie wstawiany do strony HTML z folderu.

Otóż ​​to! Nauczyłeś się dodawać obraz z folderu do dokumentu HTML.

Wniosek

W html, Tag służy do dodania obrazu z folderu do dokumentu HTML. Ścieżka obrazu jest określona przez atrybut SRC tagu. Aby określić ścieżkę, najpierw napisz nazwę folderu, a następnie backslash „/”, a na koniec napisz nazwę obrazu z jej rozszerzeniem. W tym artykule podaliśmy informacje dotyczące procesu dodawania obrazu w HTML z folderu.