Incorporare l'immagine in un elemento - HTML

Incorporare l'immagine in un elemento - HTML
HTML (linguaggio di markup ipertestuale) è un metodo standardizzato per tagging dei file di testo, carattere, colore e formattazione visiva, oltre a collegare gli effetti sui siti World Wide Web. Facilita i suoi utenti con varie funzioni per eseguire diverse attività su pagine Web, come il collegamento di una pagina con un'altra pagina, incorporare immagini in pulsanti, collegare i pulsanti, creare forme e altro ancora.

Questo post spiegherà la procedura per incorporare un'immagine in un elemento del pulsante.

Come creare un pulsante semplice in HTML?

Per creare un pulsante semplice in HTML, passare attraverso le istruzioni fornite.

Passaggio 1: aggiungi una voce

Inizialmente, aggiungi un intestazione sulla pagina HTML usando "

Passaggio 2: crea un pulsante

Quindi, crea un pulsante semplice utilizzando il tag pulsante "<pulsante> "E specificare una classe"Invia"Nel pulsante. Quindi, impostare la dimensione del pulsante utilizzando "larghezza" E "altezza"Attributi. Ad esempio, abbiamo impostato la larghezza come "100px"E l'altezza come"50px":

Immagine HTML


Si può osservare che il pulsante viene creato correttamente:

Passiamo verso la sezione successiva per incorporare l'immagine nell'elemento.

Come incorporare l'immagine nell'elemento?

Incorporare un'immagine nel ""Elemento, dai un'occhiata alle istruzioni elencate:

  • Specificare il tag immagine "<img>"Tra i tag insieme alla fonte"src", Testo alternativo"Al""altezza", E "larghezza"Attributi.
  • L'attributo sorgente "src"Viene utilizzato per accedere/incorporare l'immagine.
  • Il testo alternativo "Al"L'attributo viene utilizzato per visualizzare il testo quando l'immagine non viene visualizzata a causa di alcun motivo:

Produzione

Questo post è tutto su come incorporare l'immagine in un elemento del pulsante.

Conclusione

Per incorporare l'immagine nel pulsante, prima, crea un pulsante semplice utilizzando il “"Elemento. Quindi, tra il ""Tag, specificare l'elemento immagine"<img>" insieme con il "src","Al","altezza", E "larghezza"Attributi. Questo post ha spiegato il metodo per incorporare un'immagine in un elemento del pulsante.