Centrare un'immagine in html

L`allineamento delle immagini è un`abilità importante da apprendere durante la codifica di pagine Web. Sfortunatamente, poiché il codice cambia, alcuni tag HTML non vengono più riconosciuti da tutti i browser web. Prova questi metodi per centrare un`immagine in HTML. Se non funzionano, considera l`utilizzo di CSS (Cascading Style Sheets).

Passi

Metodo 1 di 2: Allinea nel testo

Immagine intitolata Center an Image in HTML Step 1
1. Non utilizzare il codice "centro" nei tag. Nella codifica HTML puoi centrare il testo, ma devi contrassegnare l`allineamento dell`immagine con `centro`. Un`immagine non è un elemento di regola, quindi lo indichi in relazione ad altri elementi.
Immagine intitolata Center an Image in HTML Step 2
2. Inizia una nuova riga di codice. Usa un tag di paragrafo per indicare che inizia una riga di testo. Inizia il tuo tag con
Immagine intitolata Center an Image in HTML Step 3
3. Inserisci l`immagine di digitare. Quindi aggiungi la descrizione dell`immagine di alt=`descrizione immagine` digitare.
  • La sezione `src` dice alla pagina web qual è l`URL dell`immagine.
  • La sezione `alt` dice alla pagina web come chiamarla.
    Immagine intitolata Center an Image in HTML Step 4
  • 4. Specifica l`allineamento della tua immagine. genere align=`medio`>. Questa è la fine della parte dell`immagine del tuo tag.
    Immagine intitolata Center an Image in HTML Step 5
    5. Aggiungi più testo. Quindi chiudi il tag con

    Metodo 2 di 2: allinea in un tag `centro`

    Immagine intitolata Center an Image in HTML Step 6
    1. Crea un nuovo elemento e centra quell`elemento. Puoi catturare l`immagine all`interno di quell`elemento centrato. Tuttavia, creerà spazio extra attorno al tuo elemento.
    Immagine intitolata Center an Image in HTML Step 7
    2. Inizia una nuova riga di codice. Inizia a centrare l`elemento. genere
    Immagine intitolata Center an Image in HTML Step 8
    3. Aggiungi il tuo tag immagine. genere `cane.
    Immagine intitolata Center an Image in HTML Step 9
    4. Specificare l`altezza e la larghezza dell`immagine. Inserisci qualcosa come altezza=`200` larghezza=`200`> o qualsiasi altra dimensione a tua scelta. Questa è la fine della parte dell`immagine del tag.
    Immagine intitolata Center an Image in HTML Step 10
    5. Chiudi il tag con Ad esempio, l`intero tag potrebbe essere simile a questo:

    Avvertenze

    Tieni presente che sia i tag di allineamento che di centraggio potrebbero diventare obsoleti. Ciò significa che non verranno più utilizzati in futuro. Anche se non esiste una data precisa in cui non verranno più utilizzati, alla fine i browser non li riconosceranno più e i codici dovranno essere aggiornati in CSS o HTML5.

    Condividi sui social network: