Hvordan laver billeder line op vandret med ikoner i HTML

October 12

En del af god Web design er at sikre tekst og billeder korrekt linje op på siden. Dette giver kontinuitet og letter navigationen på dit websted. Du kan lave billeder line op vandret med ikoner på din HTML websted ved at tilføje og redigere koden for indeks-filen og CSS style sheet.

Instruktioner

1 Åbn din Index.html side i din HTML-editor.

2 Indsæt følgende kode i index.html side:

<Div class = "imageBox">
<a href="#">
<Img src = "image1.gif" width = "100" height = "100"
alt = "billede 1" /> </a>
<P> <a href="#"> en </a> </ p>
</ Div>

<Div class = "imageBox">
<a href="#">
<Img src = "image2.gif" width = "100" height = "100"
alt = "billede 1" /> </a>
<P> <a href="#"> 2 </a> </ p>
</ Div>

Sæt "#" med den webadresse, du vil have din billedfil til at linke til. Erstat "image.gif" med navnet på din billedfil. Du kan tilføje flere billeder ved at kopiere og indsætte ovenstående kode så mange gange som du har brug for.

3 Gem filen index.html og upload den til din hjemmeside server.

4 Indsæt følgende kode i din hjemmesides CSS stylesheet:

div.imageBox {
float: venstre;
margin-højre: 10px;
}

div.imageBox p {
text-align: center;
}

5 Gem CSS style sheet fil og uploade den til serveren.