Inserire immagini di uno accanto all'altro su una pagina web può essere fatto in due modi. È possibile utilizzare le tabelle e posizionare ciascuna delle immagini nella sua cella di una tabella. È inoltre possibile utilizzare in linea di fogli di stile CSS (CSS) per posizionare le immagini. Gli sviluppatori web spesso preferiscono i CSS in quanto fornisce un maggiore controllo sul posizionamento delle immagini.

istruzione

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
ANDARE
<Table>
<Tr>
<Td>
<Img src = \ "images / pic1.jpg \" height = \ "200px \" width = \ "300px \" />
</ Td>
<Td>
<Img src = \ "images / pic2.jpg \" height = \ "200px \" width = \ "300px \" />
</ Td>
</ Tr>
</ Table>
Questa tabella è costituito da una singola riga con ciascuna immagine nella propria cella.

4 Salvare e chiudere il documento.

5 Posizionare le immagini in una directory chiamata \ "\" le immagini sul vostro 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 Posizionare le immagini sulla pagina nel modo seguente ::
<Div style = \ "float: left; \">
<img src = \ "images / pic1.jpg \" style = \ "height: 200px; width: 300px; \" />
<img src = \ "images / pic2.jpg \" style = \ "height: 200px; width: 300px; \" />
</ Div>

10 Salvare e chiudere il documento.

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

12 Posizionare il documento HTML sul server Web.