Nwlapcug.com


Tutorial di allineamento immagine HTML

Immagini digitali sono visivamente accattivanti elementi che migliorano il contenuto delle pagine Web. Come è strategicamente includere queste immagini, prendere in considerazione l'assegnazione di una posizione alla foto includendo questo attributo all'interno del codice di immagine di HyperText Markup Language (HTML). In questo modo, l'elemento grafico viene visualizzato accanto al testo che specifichi per creare la pagina di presentazione che desideri. Utilizzare programma di editor di testo del computer per aggiungere un allineamento alle immagini HTML.

Istruzioni

1

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

2

Posizionare il cursore all'interno di un tag di immagine. Codici di immagine è simile al seguente:

< img / >

3

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

< img align = "" / >

4

Immettere una posizione come "top", "medio" o "inferiore" dopo la voce "allineare" per specificare dove si desidera l'immagine di presentarsi in relazione al testo circostante. Per illustrare:

< img align = "top" / >

Display grafico con un allineamento di "top" direttamente sopra il contenuto, mentre un descrittore di "fondo" posiziona la parte più bassa dell'immagine con la zona più bassa del testo.

5

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

Consigli & Avvertenze

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