Come per allineare il testo e immagini in HTML

September 23

Come per allineare il testo e immagini in HTML


Chiunque può padroneggiare la programmazione HTML di base. Se siete blogging o scrivendo online utilizzando un cruscotto che non dispone di un editor di testo visivo o Rich, è necessario prendere il tempo per imparare i comandi HTML di base. L'allineamento del testo e delle immagini è abbastanza semplice. Impara le regole e copia / incolla il codice necessario in un file RTF sul desktop per un utilizzo rapido.

istruzione

Allineamento testo in HTML

1 Il codice per allineare il testo in HTML per un post o una pagina singola è di <p align = direzione>. Quando si colloca questo codice nella pagina, è sufficiente mettere dove vuoi il testo da essere giustificata in cui si dice "direzione" nel codice di esempio precedente.

2 Se si sta modificando in CSS e fare un cambiamento statico per l'allineamento del testo in una pagina web, il codice è necessario utilizzare è questo:

<STYLE type = "text / css">

<! -

.direction {text-align: direzione}

->

</ Style>

Anche in questo caso, è necessario sostituire la parola "direzione", con cui si desidera che il testo allineato. A sinistra, a destra e al centro sono le opzioni.

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

immagini Allineamento in HTML

4 Allineamento immagini è un po 'diverso da l'allineamento del testo. È necessario avere il file immagine ospitato in linea da qualche parte o di avere un client uploader sulla tua pagina web per essere in grado di postare foto online. Una volta che hai un URL per il jpeg, giff o PNG per la foto, è possibile allineare esso abbastanza semplicemente utilizzando questo tag:

<IMG SRC = "Foto urlof" alt = "Descrizione di Photo" align = DIREZIONE>

Sostituire le informazioni nelle virgolette con l'URL per la foto, una descrizione della foto (diverso da una didascalia) e la direzione vuoi il testo allineato intorno alla foto. Le opzioni per l'allineamento sono a sinistra, destra, centro, sopra e sotto.

5 Allineamento immagini in CSS è simile, ma il codice è leggermente diversa:

<Img alt = "Mia Immagine Descrizione" class = "align-direzione" />

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

Consigli e avvertenze

  • Si può anche prendere in considerazione la creazione di un bordo intorno foto utilizzando valori "float".
  • Esperimento con HTML e visualizzare in anteprima come si lavora sul tuo sito web per vedere cosa funziona per la propria estetica e cosa no.