Hvordan laste opp Grunnleggende HTML-tagger for bilder

Hvordan laste opp Grunnleggende HTML-tagger for bilder


Bilde koding i HTML er ganske grei. Du må tittelen på bildefilen, laste det opp til nettstedets katalog i området vert området, og deretter legge til grunnleggende koden for hvert bilde, slik at de åpne riktig når området er sett. Relevant attributter for å inkludere er bildekilden, bildejustering på siden, "ALT" tekst, vertikal og horisontal plass, og bilde dimensjoner. Halvparten av disse er ofte utelatt, og det er et spørsmål om personlig valg og site design med hensyn til hvorvidt du ønsker å gjøre det. Bilde koding er ganske rask når du først får taket på det, og det er enkelt å endre.

Bruksanvisning

1 Redigere alle bildene til realistiske størrelser for Internett. Lagre hver fil med et fornuftig navn, snarere enn et tall, for enkel identifisering. En fil navnet "tahiti_palmtrees2009.jpg" er lettere å finne enn "DSC9948234144." Det bør tydelig identifisere bildet. Legg alle bildene som vil gå inn på nettstedet ditt inn i en mappe som heter "Bilder sted" eller noe lignende, slik at du kan finne dem.

2 Meld på din nettside hosting tjenesten ved hjelp av FTP-program eller hva metode du vanligvis bruker. Lag en mappe som heter "bilder". Å ha en egen bildemappe lar deg holde HTML og andre sider atskilt for lett å finne. Last opp alle bildene du har valgt for nettstedet ditt inn i den mappen. Hvis du forventer å laste opp 100 bilder fra tre forskjellige fagene, navneundermapper tilsvarende slik de er gruppert sammen. "Tahiti", "Butterflies" og "Konserter" vil da inkludere de aktuelle bildene i hver undermappe.

3 Åpne en av websidene dine hvor du vil at bildene skal gå, åpne "tahiti_trip.html" for Tahiti. Finn området i teksten der du vil legge til bildene. Deretter kode hver og en som følger:

<Img align = "plassering i teksten" src = "/ images / sub-mappenavn / imagename.jpg" ALT = "merknad om image">

Tahiti bilde av de røde utgravde kanoer til venstre for teksten vil da lyde:

<Img align = "left" src = "/ images / Tahiti / red_dugout.jpg" ALT = "Jeg rodde disse kanoene.">

4 Legg til detaljer for presisjonsplassering hvis du vil. Dette vil inkludere hvor mye plass til å forlate (i piksler) til sidene og toppen og bunnen av bildet, pluss bilde dimensjoner. Du kan høyreklikke på en av bildene for å få deres høyde og bredde i henhold egenskaper.

<Img align = "left" src = "/ images / Tahiti / red_dugout.jpg" ALT = "Jeg rodde disse kanoer">

ville da bli:

<Img align = "left" src = "/ images / Tahiti / red_dugout.jpg" width = "220" height = "133" vspace = "12" vspace = "15" alt = "Jeg rodde disse kanoer">

5 Gjenta bilde koding for hvert bilde. Sjekk nettsiden med jevne mellomrom av forfriskende det å se hvordan oppsettet vises. Hvis ting er altfor overfylt, flytte bildet rundt i avsnittet koden for teksten, eller gi den sin egen avsnitt: <p> <. IMG SRC ... etc> </ p> Legg til eller slett "vspace" og "vspace " etter behov.

6 Fortsett å innlemme all koden for hvert bilde før området er ferdig. Sikkerhetskopier sidene dine.

Hint

  • Hvis du sjekker websiden og de tre av fem bildene dukke opp på riktig måte, men to ikke gjør det, er det vanligvis på grunn av en veldig enkel kodefeil. Re-lese HTML-koden for hvert bilde i spørsmålet. Du kan finne en "(anførselstegn) på feil sted, eller du har glemt å lukke en brakett.
  • Ikke last opp andres bilder uten deres tillatelse - du kan gjøre med brudd på opphavsretten.