Tilføjelse af billeder til dine websider

Få billeder til korrekt visning

Eventuelle billeder, som du vil linke i dit websteds HTML, skal først uploades til det samme sted, hvor du sender HTML til websiden, om webstedet er hostet på en webserver, som du når med FTP, eller du bruger en webhosting service. Hvis du bruger en webhosting service, bruger du sandsynligvis en upload formular, der leveres af tjenesten. Disse formularer er typisk i administrationen af ​​din hosting-konto.

Uploading af dit billede til hosting-tjenesten er kun det første skridt. Så skal du tilføje et tag i HTML'en for at identificere den.

Uploading af billeder til samme mappe som HTML

Dine billeder kan være placeret i samme mappe som HTML. Hvis det er tilfældet:

  1. Upload et billede til roden på dit websted.
  2. Tilføj et billedmærke i din HTML for at pege på billedet.
  3. Upload HTML-filen til roden på dit websted.
  4. Test filen ved at åbne siden i din webbrowser.

Billedetiketten har følgende format:

Forudsat at du uploader et billede af månen med navnet "lunar.jpg", tager billedtaget følgende formular:

Højden og bredden er valgfri, men anbefales. Bemærk, at billedtaggen ikke kræver en lukkerkode.

Hvis du linker til et billede i et andet dokument, skal du bruge ankeretiketter og nede billedmærket indeni.

Uploading af billeder i en underkatalog

Det er mere almindeligt at gemme billeder i en undermappe, der normalt kaldes billeder . For at pege på billeder i denne mappe skal du vide, hvor det er i forhold til roden på dit website.

Roten til dit websted er hvor webadressen, uden nogen mapper på slutningen, viser. For eksempel, for en hjemmeside kaldet "MyWebpage.com," følger roden denne formular: http://MyWebpage.com/. Bemærk slash i slutningen. Sådan angives roden til en mappe som regel. Underkataloger indeholder det skråstreger for at vise, hvor de sidder i katalogstrukturen. MyWebpage eksempel webstedet kan have strukturen:

http://MyWebpage.com/ - rodmappen http://MyWebpage.com/products/ - produktkatalogen http://MyWebpage.com/products/documentation/ - dokumentationskatalogen under produktkataloget http: // MyWebpage.com/images/ - billeder biblioteket

I dette tilfælde, når du peger på dit billede i billedkataloget, skriver du:

Dette kaldes den absolutte sti til dit billede.

Almindelige problemer med billeder, der ikke skal vises

At få billeder til at dukke op på din webside kan være udfordrende først. De to mest almindelige årsager er, at billedet ikke blev uploadet, hvor HTML'en peger, eller HTML'en er skrevet forkert.

Den første ting at gøre er at se, om du kan finde dit billede online. De fleste hosting-udbydere har en slags styringsværktøj, som du kan bruge til at se, hvor du uploadede dine billeder. Når du mener, at du har den korrekte webadresse til dit billede, skal du skrive det i din browser. Hvis billedet vises, har du den rigtige placering.

Kontroller derefter, at din HTML peger på billedet. Den nemmeste måde at gøre er at indsætte den billedwebadresse , du lige har testet ind i SRC-attributten. Genoplæs siden og test.

SRC-attributten til dit billedmærke skal aldrig starte med C: \ eller filen: Disse vises for at fungere, når du tester din webside på din egen computer, men alle, der besøger dit websted, vil se et brudt billede. Dette skyldes, at C: \ peger på en placering på harddisken. Da billedet er på din harddisk, vises det, når du ser det.