Hvordan skrive kode for bilde Prosjekter

May 12

Online prosjekter som inkluderer bilder krever et element av HTML-kode som kalles "img tags," short for bilde-koder. Den "<img>" tag definerer bilder i HTML. Bilde-koder kan brukes sammen med andre HTML-koder å bare vise et bilde eller hyperlink det også. De kan også brukes til å definere visse egenskaper for et bilde.

Uansett valgfritt tilpasninger du gjør til bildet du viser, er bildet tag must for å skrive kode for bildeprosjekter.

Bruksanvisning

1 Begynn å skrive HTML-koden for et bilde du vil ha med i prosjektet ved å skrive inn følgende:

<img

Dette er en åpen bildekode. Det må følges av en "kilde tag" for å identifisere hva bildet for å gjengi ellers ingen bilde vises.

2 Angi banen til bildefilen ved hjelp av en kilde tag etter bildekode, deretter lukker bildekode, som dette:

<Img />

"Elephant.jpg" representerer banen til bildefilen, kilden til bildet. Dette kan være et bilde i samme katalog som HTML-fil, eller en full web-adresse, for eksempel "http://mywebsite.com/elephant.jpg."

Koden ovenfor ville antagelig vise et bilde du har av en elefant. Den "/>" på slutten av linjen med kode indikerer at jeg lukker bildekoden jeg ble åpnet i begynnelsen av linjen med kode.

Hvis du bare ønsker å vise bilder som de er og ikke gjøre noe annet med dem, ovenfor er tilstrekkelig koden.

3 Tilføy koden du har skrevet med følgende hvis du ønsker for bildet til å doble som en hyperkobling til en annen webside:

<Img />

</a>

Den "<a href>" tag refererer til en hyperkobling referanse, og er standard koden som brukes for å inkludere lenker. Koden ovenfor ville knytte vårt eksempel bilde av en elefant til "http://www.website.com."

Du er nå klar til å begynne å skrive kode for bildeprosjekter. Det er mange andre elementer du kan ta med i bilde-koder, men ingen er påkrevd. For mer, se Referanser og ressurser seksjoner.