Hoe om `n skakel na `n foto te voeg

Met `n enkele lyn van HTML-kode kan u `n klikbare beeld by bykans enige webwerf byvoeg. Daar is twee dinge wat jy nodig het om dit te laat werk. Jy benodig die URL vir `n beeld, en jy sal die URL van `n webwerf nodig hê.

Stappe

Metode 1 van 2:
Skryf die HTML-kode
  1. Beeld getiteld 769114 1
1. Skep `n HTML-lêer. Maak `n teksredakteur oop, en skep dan `n nuwe lêer. Stoor die lêer as indeks.html.
    • Jy kan enige teksredakteur wat jy wil gebruik, selfs die stelsel teksredakteurs wat deur Windows, Notepad en Mac OS X, TEXTEDIT verskaf word, gebruik.
    • As u `n teksredakteur wil gebruik wat bedoel is om met HTML te werk, Klik hier Om Atoom af te laai, `n teksredakteur wat op Windows, Mac OS X, en Linux-bedryfstelsels werk.
    • As jy TextEdit gebruik, moet jy die Formas-kieslys op die HTML-lêer begin skryf en klik dan op Plain Text. Hierdie instelling sal seker maak dat die HTML-lêer behoorlik in `n webblaaier laai.
    • Woordverwerkers, soos Microsoft Word, is nie goed om HTML te skryf nie, omdat hulle onsigbare karakters en formatering byvoeg wat `n HTML-lêer kan breek sodat dit nie korrek in `n webblaaier vertoon word nie.
  • Beeld getiteld 769114 2
    2. Kopieer en plak die standaard HTML-kode. Kies en kopieer die HTML-kode hieronder en plak dit dan in u oop indeks.HTML-lêer.
    <`n href ="Bestemming URL">
  • Beeld getiteld 769114 3
    3. Vind `n beeld se URL. Vind `n prent op die internet, regs kliek op die prentjie, en dan, afhangende van jou blaaier, klik op kopie-url, kopieer prentadres of kopieer beeldplek.
      • Firefox en Internet Explorer gebruik kopieer beeld plek. Chrome gebruik kopie beeld url. Safari gebruik kopie prent adres.
  • Beeld getiteld 769114 4
    4. Voeg die beeld-URL by. In die indeks.HTML-lêer, kliek en sleep om Image-URL met jou muis te kies, en druk dan Ctrl + V om die beeld-URL te plak.
  • Beeld getiteld 769114 5
    5. Voeg die bestemming URL by. In die indeks.html lêer, verwyder bestemming url, en tik dan https: // maak.mededelbaan.
      • Jy kan enige URL wat jy wil hê vir die bestemmings-URL gebruik.
  • Beeld getiteld 769114 6
    6. Stoor die HTML-lêer.
  • Beeld getiteld 769114 7
    7. Maak die HTML-lêer oop in `n webblaaier. Regskliek op die indeks.HTML-lêer, en maak dit dan oop in die webblaaier van u keuse.
      • Wanneer die blaaier oopmaak, as jy nie die prent sien nie, maak seker dat die prentjie se naam korrek in die indeks gespel word.HTML Text Editor Window.
      • Wanneer die blaaier oopmaak, as u HTML-kode sien in plaas van die agtergrondbeeld, u indeks.HTML-lêer is gestoor as `n ryk teksdokument. U kan die HTML-lêer in `n ander teksredakteur probeer om te wysig.
  • Metode 2 van 2:
    Verstaan ​​die HTML-kode
    1. Beeld getiteld 769114 8
    1. Verstaan ​​die anker-tag. HTML-kode bestaan ​​uit oop en geslote etikette. Die Tag is die oop tag, en is die geslote tag. Dit word `n anker-tag genoem en word gebruik om skakels na `n webblad te voeg.
    • Dit vertel `n blaaier om `n skakel te lewer. Die href is kort vir HTML-verwysing, die = vertel die blaaier om alles tussen die " " en maak dit `n skakel. Enige URL kan tussen die twee aanhalingstekens gaan.
    • Dit vertel `n blaaier dat die anker-tag gesluit is.
    • Wanneer u teks byvoeg en dit sal die teks `n kliekbare skakel op `n webblad maak. Byvoorbeeld, Maak sou `n skakel na Google skep.
  • Beeld getiteld 769114 9
    2. Verstaan ​​die beeldetiket. Die Tag is `n self sluiting tag. U kan dit deur Skryfwerk maak deur te skryf .
  • Die tag vertel `n blaaier om `n prent te lewer. Die sr is kort vir die bron, die = vertel die blaaier om alles tussen die " " en kry die beeld van daardie plek af.
  • Die /> vertel `n blaaier om die prentetiket te sluit.
  • Byvoorbeeld, {} sou die beeld by daardie URL kry en dit dan in `n webblaaier vertoon.
  • Beeld getiteld 769114 10
    3. Gebruik hierdie kode oral. Noudat jy hierdie kode ken, kan jy gebruik om klikbare beelde by te voeg aan enige webblad wat HTML-kode kan lewer.
  • Wenke

    Deel op sosiale netwerke:
    Soortgelyk