Så här lägger du till en länk till en bild

Med bara en rad HTML kan du lägga till en bild där du kan klicka på vilken sida som helst. Du behöver bara två bitar av information för att följa den här metoden - webbadressen till bilden och webbadressen till webbplatsen.

Metod 1

Skriv HTML-koden

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

• Du kan använda din favorit textredigerare, inklusive standard Windows-redigerare, Anteckningar och Mac OS X, TextEdit.

• Om du vill använda en textredigerare speciellt för användning med HTML, klicka här att ladda ner Atom, ett program tillgängligt för Windows, Mac OS X och Linux.

• Om du har bestämt dig för att använda TextEdit, innan du börjar skriva HTML-filen, klicka på Format-menyn och klicka sedan på Endast text. Den här inställningen säkerställer att HTML-filen är laddad korrekt på webbläsare.

• Ordbehandlingsprogram, som Microsoft Word, är inte lämpliga för skrivning till HTML, eftersom de lägger till osynliga tecken och formatering som kan skapa problem när de ses i en webbläsare.

Kopiera och klistra in den vanliga HTML-koden. Välj och kopiera följande kod och klistra in den i index.html filen du öppnade.

Hitta webbadressen till en bild. Hitta en bild på Internet, högerklicka på den och klicka sedan på Kopiera bildadress, Kopiera bildadress eller Kopiera bildposition enligt din webbläsare.

• På Firefox och Internet Explorer hittar du Kopiera bildposition. På Chrome kopiera bildadress. På Safari, Kopiera bildadress.

Lägg till bildadressen. I index.html-filen klickar du och drar för att välja IMAGE URL med musen och trycker sedan på CTRL + V för att klistra in bildadressen.

Lägg till destinationsadressen. I filen index.html, radera URL DESTINATION och skriv sedan http://google.com.

• Du kan ange webbadressen du föredrar som destinationsadress.

Spara HTML-filen.

Öppna HTML-filen i en webbläsare. Högerklicka på filen index.html och öppna den med din favoritwebbläsare.

• När du öppnar webbläsaren, kontrollera att bildfilnamnet är korrekt skrivet i filen index.html om du inte ser bilden.

• När du öppnar webbläsaren, om du kan läsa HTML-filen i stället för bilden, har du sparat index.html-filen i ett rik textdokumentformat. Prova att redigera HTML-filen med en annan textredigerare.

Metod 2

Förstå HTML-koden

Lär känna ankaretiketten. HTML-koden består av att öppna och stänga taggar. Taggen är öppningstaggen, e stängningskoden. Den kallas för ankare och används för att lägga till länkar till webbsidor.

Taggen berättar för webbläsaren att skapa en länk. Del href är förkortningen av HTML-referens (HTML-referens) och= berättar att webbläsaren tar all text mellan " " och skapa en länk. Du kan ange webbadressen du föredrar i citat.
Taggen berättar att webbläsaren stänger ankaretiketten.
När du lägger till text mellan den texten kommer att visas som en länk där du kan klicka på en webbsida. Till exempel, Google skulle skapa en länk till Google-sidan.

Lär dig att använda bildtaggen. Taggen Det är självstängande, dvs det behöver inte en motsvarande stängningskod. Du kan stänga den genom att skriva eller.

den" tagg berättar för webbläsaren att skapa en bild. Del src är förkortningen för källan (källan), den= berättar att webbläsaren tar innehållet mellan " " och få bilden från den positionen.

Del /> berättar att webbläsaren stänger bildtaggen.

Exempelvis tar {} -koden bilden på den angivna webbadressen och visar den i en webbläsare.

Använd denna kod var du än vill. Nu när du känner till koden kan du använda den att lägga till bilder för att klicka på någon webbsida som kan visa HTML.

Dela på sociala nätverk:

Relaterade

Så här lägger du till en länk till en bild

steg

Metod 1

Metod 2