Nwlapcug.com


Come fare foto fianco a fianco in HTML

Utilizzando HTML, è possibile inserire immagini fianco a fianco in una pagina Web in almeno tre modi diversi: utilizzando tabelle, fogli di stile CSS, oppure inserendo tag immagine accanto a ogni altra con nessun altro HTML tag tra di loro. Saper applicare almeno uno di questi approcci ti consente di presentare il contenuto grafico della tua pagina Web in modo organizzato. Si noti che l'immissione immagini fianco a fianco non garantisce a tutte le immagini saranno visibili in una sola volta. Ritagliare le immagini alle dimensioni che lavorano con il resto del contenuto della tua pagina.

Istruzioni

Tag IMG pianura

1

Aprire un nuovo file in un elaboratore di testo o un editor di testo come blocco note.

2

Digitare o incollare il seguente documento HTML vuoto nel vostro word processor. Questo documento non ha ancora alcun tag di immagine. Si aggiungeranno quelli avanti.

< html >

< corpo >

< / body >

< / html >

3

Digitare i seguenti tag HTML dopo il tag "< body >". Questi tag raccontare il vostro browser per caricare immagini nella pagina Web. Poiché non vi è nessun paragrafo, interruzione di riga o altri tag HTML tra i tag di due immagine, i tag di immagine appariranno fianco a fianco nella pagina Web. Questo non sarà vero se si ridimensiona il browser a meno di tutta la larghezza del monitor, o se le immagini sono molto ampi.

< img o "html" e come tipo di "testo normale". In questo modo che il browser in grado di interpretare i tag HTML nel file.

5

Aprire Esplora risorse, quindi spostarsi in qualsiasi cartella contenente due o più file JPEG.

6

Copiare due file JPEG nella cartella contenente il documento HTML, che è stato salvato nel passaggio 4.

7

Rinominare uno dei file JPEG come "imageLeft.jpg" e l'altro come "imageRight.jpg.

8

Fare clic sul file salvato nel passaggio 4, quindi premere "Invio" per aprire il file nella cartella predefinita browser Web. Il browser visualizzerà le due immagini affiancate.

Tabelle

9

Incollare il seguente documento HTML vuoto in un word processor o editor di testo.

< html >

< corpo >

< / body >

< / html >

10

Incollare i seguenti codici HTML per definire una tabella dopo il tag "< body >". Due celle della tabella sono uno accanto a altro. Quando si inseriscono immagini in queste cellule, le immagini saranno anche uno accanto a altro.

< tavolo border = "1" >

< tr >

< td >

< /td >

<!-colonna due-->

< td >

< /td >

< /tr >

< / tabella >

11

Digitare quanto segue dopo il primo "< td >," che inizia la prima cella della tabella. Questo codice HTML carica un'immagine nella cella della tabella.

< img tag dopo il tag "< td >" secondo e modificare la stringa "imageleft.jpg" in "imageright.jpg"

13

Salvare il documento come tipo "testo" e digitare qualsiasi nome di file che terminano con "htm" o "html".

14

Aprire Esplora risorse, quindi passare a una cartella contenente almeno due file JPEG. Potete trovare tali file cliccando sul link "Immagini" riquadro sinistro di Esplora risorse di Windows.

15

Copiare due file JPEG nella cartella contenente il file di testo salvato al passaggio 5.

16

Rinominare uno dei file JPEG come "imageLeft.jpg" e l'altro come "imageRight.jpg."

17

Fare doppio clic o premere "Invio" sul file per aprirlo nel browser. Vedrai una tabella in cui le cellule contengono una sola immagine a destra di un'altra immagine.