Placera bilder bredvid varandra på en webbsida kan göras på två sätt. Du kan använda tabeller och placera var och en av bilderna i sin egen tabellcell. Du kan också använda i linje Cascading Style Sheets (CSS) för att placera bilderna. Webbutvecklare föredrar ofta CSS eftersom det ger mer kontroll över placeringen av bilderna.
Saker du behöver
Grundläggande HTML-kunskaper
tabeller
Öppna en textredigerare som Windows Anteckningar.
Utforma webbsidan som alla andra HTML-dokument.
Skapa en tabell för bilderna på följande sätt
GÅ
<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>
Denna tabell består av en enda rad med varje bild i sin egen cell.
Spara och stäng dokumentet.
Placera bilderna i en katalog som heter \ "bilder \" på din webbserver.
Placera HTML-dokument på din webbserver.
CSS
Öppna en textredigerare.
Utforma webbsidan som alla andra HTML-dokument.
Placera bilderna på sidan på följande sätt ::
<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>
Spara och stäng dokumentet.
Placera bilderna i en katalog som heter \ "bilder \" på din webbserver
Placera HTML-dokument på din webbserver.