Sådan tilføjes et link til et billede

Med en enkelt linje af HTML-kode kan du tilføje et klikbart billede til næsten enhver hjemmeside. Der er to ting, du har brug for for at dette skal fungere. Du skal bruge webadressen til et billede, og du har brug for webadressen på en hjemmeside.

Trin

Metode 1 af 2:
Skrivning af HTML-koden
  1. Billede med titlen 769114 1
1. Opret en HTML-fil. Åbn en teksteditor, og lav derefter en ny fil. Gem filen som indeks.html.
    • Du kan bruge enhver teksteditor, du vil have, selv systemtekstredaktørerne, der leveres af Windows, Notepad og Mac OS X, TextEdit.
    • Hvis du vil bruge en teksteditor, der er beregnet til at arbejde med HTML, Klik her For at downloade atom, en teksteditor, der fungerer på Windows, Mac OS X og Linux-operativsystemer.
    • Hvis du bruger TextEdit, før du begynder at skrive HTML-filen, skal du klikke på menuen Format, og derefter klikke på Lav almindelig tekst. Denne indstilling sikrer, at HTML-filen belastes korrekt i en webbrowser.
    • Word-processorer, som f.eks. Microsoft Word, er ikke gode til at skrive HTML, fordi de tilføjer usynlige tegn og formatering, der kan bryde en HTML-fil, så den ikke vises korrekt i en webbrowser.
  • Billede med titlen 769114 2
    2. Kopier og indsæt standard HTML-koden. Vælg og kopier HTML-koden nedenfor, og indsæt derefter den i dit åbne indeks.HTML-fil.
  • Billede med titlen 769114 3
    3. Find en Image`s URL. Find et billede på internettet, højreklik på billedet, og derefter, afhængigt af din browser, skal du klikke på Copy Image URL, kopiere billedadresse eller kopiere billedplacering.
      • Firefox og Internet Explorer Brug Kopier billedplacering. Chrome bruger Kopier billede URL. Safari bruger kopi billedadresse.
  • Billede med titlen 769114 4
    4. Tilføj billedwebadressen. I indekset.HTML-fil, klik og træk for at vælge billedwebadresse med musen, og tryk derefter på CTRL + V for at indsætte billedwebadressen.
  • Billede med titlen 769114 5
    5. Tilføj destinationswebadressen. I indekset.HTML-fil, Slet destinationswebadresse, og skriv derefter https: // Google.com.
      • Du kan bruge enhver webadresse, du vil have til destinationswebadressen.
  • Billede med titlen 769114 6
    6. Gem HTML-filen.
  • Billede med titlen 769114 7
    7. Åbn HTML-filen i en webbrowser. Højreklik på indekset.HTML-fil, og derefter åbne den i webbrowseren efter eget valg.
      • Når browseren åbnes, hvis du ikke kan se billedet, skal du sørge for, at billedfilnavnet er stavet korrekt i indekset.HTML Text Editor vindue.
      • Når browseren åbnes, hvis du ser HTML-kode i stedet for baggrundsbilledet, dit indeks.HTML-fil blev gemt som et rigt tekstdokument. Du vil måske prøve at redigere HTML-filen i en anden tekstreditor.
    • Metode 2 af 2:
    Forstå HTML-koden
    1. Billede med titlen 769114 8
    1. Forstå ankeretiketten. HTML-kode består af åbne og lukkede tags. Det Tag er det åbne tag, og er det lukkede tag. Det hedder et anker-tag og bruges til at tilføje links til en webside.
    • Fortæller en browser at gøre et link. Det href er kort for HTML-reference, = fortæller browseren at tage alt mellem " " og gøre det til et link. Enhver URL kan gå mellem de to citatmærker.
    • Fortæller en browser, som anker-mærket er lukket.
    • Når du tilføjer tekst mellem, og det vil gøre det til et klikbart link på en webside. For eksempel, Google ville skabe et link til Google.
  • Billede med titlen 769114 9
    2. Forstå billedmærket. Det Tag er en selvlukkende tag. Du kan lukke det ved at skrive ved at skrive .
  • Taggen fortæller en browser at gøre et billede. Det Src er kort for kilde, den = fortæller browseren at tage alt mellem " " og få billedet fra den pågældende placering.
  • Det /> fortæller en browser at lukke billedet mærket.
  • For eksempel, {} ville få billedet på den pågældende webadresse, og derefter vise det i en webbrowser.
  • Billede med titlen 769114 10
    3. Brug denne kode overalt. Nu hvor du kender denne kode, kan du bruge til at tilføje klikbare billeder til enhver webside, der kan gøre HTML-kode.

    • Tips

    Del på sociale netværk :
    Lignende