Contenuto

• Passi
• Metodo 1 di 2: CSS (consigliato)
• Metodo 2 di 2: L'attributo "allinea" in HTML

Attributo allineare etichetta html> è stato deprecato da HTML5. Sebbene questo attributo funzioni ancora nella maggior parte dei browser Web, si consiglia di allineare le immagini utilizzando i fogli di stile a cascata (CSS). In questo articolo, ti mostreremo come centrare le immagini usando CSS e il tag deprecato. allineare.

Passi

Metodo 1 di 2: CSS (consigliato)

1. 1 Aggiungi il codice HTML per l'immagine. Utilizzerai fogli di stile a cascata (CSS) per allineare l'immagine, ma dovrai posizionarla sulla pagina utilizzando HTML. Di seguito è riportato un esempio di utilizzo del tag img> per inserire un'immagine nel codice:

   img src = "dog.webp" alt = "questa è la foto di un cane">

   • Invece di cane.webp sostituire il nome del file immagine, e dopo "alt" inserire la descrizione dell'immagine. Senso centro per "classe" non cambia, perché creerai una classe CSS con quel nome.
2. 2 Trova il codice CSS. Se il tuo sito ha un file CSS separato, aprilo. In caso contrario, il CSS è molto probabilmente nella parte superiore del file HTML, all'interno dei tag testa>... Scorri fino all'inizio del file per trovare i tag stile> / stile>.
   • Se tag stile> / stile> no, aggiungili. Leggi questo articolo per ulteriori informazioni.
3. 3 Aggiungi CSS per allineare l'immagine. Invece di "50%", puoi inserire un valore diverso per far apparire l'immagine sulla pagina. Non sarai in grado di centrare l'immagine con un valore di "100%", quindi questo numero dovrebbe essere diverso.

   .center {display: blocco; margine sinistro: auto; margine destro: auto; larghezza: 50%; }

4. 4 Salva le tue modifiche. Salva il file HTML e il file CSS (se presenti). Questo centrerà l'immagine.
   • Anche all'interno dei tag img> può aggiungere per centrare altre immagini.

Metodo 2 di 2: L'attributo "allinea" in HTML

1. 1 Crea un nuovo paragrafo. Sebbene questo metodo di centratura delle immagini sia stato deprecato, funziona ancora in molti browser. Tuttavia, consigliamo di utilizzare CSS per mantenere il sito funzionante quando i browser smettono di supportare l'attributo specificato. Ricorda che l'attributo allineare centra l'immagine solo all'interno dell'elemento che la circonda (ad esempio, all'interno dei tag p> / p> o div> / div>). Ad esempio, nel file HTML, creeremo un nuovo paragrafo aggiungendo p> su una linea separata.
2. 2 Aggiungi il codice HTML per l'immagine. Inserisci il seguente codice dopo il tag p>... Usa questo esempio come guida:

   p> img src = "cane.webp" alt = "immagine" align = "centro">

   • Invece di cane.webp sostituire il nome del file immagine, e dopo "alt" inserire la descrizione dell'immagine.
   • L'attributo centrale indica al browser di visualizzare l'immagine al centro della pagina.
3. 3 Chiudi il tag del paragrafo. Per fare ciò, aggiungi / p> dopo il tag dell'immagine. Il codice finito dovrebbe assomigliare a questo:

   p> img src = "cane.webp" alt = "immagine" align = "centro"> / p>

4. 4 Salva le tue modifiche. Questo centrerà l'immagine.