Hur Place bilder sida vid sida på en webbsida

In Tech
Advertisement

Hur Place bilder sida vid sida på en webbsida


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

<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.

You may also read!

Hur man gör bilder sida vid sida i HTML

Hur man gör bilder sida vid sida i HTML

Med hjälp av HTML, kan du placera bilder sida vid sida i en webbsida i åtminstone tre olika sätt: genom att använda tabeller, med CSS, eller genom att placera bildtaggar bredvid varandra med några andra HTML-taggar mellan dem. Att veta hur man ansöke

Read More...
Hur kan jag lägga två av mina bilder sida vid sida på en Mac?

Hur kan jag lägga två av mina bilder sida vid sida på en Mac?

Du kan sätta två bilder sida vid sida på din Apple Macintosh-dator på många sätt. Till skillnad från Windows-baserade system, inte Mac inte standard varje ansökan till fullskärmsläge. Detta innebär att du kan se flera program på skärmen samtidigt, vi

Read More...
Hur man lägger två olika bilder sida vid sida på Photobucket

Hur man lägger två olika bilder sida vid sida på Photobucket

Det finns många redigeringsverktyg tillgängliga för dem som använder Photobucket för att ladda upp och dela bilder och videoklipp. Till exempel kan du lägga till specialeffekter till bilder, ta bort röda ögon eller slå flera bilder till en bild. Om d

Read More...
Hur man startar modellering vid 15 år

Hur man startar modellering vid 15 år

Många flickor drömmer om att presenteras i ett glansigt magasin eller förekommer i en TV-annons. Bära vackra kläder och professionellt gjort makeup tilltalar de flesta tonårsflickor. Kräver dock modellering mer än bara kläder och smink, och det är in

Read More...
Hur skicka bilder till Weather Channel

Hur skicka bilder till Weather Channel

Du har fantastiska bilder av en enorm storm som drabbade din stad går, men vad ska du göra med dem? Dela dem med världen genom Weather Channel! Genom kanalens iWitness Weather webbplats kan du skicka bilder till Weather Channel och dela dem med miljo

Read More...
Hur man undervisar barn om hur Gems bildas

Hur man undervisar barn om hur Gems bildas

Tack vare populariteten av piratfilmer, kommer de flesta barn att vara förtrogen med pärlor som är närvarande i en pirat skattkista. Lära barn om hur pärlor formen kräver lite fantasi för att göra lektionen leva upp till spännande pirat tillhörighet

Read More...
Hur organisera bilder med iPhoto

Hur organisera bilder med iPhoto

Hur organisera bilder med iPhoto. iPhoto är ett bildredigerings och hanteringsprogram som är en del av iLife produkter som medföljer Apple OS-X-operativsystem. iPhoto handlar om enkelhet och användarvänlighet för nybörjare bildbehandlingsprogram. Bil

Read More...
Hur du skyddar dig vid en skola busshållplats

Hur du skyddar dig vid en skola busshållplats

Skolbussen systemet runt om i landet ger föräldrar ett sätt att få sina barn till och från skolan på ett säkert sätt och i rätt tid. Detta är särskilt fördelaktigt för föräldrar som måste vara på jobbet innan skolan börjar eller som inte får ledigt f

Read More...
Hur man gör en vid poolen handdukshängare eller träd

Hur man gör en vid poolen handdukshängare eller träd

Denna poolen handdukshängare eller handduk träd är gjord av PVC-rör, som inte korroderar när det kommer i kontakt med klor från poolen. Det är robust nog för att hålla våta handdukar men lätt nog att gå lätt. PVC är relativt billig och lätt att arbet

Read More...