Posizionamento delle immagini accanto a altra su una pagina web può essere fatto a uno dei due modi. È possibile utilizzare tabelle e inserire ciascuna delle immagini nella propria cella di tabella. È possibile anche utilizzare in linea di fogli di stile (CSS) per posizionare le immagini. Gli sviluppatori Web preferiscono spesso CSS perché fornisce maggiore controllo sul posizionamento delle immagini.

Istruzioni

Tabelle

1

Aprire un editor di testo come blocco note di Windows.

2

Progettare la pagina web come qualsiasi altro documento HTML.

3

Creare una tabella per le immagini nel modo seguente
VAI
< table >
< tr >
< td >
< img src=\"images/Pic1.JPG\" altezza = \ "200px\" width = \ "300px\" / >
< /td >
< td >
< img src=\"images/Pic2.JPG\" altezza = \ "200px\" width = \ "300px\" / >
< /td >
< /tr >
< / tabella >
Questa tabella è costituito da una singola riga con ogni immagine nella propria cella.

4

Salvare e chiudere il documento.

5

Posizionare le immagini in una directory chiamata \"images\" sul server web.

6

Posizionare il documento HTML sul server web.

CSS

7

Aprire un editor di testo.

8

Progettare la pagina web come qualsiasi altro documento HTML.

9

Inserire le immagini nella pagina nel modo seguente::
< div style = \ "float: left; \" >
< img src=\"images/Pic1.JPG\" stile = \"height:200px; Width: 300px; \ "/ >
< img src=\"images/Pic2.JPG\" stile = \"height:200px; Width: 300px; \ "/ >
< / div >

10

Salvare e chiudere il documento.

11

Posizionare le immagini in una directory chiamata \"images\" sul server web

12

Posizionare il documento HTML sul server web.