Et fælles scenario online er, at du har et billede på dit websted, som du vil linke til. Måske kodes du en side på dit websted, og du vil tilføje det billede, eller måske vil du linke til det fra et andet websted, som en social media-konto, du har. I begge tilfælde er det første trin i denne proces at identificere URL'en (ensartet ressource locator) for det pågældende billede. Dette er den unikke adresse og filsti til det specifikke billede på nettet. Lad os se på hvordan dette er gjort.
Kom i gang
For at begynde, gå til siden med det billede, du vil bruge. Husk dog, at du skal bruge et billede, du ejer. Det er fordi at pege på andres billeder betragtes som båndbreddetyveri og kan få dig i problemer - selv lovligt. Hvis du linker til et billede på din hjemmeside, bruger du dit eget billede og din egen båndbredde. Det er fint, men hvis du linker til en andens hjemmeside, suger du op på deres båndbredde for at vise det billede. Hvis dette websted har månedlige begrænsninger for deres båndbreddeforbrug, som mange hostingfirmaer pålægger, så spiser du i deres månedlige grænse uden deres samtykke. Desuden kan kopiering af en anden persons billede til din hjemmeside være en krænkelse af ophavsretten. Hvis nogen har licens til et billede, der skal bruges på deres hjemmeside, har de gjort det for deres hjemmeside alene. Kobling til billedet og tegning det på dit websted, så det vises på din side, går uden for denne licens og kan åbne dig for juridiske bøder og bøder. Nederste linje, du kan linke til billeder, der er uden for dit eget websted / domæne, men det anses for uhøfligt i bedste fald og ulovligt i værste fald, så undgå bare denne øvelse alt sammen.
Af hensyn til denne artikel antager vi, at billederne er lovligt hostede på dit eget domæne.
Nu hvor du forstår "gotchas" af billedforbindelse, vil vi gerne identificere hvilken browser du vil bruge. Forskellige browsere gør tingene anderledes, hvilket giver mening, da de er alle unikke softwareplatforme, der er oprettet af forskellige virksomheder. For det meste fungerer browsere dog alle sammen lidt i disse dage. I Google Chrome er dette det, jeg ville gøre:
-
Find det billede, du ønsker.
-
Højreklik på det billede (Ctrl + klik på en Mac).
-
Der vises en menu. Fra den menu vælger jeg Kopier billedadresse.
-
Hvis du indsætter hvad der nu er på dit udklipsholder, vil du opdage, at du har den fulde sti til det billede.
Nu fungerer det sådan i Google Chrome. Andre browsere har forskelle. I Internet Explorer skal du højreklikke på billedet og vælge Ejendomme. Fra denne dialogboks vil du se stien til dette billede. Kopier adresse på billedet ved at vælge det og kopiere det til dit udklipsholder.
I Firefox ville du højreklikke på billedet og vælge kopi billed placering.
Mobile enheder er endnu vanskeligere, når det kommer til at finde en URL-sti, og da der findes så mange forskellige enheder på markedet i dag, ville det være en skræmmende opgave at oprette en endelig liste over, hvordan man finder en billedwebadresse på alle platforme og enheder. I mange tilfælde berører og holder du dog et billede for at få adgang til en menu, der giver dig mulighed for at gemme billedet eller finde dets URL.
OK, så når du har din billedwebadresse, kan du tilføje den til et HTML-dokument. Husk, dette var hele punktet i denne øvelse for at finde billedets URL, så vi kunne tilføje det til vores side! Sådan tilføjes det med HTML. Bemærk at du vil skrive denne kode i hvilken HTML editor du foretrækker:
Type:
Mellem det første sæt dobbelte citater vil du indsætte stien til det billede, du vil medtage. Alt tekstens værdi skal være beskrivende indhold, der forklarer, hvad billedet er for en person, der muligvis ikke kan se det på siden.
Upload din webside og test det i en webbrowser for at se, om dit billede nu er på plads!
Nyttige tips
Bredde- og højdeattributter kræves ikke på billeder, og de bør udelukkes, medmindre du altid vil have det billede, der skal gengives i den nøjagtige størrelse. Med lydhøre websites og billeder, der reflow og resize på baggrund af skærmstørrelse, er det sjældent tilfældet i disse dage. Du er sandsynligvis bedre af at forlade bredden og højden, især da der ikke er nogen anden størrelse info eller stilarter), vil browseren alligevel vise billedet i standardstørrelsen.
