Hvordan sette et bilde på en webside ved hjelp av HTML

Hvordan sette et bilde på en webside ved hjelp av HTML


Enten du lage et nettsted fra grunnen av eller redigere en, før eller senere vil du ganske sikkert må legge til et bilde eller to til thet området. Mens noen webutviklere bruke visuelle programmer satt opp som grafiske redaktører til å opprette områder, kan du bygge en ved koding HTML ved hjelp ingenting, men en standard tekstbehandler. Legge et bilde til HTML er en enkel prosess som helst webutvikler bør være i stand til å utføre.

Bruksanvisning

1 Finn stedet i HTML-koden der du ønsker å sette inn bildet. Generelt bør du unngå å plassere bilder inni ledd koder (mellom en <p> og en </ p>) eller andre slike sideelementer, som det kan føre til side-formatering problemer. En god måte å sjekke for å være sikker på at du har rett sted, er å sette inn koden <p> image placeholder </ p> på samme sted, og deretter åpne HTML-filen i en nettleser. Hvis teksten "image placeholder" vises hvor du vil plassere bildet ditt, har du rett til plass i koden.

2 Finn nettadressen til bildet du ønsker å plassere på din webside. Hvis bildet er en fil på datamaskinen eller på annen måte ikke har en URL, må du kanskje laste det opp på en gratis bilde-hosting-tjeneste slik at bildet har en.

3 Slett noen plassholder koden du skrev inn, og legge til koden <img alt = "Short uttrykket" /> til stedet i koden der du ønsker å legge inn bildet.

4 Kopiere hele nettadressen til bildet.

5 Lim bildets URL inn koden du skrev inn, i det første paret av anførselstegn.

6 Skriv inn et ord eller en kort setning som beskriver bildet, i klartekst, i det andre paret av anførselstegn. Denne "alt" tekst vises i stedet for bildet hvis noe går galt og besøkende til nettstedet ditt kan ikke laste bildet riktig.