Pievienojiet saiti uz attēlu HTML

Autors: Christy White
Radīšanas Datums: 12 Maijs 2021
Atjaunināšanas Datums: 1 Jūlijs 2024
Anonim
How To Use An Image As A Link In HTML
Video: How To Use An Image As A Link In HTML

Saturs

Izmantojot vienu HTML koda rindiņu, gandrīz jebkurai vietnei varat pievienot attēlu, uz kura var noklikšķināt. Lai veiktu šo darbu, jums būs nepieciešamas divas lietas. Jums ir nepieciešams attēla URL, kā arī vietnes URL.

Lai soli

1. metode no 2: uzrakstiet HTML kodu

  1. Izveidojiet HTML failu. Atveriet teksta redaktoru un pēc tam izveidojiet jaunu failu. Saglabājiet failu kā index.html.
      • Varat izmantot jebkuru vēlamo teksta redaktoru, pat vienkāršos Windows (Notepad) un Mac OS X (TextEdit) teksta redaktorus.
      • Ja vēlaties izmantot teksta redaktoru, kas paredzēts darbam ar HTML, noklikšķiniet šeit, lai lejupielādētu Atom, teksta redaktoru Windows, Mac OS X un Linux.
      • Ja izmantojat TextEdit, pirms HTML faila izveidošanas noklikšķiniet uz izvēlnes Formatēt, pēc tam noklikšķiniet uz Make Plain Text. Šis iestatījums nodrošina HTML faila pareizu ielādi tīmekļa pārlūkprogrammā.
      • Tādi teksta procesori kā Microsoft Word nav īsti piemēroti HTML rakstīšanai, jo tie pievieno neredzamas rakstzīmes un formatējumu, kas var sabojāt HTML failu un padarīt to nepareizi parādītu tīmekļa pārlūkprogrammā.
  2. Nokopējiet un ielīmējiet standarta HTML kodu. Atlasiet un nokopējiet zemāk esošo HTML kodu un ielīmējiet to atvērtajā index.html.

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

  3. Atrodiet sava attēla URL. Atrodiet attēlu tīmeklī, ar peles labo pogu noklikšķiniet uz tā un (atkarībā no pārlūkprogrammas) noklikšķiniet uz Kopēt attēla URL, Kopēt attēla adresi vai Kopēt attēla atrašanās vietu.
      • Firefox un Internet Explorer izmanto kopēt attēla atrašanās vietu. Pārlūkā Chrome tiek izmantots kopēt attēla URL. Safari izmanto kopēt attēla adresi.
  4. Pievienojiet attēla URL. Failā index.html noklikšķiniet un velciet, lai ar peli atlasītu attēla URL, pēc tam nospiediet CTRL + V, lai ielīmētu URL.
  5. Pievienojiet mērķa URL. Vietnē index.html izdzēsiet mērķa URL un ierakstiet https://www.startpage.com.
      • Kā mērķa URL varat izmantot jebkuru URL.
  6. Saglabājiet HTML failu.
  7. Atveriet HTML failu tīmekļa pārlūkprogrammā. Ar peles labo pogu noklikšķiniet uz index.html un pēc tam atveriet šo failu izvēlētajā tīmekļa pārlūkprogrammā.
      • Ja pārlūkprogramma tiek atvērta, bet attēls nav redzams, pārliecinieties, vai faila index.html failā pareizi uzrakstīts attēla faila nosaukums.
      • Kad pārlūkprogramma tiek atvērta, bet fona attēla vietā redzat HTML kodu, index.html tiek saglabāts kā .rtf fails (bagātināta teksta fails). Mēģiniet rediģēt HTML failu citā teksta redaktorā.

2. metode no 2: izprotiet HTML kodu

  1. Izprotiet enkura tagu. HTML kods sastāv no tagu atvēršanas un aizvēršanas. A href = ""> tags ir sākuma tags un / a> ir beigu tags. To sauc par enkura tagu, un to izmanto, lai pievienotu saites uz tīmekļa lapu.
    • The a liek pārlūkprogrammai izveidot saiti. The href ir HTML atsauces saīsinājums, = liek pārlūkprogrammai mainīt visu ’ ’ izveidot saiti. Starp abām pēdiņām var ievietot jebkuru URL.
    • The / a> paziņo pārlūkprogrammai, ka enkura tags ir aizvērts.
    • Pievienojot tekstu starp a href = ""> un / a> šis teksts kļūst par klikšķināmu saiti tīmekļa lapā. Piemēram: a href = "https://www.google.com"> Google / a> izveido saiti uz Google.
  2. Izprotiet attēla tagu. Img> tags ir slēgts tags. To var aizvērt, izmantojot img src = "" /> vai img src = "">> / img>.
    • The img tags liek pārlūkprogrammai parādīt attēlu. The src ir avota saīsinājums, de = liek pārlūkprogrammai izdzēst visu starp ’ ’ un izgūstiet attēlu no šīs vietas.
    • The /> liek pārlūkprogrammai aizvērt attēla tagu.
    • Piemēram: {samp [} iegūst attēlu no šī URL un pēc tam parāda to tīmekļa pārlūkprogrammā.
  3. Izmantojiet šo kodu visur. Tagad, kad zināt šo kodu, varat a href = "target url"> img src = "image url" /> / a> attēlu, ar kuriem var noklikšķināt, pievienošanai jebkurai tīmekļa lapai ar HTML kodu.