Czy kiedykolwiek zastanawiałeś się, w jaki sposób nowoczesne strony internetowe zajmują ich użytkowników na ich stronie internetowej, nie nudząc ich lub niewygodnymi? Wizualizacje są dodawane do dokumentów HTML, aby utrzymać skupienie użytkownika. Wizualizacje mogą zawierać obrazy, filmy. Obraz można połączyć z urządzenia pamięci lub ze źródła online.

Ten artykuł ma na celu dostarczenie przewodnika, jak połączyć obraz w HTML.

• Jak łączyć i obrazować w HTML za pomocą znacznika
• Jak połączyć obraz w HTML za pomocą znacznika

Jak połączyć obraz w HTML za pomocą znacznika

Obraz jest osobnym plikiem, który nie jest bezpośrednio używany w HTML. Aby użyć obrazu w HTML, musimy połączyć plik obrazu z naszym kodem HTML. Aby to zrobić, używamy tag, który używa src atrybut, aby określić ścieżkę obrazu.

Przykład

Łączenie obrazu z HTML

Ten obraz jest teraz połączony z kodem źródłowym HTML.

W tym przykładzie łączymy obrazy z HTML z pomocą tag, podczas gdy src = ”” atrybut określa nazwę i ścieżkę pliku obrazu.

Wyjście

To wyjście to pokazuje Tag pomyślnie połączył plik obrazu z kodem HTML.

Łączenie obrazu w HTML za pomocą znacznika

Możemy również połączyć obrazy z HTML za pomocą etykietka. Ten znacznik używa obrazu lub tekstu, aby połączyć obraz HTML. Poniższy przykład lepiej pokazuje koncepcję.

Przykład

Łączenie obrazu z HTML za pomocą znacznika Anchor

Tag kotwiczny służy do połączenia tego obrazu z HTML.

W tym przykładzie Tag służy do połączenia obrazu z HTML. Mając na uwadze, że Tag tworzy mały link do obrazu do głównego obrazu.

Wyjście

Powyższe wyjście pokazuje to Tag łączy główny obraz z HTML zawiera link do obrazu do głównego obrazu. Innymi słowy, Tag działa jak miniatura do głównego obrazu.

Wniosek

W HTML i tagi można użyć do połączenia obrazu. Aby to zrobić,src„atrybut tagu i”Href„Atrybut znacznika łączy obraz w HTML. Ten artykuł zawiera wgląd w połączenie obrazu w HTML Zastosowanie i znacznik opisano za pomocą przykładów.