HTML-də bir şəkil üçün bir link əlavə edin

Müəllif: Christy White
Yaradılış Tarixi: 12 BiləR 2021
YeniləMə Tarixi: 1 İyul 2024
Anonim
HTML-də bir şəkil üçün bir link əlavə edin - MəSləHəTləR
HTML-də bir şəkil üçün bir link əlavə edin - MəSləHəTləR

MəZmun

Tək bir HTML kod xətti ilə demək olar ki, hər hansı bir veb sayta tıklanabilir bir şəkil əlavə edə bilərsiniz. Bu işi görmək üçün iki şeyə ehtiyacınız olacaq. Şəkil üçün bir URL və eyni zamanda bir veb sayt URL'si lazımdır.

Addımlamaq

Metod 2-dən 1: HTML kodunu yazın

  1. HTML faylı yaradın. Mətn redaktorunu açın və sonra yeni bir fayl yaradın. Sənədi index.html olaraq qeyd edin.
      • İstədiyiniz hər hansı bir mətn redaktorundan, hətta Windows (Notepad) və Mac OS X (TextEdit) sadə mətn redaktorlarından istifadə edə bilərsiniz.
      • HTML ilə işləmək üçün nəzərdə tutulmuş mətn redaktorundan istifadə etmək istəyirsinizsə, Windows, Mac OS X və Linux üçün mətn redaktoru Atomu yükləmək üçün buraya vurun.
      • TextEdit istifadə edirsinizsə, HTML faylı yaratmadan əvvəl Format menyusunu vurun, sonra Düz Mətnə vurun. Bu parametr HTML faylının veb brauzerdə düzgün yüklənməsini təmin edir.
      • Microsoft Word kimi söz prosessorları HTML yazmaq üçün həqiqətən də yaxşı deyil, çünki HTML dosyasını korlaya biləcək və veb brauzerdə səhv göstərilə bilən görünməyən simvollar və formatlaşdırma əlavə edirlər.
  2. Standart HTML kodu kopyalayın və yapışdırın. Aşağıdakı HTML kodu seçin və kopyalayın və açılan index.html-ə yapışdırın.

    a href = "target url"> img src = "image url" /> / a>

  3. Təsvirinizin URL-sini tapın. Vebdə bir şəkil tapın, üzərinə sağ vurun və (brauzerinizdən asılı olaraq) Şəkil URL'ini Kopyalayın, Şəkil Ünvanını Kopyalayın və ya Şəkil Yerini Kopyalayın.
      • Firefox və Internet Explorer kopyalanan şəkil yerini istifadə edir. Chrome Şəkil URL-sini kopyalayır. Safari, Şəkil Ünvanını Kopyala istifadə edir.
  4. Şəklin URL-sini əlavə edin. Index.html faylında basın və sürüşdürərək siçanınızla görüntünün URL-sini seçin, sonra URL yerləşdirmək üçün CTRL + V düymələrini basın.
  5. Hədəf URL əlavə edin. İndex.html-də hədəf urlini silin və yazın https://www.startpage.com.
      • Hər hansı bir URL-ni hədəf URL olaraq istifadə edə bilərsiniz.
  6. HTML sənədini qeyd edin.
  7. HTML faylını veb brauzerdə açın. İndex.html düyməsini sağ vurun və sonra seçdiyiniz veb brauzerdə bu faylı açın.
      • Brauzer açılırsa, şəkli görmürsənsə, index.html faylında şəkil faylı adını düzgün yazdığınızdan əmin olun.
      • Brauzer açıldıqda, ancaq arxa plan şəkli əvəzinə HTML kodunu gördükdə, index.html bir .rtf faylı (zəngin mətn faylı) kimi qeyd olunur. HTML sənədini başqa bir mətn redaktorunda düzəltməyə çalışın.

Metod 2/2: HTML kodunu anlayın

  1. Çapa etiketini anlayın. HTML kodu açma və bağlama etiketlərindən ibarətdir. A href = ""> etiketi başlanğıc etiketidir və / a> son etiketdir. Buna çapa etiketi deyilir və veb səhifəyə keçid əlavə etmək üçün istifadə olunur.
    • The a bir brauzerə bir əlaqə yaratmağı söyləyir. The href HTML referansı üçün bir kısaltmadır = brauzer arasında hər şeyi dəyişdirməsini tələb edir ’ ’ bir əlaqə yaradın. Hər hansı bir URL iki tırnak işarəsi arasında yerləşdirilə bilər.
    • The / a> brauzerə çapa etiketinin bağlandığını bildirir.
    • Arasına mətn əlavə etdikdə a href = "">/ a> bu mətn veb səhifədəki tıklanabilir bir linkə çevrilir. Məsələn: a href = "https://www.google.com"> Google / a> Google ilə əlaqə yaradır.
  2. Şəkil etiketini anlayın. İmg> etiketi qapalı bir etiketdir. İmg src = "" /> və ya img src = ""> / img> ilə bağlaya bilərsiniz.
    • The img etiket brauzerə bir şəkil göstərməsini bildirir. The src mənbə üçün bir kısaltmadır, de = brauzerə arasındakı hər şeyi silməsini deyir ’ ’ və şəkli həmin yerdən alın.
    • The /> bir brauzerə şəkil etiketini bağlamağı tələb edir.
    • Məsələn: {samp [} şəkli həmin URL-dən alır, sonra veb brauzerdə göstərir.
  3. Bu kodu hər yerdə istifadə edin. İndi bu kodu bildiyiniz üçün edə bilərsiniz a href = "target url"> img src = "image url" /> / a> HTML kodu olan istənilən veb səhifəyə tıklanabilir şəkillər əlavə etmək üçün.