Lägg till en länk till en bild i html

Med en enda rad HTML-kod kan du lägga till en klickbar bild på nästan vilken webbplats som helst. Det finns två saker du behöver för att få det här att fungera. Du behöver en URL för bilden och även URL:en till en webbplats.

Steg

Metod 1 av 2: Skriv HTML-koden

Bild med titeln 769114 1
1. Skapa en HTML-fil. Öppna en textredigerare och skapa sedan en ny fil. Spara filen som index.html.
    • Du kan använda vilken textredigerare du vill, även de enkla textredigerarna i Windows (Anteckningar) och Mac OS X (TextEdit).
    • Vill använda en textredigerare designad för att arbeta med HTML, klicka sedan här för att ladda ner Atom, en textredigerare för Windows, Mac OS X och Linux.
    • Om du använder TextEdit, klicka först på Format-menyn innan du skapar HTML-filen och klicka sedan på Gör vanlig text. Den här inställningen gör att HTML-filen laddas korrekt i en webbläsare.
    • Ordbehandlare som Microsoft Word är inte riktigt bra på att skriva HTML eftersom de lägger till osynliga tecken och formatering som kan skada HTML-filen och förhindra att den visas korrekt i en webbläsare.
Bild med titeln 769114 2
2. Kopiera och klistra in standard HTML-koden. Välj och kopiera HTML-koden nedan och klistra in den i ditt öppna index.html.
Bild med titeln 769114 3
Bild med titeln 769114 4
Bild med titeln 769114 5
Bild med titeln 769114 6
6. Spara HTML-filen.
Bild med titeln 769114 7
7. Öppna HTML-filen i en webbläsare. Högerklicka på index.html och öppna sedan den här filen i den webbläsare du väljer.
    • När webbläsaren öppnas, men du inte ser bilden, kontrollera om du stavat bildfilens namn korrekt i indexfilen.html.
    • När webbläsaren öppnas, men du ser HTML-kod istället för bakgrundsbilden, då ditt index.html sparad som .rtf-fil (rik textfil). Försök att redigera HTML-filen i en annan textredigerare.

Metod 2 av 2: Förstå HTML-kod

Bild med titeln 769114 8
Bild med titeln 769114 9

Оцените, пожалуйста статью