Shtoni një lidhje në një imazh në HTML

Autor: Christy White
Data E Krijimit: 12 Mund 2021
Datën E Azhurnimit: 1 Korrik 2024
Anonim
Shtoni një lidhje në një imazh në HTML - Këshilla
Shtoni një lidhje në një imazh në HTML - Këshilla

Përmbajtje

Me një linjë të vetme të kodit HTML, ju mund të shtoni një imazh të klikueshëm në pothuajse çdo faqe në internet. Ka dy gjëra që do t'ju duhen për ta bërë këtë punë. Ju duhet një URL për imazhin dhe gjithashtu URL e një faqe në internet.

Të shkelësh

Metoda 1 nga 2: Shkruani kodin HTML

  1. Krijoni një skedar HTML. Hapni një redaktues teksti dhe më pas krijoni një skedar të ri. Ruani skedarin si index.html.
      • Mund të përdorni cilindo redaktues teksti që dëshironi, madje edhe redaktuesit e thjeshtë të tekstit të Windows (Notepad) dhe Mac OS X (TextEdit).
      • Nëse dëshironi të përdorni një redaktues teksti të destinuar për të punuar me HTML, klikoni këtu për të shkarkuar Atom, një redaktues teksti për Windows, Mac OS X dhe Linux.
      • Nëse jeni duke përdorur TextEdit, klikoni në menunë Format para se të krijoni skedarin HTML, pastaj klikoni Make Plain Text. Ky cilësim siguron që skedari HTML të ngarkohet si duhet në një shfletues uebi.
      • Përpunuesit e fjalëve si Microsoft Word nuk janë vërtet të mirë për të shkruar HTML, sepse ato shtojnë karaktere dhe formatime të padukshme që mund të prishin skedarin HTML dhe ta bëjnë atë të shfaqur gabimisht në një shfletues uebi.
  2. Kopjoni dhe ngjisni kodin standard HTML. Zgjidhni dhe kopjoni kodin HTML më poshtë dhe ngjisni atë në indeksin tuaj të hapur.html.

    një href = "url i synuar"> img src = "url i imazhit" /> / a>

  3. Gjeni URL-në e imazhit tuaj. Gjeni një imazh në ueb, klikoni me të djathtën dhe (në varësi të shfletuesit tuaj) klikoni Kopjoni URL e imazhit, Kopjo adresën e figurës ose Kopjoni vendndodhjen e fotos.
      • Firefox dhe Internet Explorer përdorin Kopjoni vendndodhjen e imazhit. Chrome përdor Kopjo URL-në e imazhit. Safari përdor Kopjo Adresën e Imazhit.
  4. Shtoni URL-në e figurës. Në skedarin index.html, klikoni dhe tërhiqni për të zgjedhur URL-në e figurës me miun, më pas shtypni CTRL + V për të ngjitur URL-në.
  5. Shtoni URL-në e synuar. Në index.html fshini url-në dhe llojin e synuar https://www.startpage.com.
      • Ju mund të përdorni çdo URL si URL të synuar.
  6. Ruani skedarin HTML.
  7. Hapni skedarin HTML në një shfletues uebi. Klikoni me të djathtën në index.html dhe më pas hapni këtë skedar në shfletuesin e internetit që keni zgjedhur.
      • Nëse shfletuesi hapet por nuk e shihni imazhin, sigurohuni që e keni shkruar drejt emrin e skedarit të figurës në skedarin index.html.
      • Kur shfletuesi hapet, por ju shihni kodin HTML në vend të imazhit të sfondit, indeksi juaj.html ruhet si skedar .rtf (skedar i pasur me tekst). Provoni të redaktoni skedarin HTML në një tjetër redaktues teksti.

Metoda 2 nga 2: Kuptoni kodin HTML

  1. Kuptoni etiketën spirancë. Kodi HTML përbëhet nga hapja dhe mbyllja e etiketave. Etiketa a href = ""> është etiketimi fillestar dhe / a> është etiketa përfundimtare. Kjo quhet një spirancë dhe përdoret për shtimin e lidhjeve në një faqe në internet.
    • a i thotë një shfletuesi të krijojë një lidhje. href është një shkurtim për referencën HTML, = i thotë shfletuesit të ndryshojë gjithçka ndërmjet ’ ’ krijoni një lidhje. Çdo URL mund të vendoset midis dy thonjëzave.
    • / a> i tregon shfletuesit që etiketa ankoruese është e mbyllur.
    • Kur shtoni tekst në mes një href = ""> dhe / a> ai tekst bëhet një lidhje e klikueshme në një faqe në internet. Për shembull: një href = "https://www.google.com"> Google / a> krijon një lidhje me Google.
  2. Kuptoni etiketën e imazhit. Etiketa img> është një etiketë e mbyllur. Mund ta mbyllni me img src = "" /> ose img src = ""> / img>.
    • img etiketa i tregon një shfletuesi të shfaqë një imazh. src është një shkurtim për burimin, de = i thotë shfletuesit të fshijë gjithçka midis ’ ’ dhe rimarr imazhin nga ai vendndodhje.
    • /> i thotë një shfletuesi të mbyllë etiketën e imazhit.
    • Për shembull: {samp [} merr imazhin nga ajo URL, pastaj e shfaq atë në një shfletues uebi.
  3. Përdoreni këtë kod kudo. Tani që e dini këtë kod, mundeni një href = "url i synuar"> img src = "url i imazhit" /> / a> për shtimin e imazheve të klikueshme në çdo faqe në internet me kod HTML.