Füügt e Link op e Bild an HTML derbäi

Auteur: Christy White
Denlaod Vun Der Kreatioun: 12 Mee 2021
Update Datum: 1 Juli 2024
Anonim
Füügt e Link op e Bild an HTML derbäi - Relooking
Füügt e Link op e Bild an HTML derbäi - Relooking

Inhalt

Mat enger eenzeger Zeil vum HTML Code kënnt Dir e klickbare Bild op bal all Websäit bäifügen. Et ginn zwou Saachen déi Dir braucht fir dës Aarbecht ze maachen. Dir braucht eng URL fir d'Bild an och d'URL vun enger Websäit.

Ze trëppelen

Method 1 vun 2: Schreift den HTML Code

  1. Erstellt eng HTML Datei. Öffnen en Texteditor an erstellen dann eng nei Datei. Späichert d'Datei als index.html.
      • Dir kënnt all Texteditor benotzen deen Dir wëllt, och déi einfach Textediteure vu Windows (Notepad) a Mac OS X (TextEdit).
      • Wann Dir en Texteditor benotze wëllt, dee fir HTML ze schaffen ass, klickt hei fir Atom erofzelueden, en Texteditor fir Windows, Mac OS X a Linux.
      • Wann Dir TextEdit benotzt, klickt op de Format Menü ier Dir d'HMLT Datei erstellt, da klickt Maacht Plain Text. Dës Astellung garantéiert datt d'HML-Datei korrekt an engem Webbrowser lued.
      • Wuertveraarbechter wéi Microsoft Word sinn net wierklech gutt fir HTML ze schreiwen, well se onsichtbar Zeechen a Formatéierung bäifügen déi d'HTL Datei korrupt kënne maachen an se falsch an engem Webbrowser uweisen.
  2. Kopéiert a pecht de Standard HTML Code. Wielt a kopéiert den HTML Code hei ënnen a pecht en an Äre geöffenen Index.html.

    a href = "Zil-URL"> img src = "Bild-URL" /> / a>

  3. Fannt d'URL vun Ärem Bild. Fannt e Bild um Internet, klickt mat der Maustast an dréckt et (ofhängeg vun Ärem Browser) op Copy URL URL, Copy Image Address oder Copy Image Location.
      • Firefox an Internet Explorer benotze Copy Image Location. Chrome benotzt Copy Image URL. Safari benotzt Copy Image Adress.
  4. Füügt d'URL vum Bild derbäi. An der index.html Datei klickt an zitt fir d'URL vum Bild mat Ärer Maus ze wielen, dréckt dann op CTRL + V fir d'URL ze pechen.
  5. Füügt d'Zil URL bäi. An index.html läscht URL url a type https://www.startpage.com.
      • Dir kënnt all URL als Zil URL benotzen.
  6. Späichert d'HTL Datei.
  7. Öffnen der HTML Datei an engem Webbrowser. Riets-klickt op index.html an dann dës Datei am Webbrowser vun Ärer Wiel opmaachen.
      • Wann de Browser opgeet awer Dir d'Bild net gesitt, gitt sécher datt Dir den Image Dateinumm richteg an der Index.html Datei geschriwwen hutt.
      • Wann de Browser opgeet, awer Dir gesitt HTML Code amplaz vum Hannergrondbild, gëtt Ären Index.html als .rtf Datei (Rich Text Datei) gespäichert. Probéiert déi HTML Datei an engem aneren Texteditor z'änneren.

Method 2 vun 2: HTML Code verstoen

  1. Verstinn den Anker Tag. HTML Code besteet aus Ëffnungs- a Schlussmarken. Den a href = ""> Tag ass den Start Tag, an / a> ass den End Tag. Dëst gëtt en Anker Tag genannt a gëtt benotzt fir Links op eng Websäit bäizefügen.
    • Den a erzielt engem Browser e Link ze kreéieren. Den href ass eng Ofkierzung fir HTML Referenz, de = seet de Browser alles tëscht ze wiesselen ’ ’ e Link erstellen. All URL kann tëscht den zwou Zitatemarken plazéiert ginn.
    • Den / a> erzielt de Browser datt den Ankertag zou ass.
    • Wann Dir Text derbäi a href = ""> an / a> deen Text gëtt zu engem klickbare Link op enger Websäit. Zum Beispill: a href = "https://www.google.com"> Google / a> kreéiert e Link op Google.
  2. Den Image Tag verstoen. Den img> Tag ass en zouenen Tag. Dir kënnt et mat img src = "" /> oder img src = ""> / img> zoumaachen.
    • Den img Tag seet engem Browser e Bild ze weisen. Den src ass eng Ofkierzung fir Quell, de = seet de Browser alles ze läschen tëscht dem ’ ’ an d'Bild vun där Plaz recuperéieren.
    • Den /> erzielt engem Browser de Bildtag zouzemaachen.
    • Zum Beispill: {samp [} kritt d'Bild vun där URL, weist et dann an engem Webbrowser.
  3. Benotzt dëse Code iwwerall. Elo wou Dir dëse Code wësst, kënnt Dir a href = "Zil-URL"> img src = "Bild-URL" /> / a> fir klickbar Biller op all Websäit mat HTML Code bäizefügen.