Så här lägger du till en länk till en bild: 3 steg (med bilder)

Med en enda rad i HTML-kod kan du lägga till en klickbar bild till nästan vilken webbplats som helst. Det finns två saker du behöver för att detta ska fungera. Du behöver webbadressen för en bild, och du behöver webbadressen till en webbplats.

Steg

Metod 1 av 2:

Skriva HTML-koden

1. Skapa en HTML-fil. Öppna en textredigerare och skapa sedan en ny fil. Spara filen som index.html.

• Du kan använda textredigerare du vill, även systemtextredaktörer som tillhandahålls av Windows, Anteckningsblock och Mac OS X, TextEdit.

Klicka här

• Om du använder TextEdit, innan du börjar skriva HTML-filen, klicka på menyn Format och klicka sedan på Gör vanlig text. Den här inställningen kommer att se till att HTML-filen laddas ordentligt i en webbläsare.

• Ordprocessorer, som Microsoft Word, är inte bra för att skriva HTML, eftersom de lägger till osynliga tecken och formatering som kan bryta en HTML-fil så att den inte visas korrekt i en webbläsare.

2. Kopiera och klistra in standard HTML-koden. Välj och kopiera HTML-koden nedan och klistra in den i ditt öppna index.HTML-fil.

3. Hitta en bilds webbadress. Hitta en bild på Internet, högerklicka på bilden och sedan, beroende på din webbläsare, klicka på Kopiera bildadress, kopiera bildadress eller kopiera bildplats.

• Firefox och Internet Explorer använder kopiera bildplats. Chrome använder kopiera bildadress. Safari använder kopiera bildadress.

4. Lägg till bildadressen. I indexet.HTML-fil, klicka och dra för att välja bildadress med musen och tryck sedan på CTRL + V för att klistra in bildadressen.

5. Lägg till destinationsadressen. I indexet.HTML-fil, radera Destinationsadress och skriv sedan https: // Google.com.

• Du kan använda vilken URL du vill ha för destinationsadressen.

6. Spara HTML-filen.

7. Öppna HTML-filen i en webbläsare. Högerklicka på indexet.HTML-fil, och öppna den sedan i webbläsaren efter eget val.

• När webbläsaren öppnas, om du inte ser bilden, kontrollera att bildfilnamnet är stavat korrekt i indexet.HTML Text Editor Window.

• När webbläsaren öppnas, om du ser HTML-kod istället för bakgrundsbilden, ditt index.HTML-filen sparades som ett rikt textdokument. Du kanske vill försöka redigera HTML-filen i en annan textredigerare.

Metod 2 av 2:

Förstå HTML-koden

1. Förstå ankaretiketten. HTML-kod består av öppna och slutna taggar. De taggen är den öppna taggen, och är den slutna taggen. Det kallas en ankare tagg och används för att lägga till länkar till en webbsida.

De berättar en webbläsare för att göra en länk. De href är kort för HTML-referens, = berättar att webbläsaren tar allt mellan " " och gör det till en länk. Varje webbadress kan gå mellan de två citattecken.
De berättar en webbläsare som ankaretiketten är stängd.
När du lägger till text mellan och det kommer att göra den texten en klickbar länk på en webbsida. Till exempel, Google skulle skapa en länk till Google.

2. Förstå bildetiketten. De Tag är en självslutande tagg. Du kan stänga den med hjälp av skrivaren genom att skriva .

Taggen berättar en webbläsare för att göra en bild. De src är kort för källa, = berättar att webbläsaren tar allt mellan " " och få bilden från den platsen.

De /> Berättar en webbläsare för att stänga bildtaggen.

Till exempel, {

} skulle få bilden på den webbadressen och sedan visa den i en webbläsare.

3. Använd den här koden någonstans. Nu när du känner till den här koden kan du använda för att lägga till klickbara bilder till vilken webbsida som kan göra HTML-kod.

Tips

Dela på det sociala nätverket: