Nwlapcug.com


Come allineare testo & immagini in HTML

Come allineare testo & immagini in HTML


Chiunque può padroneggiare programmazione HTML di base. Se sei blogging o scrittura online utilizzando un cruscotto che non dispone di un oggetto visual o Editor di testo RTF, sarà necessario prendere il tempo per imparare i comandi HTML di base. Allineamento di testo e immagini è abbastanza semplice. Imparare le regole e copia/incolla il codice necessario in un file RTF sul desktop per un utilizzo rapido.

Istruzioni

Allineamento del testo in HTML

1

Il codice per allineare il testo in formato HTML per un post o singola pagina è < P ALIGN = direzione >. Quando si inserisce questo codice nella pagina, è sufficiente mettere dove vuoi il testo giustificato in cui si dice "direzione" nell'esempio di codice precedente.

2

Se si modifica in CSS e apportando una modifica statica per l'allineamento del testo in una pagina Web, il codice che è necessario utilizzare è questo:

< STYLE TYPE = "text/css" >

<!...

Direction {text-align: direzione}

-->

< / stile >

Ancora una volta, sarà necessario sostituire la parola "direzione" con cui si desidera il testo allineato. Sinistra, destra e centro sono le opzioni.

3

Copiare questi codici in un file RTF sul desktop del vostro computer per una facile consultazione.

Allineare le immagini in HTML

4

Allineamento di immagini è un po' diverso da l'allineamento del testo. Hai bisogno di avere il file di immagine da qualche parte un host o un client uploader sulla tua pagina Web per poter pubblicare foto online. Una volta che hai un URL per il file jpeg, giff o png per la foto, è possibile allineare abbastanza semplicemente utilizzando questo tag:

< IMG SRC = "Foto URLof" ALT = "Descrizione della foto" allineare = direzione >

Sostituire le informazioni tra le virgolette con l'URL per la foto, una descrizione della foto (diversa da una didascalia) e la direzione che si desidera il testo allineato intorno alla foto. Le opzioni per l'allineamento sono di sinistra, destra, centro, superiore e inferiore.

5

Allineare le immagini in CSS è simile, ma il codice è leggermente diverso:

< img alt = "My Image Description" class = "allineare-direzione" / >

6

Copiare questi codici in un file RTF sul desktop per un facile riferimento.

Consigli & Avvertenze

  • È anche possibile creare un bordo intorno alle foto utilizzando i valori "galleggiante".
  • Esperimento con HTML e anteprima mentre si lavora sul tuo sito Web per vedere che cosa funziona per la propria estetica e cosa no.