Come Pubblica un'immagine con HTML

October 3

Così si vuole inserire un grafico nella pagina web? HTML contiene un comando che consente di caricare la tua foto direttamente nella pagina. Questo comando di base HTML è il modo più semplice per ottenere la vostra immagine on-line e di solito è preciso.

istruzione

1 Modifica la tua foto con editor di immagini fino a quando non è pronto ad andare in linea nella sua forma attuale.

2 Salvare l'immagine. Protocollo pagina Web ammette diversi tipi di tipi di file tra .jpg, .gif e .bmp.

3 Andate nel vostro codice della pagina web. Individuare dove si desidera che l'immagine appaia tra testo o interruzioni di riga. Trovare il punto di codifica che rappresenta dove apparirà quella foto. Questo è dove si aggiungere il comando.

4 Ora digitate il seguente: imgsrc =.

5 Ora aprite il file che l'immagine sia per trovare il percorso della directory che è necessario utilizzare per lasciare il browser trovare la vostra immagine. Ad esempio, se il quadro è in una cartella chiamata 'scarafaggi' che nidifica nella cartella 'My Documents', modificare il comando per dire: imgsrc = / MyDocuments / scarabei /.

6 Aggiungere il nome del file. Se il file nella cartella si chiama foo.jpg allora il comando sarebbe simile a questa: imgsrc = / MyDocuments / scarabei / foo.jpg. Ricordarsi di staffa il comando con l'appropriato <e>.

7 Visualizzare la pagina. La vostra immagine dovrebbe comparire nel luogo in cui si codificato esso.

Consigli e avvertenze

  • Se non guardare a destra, o se l'immagine non è presente del tutto, la sintassi è sbagliata. Un buon posto per iniziare la ricerca di errori è nel vostro percorso di directory. Se questo non è scritto esattamente a destra, il browser non troverà la tua foto, e se si sposta l'immagine in seguito, è necessario tornare indietro e re-code tua pagina.
  • Non date per scontato l'immagine sarà in una posizione ideale. Il più grande inibitore del posizionamento dell'immagine corretto è tavoli e strutture parallele che urtano una foto su una nuova linea e rovinare il flusso del testo intorno ad esso.