Osadza obraz w elemencie - HTML

Osadza obraz w elemencie - HTML
HTML (Hypertext Markup Language) to znormalizowana metoda oznaczania plików tekstowych, czcionki, kolorów i formatowania wizualnego, a także łączenia efektów na witrynach internetowych na całym świecie. Ułatwia użytkownikom różne funkcje do wykonywania różnych zadań na stronach internetowych, takich jak łączenie jednej strony z inną stroną, osadzanie obrazów w przyciski, łączenie przycisków, tworzenie formularzy i innych.

Ten post wyjaśni procedurę osadzania obrazu w elemencie przycisku.

Jak zrobić prosty przycisk w HTML?

Aby zrobić prosty przycisk w HTML, przejrzyj podane instrukcje.

Krok 1: Dodaj nagłówek

Początkowo dodaj nagłówek na stronie HTML za pomocą „

Krok 2: Utwórz przycisk

Następnie zrób prosty przycisk za pomocą znacznika przycisku „<przycisk> ”I określ klasę„Składać”W przycisku. Następnie ustaw rozmiar przycisku, wykorzystując „szerokość" I "wysokość”Atrybuty. Na przykład ustawiliśmy szerokość jako „100px”I wysokość jako„50px”:

Obraz HTML


Można zauważyć, że przycisk jest utworzony pomyślnie:

Przejdźmy do następnej sekcji, aby osadzić obraz w elemencie.

Jak osadzić obraz w elemencie?

Aby osadzić obraz w „„Element, spójrz na wymienione instrukcje:

  • Podaj znacznik obrazu „<img>”Pomiędzy znacznikami wraz ze źródłem„src", alternatywny tekst "Alt”„wysokość", I "szerokość”Atrybuty.
  • Atrybut źródłowy „src”Służy do dostępu/osadzania obrazu.
  • Alternatywny tekst „Alt„Atrybut jest wykorzystywany do wyświetlania tekstu, gdy obraz nie jest wyświetlany z jakiegokolwiek powodu:

Wyjście

Ten post dotyczy sposobu osadzenia obrazu w elemencie przycisku.

Wniosek

Aby osadzić obraz w przycisku, najpierw utwórz prosty przycisk, wykorzystując „" element. Następnie między „”Tagi, określ element obrazu„<img>" razem z "src”,„Alt”,„wysokość", I "szerokość”Atrybuty. Ten post wyjaśnił metodę osadzania obrazu w elemencie przycisku.