HTML Image Allineamento Tutorial

October 26

Le immagini digitali sono visivamente accattivante elementi che esaltano il contenuto delle pagine web. Come si include strategicamente queste immagini, si consideri l'assegnazione di una posizione alla foto includendo questo attributo all'interno del codice immagine HyperText Markup Language (HTML). In questo modo, il vostro grafico appare accanto al testo specificato per creare la presentazione pagina che si desidera. Utilizzare editor di testo del computer per aggiungere un allineamento alle immagini HTML.

istruzione

1 Avviare il programma di editor di testo e aprire un documento Web che contiene le immagini.

2 Posizionare il cursore all'interno di un tag di immagine. i codici di immagine hanno il seguente aspetto:

<Img />

3 Tipo "align =" prima della barra rovesciata e inserire le virgolette dopo il segno di uguale come segue:

<Img align = "" />

4 Inserisci una posizione come "top", "medio" o "fondo" dopo la "voce di align" per specificare dove si desidera la vostra immagine di presentarsi in relazione al testo circostante. Illustrare:

<Img align = "top" />

Graphics con un "top" visualizzazione allineamento direttamente sopra il contenuto, mentre un descrittore "bottom" posizioni la porzione più bassa del quadro con la superficie più bassa del testo.

5 Salvare il file. Portate il vostro browser e selezionare l'opzione o "Apri" "Apri File" nel menu "File" per caricare il documento HTML e visualizzare l'allineamento dell'immagine.

Consigli e avvertenze

  • Altri descrittori di allineamento sono disponibili, come ad esempio "texttop," "absmiddle", "base" e "absbottom," per più preciso posizionamento dell'immagine.