Tilføj et link til et billede i html

Med en enkelt linje HTML-kode kan du tilføje et klikbart billede til næsten enhver hjemmeside. Der er to ting du skal bruge for at få dette til at fungere. Du skal bruge en URL til billedet og også URL`en på et websted.

Trin

Metode 1 af 2: Skrivning af HTML-koden

Billede med titlen 769114 1
1. Opret en HTML-fil. Åbn en teksteditor, og opret derefter en ny fil. Gem filen som indeks.html.
    • Du kan bruge et hvilket som helst tekstredigeringsprogram, du ønsker, selv de simple tekstredigeringsprogrammer i Windows (Notesblok) og Mac OS X (TextEdit).
    • Ønsker at bruge en teksteditor designet til at arbejde med HTML, så klik her at downloade Atom, en teksteditor til Windows, Mac OS X og Linux.
    • Hvis du bruger TextEdit, skal du først klikke på Format-menuen, før du opretter HTML-filen, og derefter klikke på Lav almindelig tekst. Denne indstilling får HTML-filen til at indlæses korrekt i en webbrowser.
    • Tekstbehandlingsprogrammer som Microsoft Word er ikke rigtig gode til at skrive HTML, da de tilføjer usynlige tegn og formatering, der kan ødelægge HTML-filen og forhindre den i at blive vist korrekt i en webbrowser.
Billede med titlen 769114 2
2. Kopiér og indsæt standard HTML-koden. Vælg og kopier HTML-koden nedenfor og indsæt den i dit åbne indeks.html.
Billede med titlen 769114 3
Billede med titlen 769114 4
Billede med titlen 769114 5
Billede med titlen 769114 6
6. Gem HTML-filen.
Billede med titlen 769114 7
7. Åbn HTML-filen i en webbrowser. Højreklik på indeks.html, og åbn derefter denne fil i den valgte webbrowser.
    • Når browseren åbner, men du ikke kan se billedet, skal du kontrollere, om du har stavet billedfilens navn korrekt i indeksfilen.html.
    • Når browseren åbner, men du ser HTML-kode i stedet for baggrundsbilledet, så dit indeks.html gemt som .rtf-fil (rich text-fil). Prøv at redigere HTML-filen i en anden teksteditor.

Metode 2 af 2: Forstå HTML-kode

Billede med titlen 769114 8
Billede med titlen 769114 9

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