Lisage HTML-i pildi link

Autor: Christy White
Loomise Kuupäev: 12 Mai 2021
Värskenduse Kuupäev: 1 Juuli 2024
Anonim
Add RTSP Stream To Website
Videot: Add RTSP Stream To Website

Sisu

Ühe rea HTML-koodiga saate lisada klõpsatava pildi peaaegu igale veebisaidile. Selle toimimiseks on vaja kahte asja. Teil on vaja pildi URL-i ja ka veebisaidi URL-i.

Astuda

1. meetod 2-st: kirjutage HTML-kood

  1. Looge HTML-fail. Avage tekstiredaktor ja looge siis uus fail. Salvestage fail nimega index.html.
      • Võite kasutada mis tahes soovitud tekstiredaktorit, isegi Windowsi (Notepad) ja Mac OS X (TextEdit) lihtsaid tekstiredaktoreid.
      • Kui soovite kasutada HTML-iga töötamiseks mõeldud tekstiredaktorit, klõpsake Windowsi, Mac OS X ja Linuxi tekstiredaktori Atomi allalaadimiseks.
      • Kui kasutate TextEditi, klõpsake enne HTML-faili loomist menüüd Vorming ja seejärel käsku Muuda tavaliseks tekstiks. See säte tagab, et HTML-fail laaditakse veebibrauseris õigesti.
      • Tekstiprotsessorid, näiteks Microsoft Word, pole HTML-i kirjutamiseks tegelikult head, kuna lisavad nähtamatuid märke ja vorminguid, mis võivad HTML-faili rikkuda ja selle veebibrauseris valesti kuvada.
  2. Kopeerige ja kleepige tavaline HTML-kood. Valige ja kopeerige allpool olev HTML-kood ja kleepige see avatud index.html-i.

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

  3. Leidke oma pildi URL. Leidke veebist pilt, paremklõpsake seda ja (sõltuvalt teie brauserist) klõpsake käsku Kopeeri pildi URL, Kopeeri pildiaadress või Kopeeri pildi asukoht.
      • Firefox ja Internet Explorer kasutavad pildi asukoha kopeerimist. Chrome kasutab pildi URL-i kopeerimist. Safari kasutab pildi aadressi kopeerimist.
  4. Lisage pildi URL. Failis index.html klõpsake ja lohistage hiire abil pildi URL-i, seejärel vajutage URL-i kleepimiseks klahvikombinatsiooni CTRL + V.
  5. Lisage siht-URL. Kustutage saidil index.html siht-URL ja tüüp https://www.startpage.com.
      • Sihtkoha URL-ina saate kasutada mis tahes URL-i.
  6. Salvestage HTML-fail.
  7. Avage HTML-fail veebibrauseris. Paremklõpsake saidil index.html ja seejärel avage see fail teie valitud veebibrauseris.
      • Kui brauser avaneb, kuid pilti ei näe, veenduge, et failis index.html oleks pildifaili nimi õigesti kirjutatud.
      • Kui brauser avaneb, kuid taustpildi asemel näete HTML-koodi, salvestatakse teie index.html .rtf-failina (rikasfailifail). Proovige HTML-faili teises tekstiredaktoris muuta.

2. meetod 2-st: HTML-koodi mõistmine

  1. Ankrumärgendi mõistmine. HTML-kood koosneb siltide avamisest ja sulgemisest. Märgend a href = ""> on algusmärk ja / a> on lõppmärgis. Seda nimetatakse ankrumärgendiks ja seda kasutatakse linkide lisamiseks veebilehele.
    • The a käsib brauseril luua link. The href on HTML-i viite lühend = käsib brauseril muuta kõike vahepealset ’ ’ lingi loomine. Kahe jutumärgi vahele võib panna mis tahes URL-i.
    • The / a> ütleb brauserile, et ankrumärgend on suletud.
    • Kui lisate teksti vahele a href = ""> ja / a> sellest tekstist saab veebilehel klikitava lingi. Näiteks: a href = "https://www.google.com"> Google / a> loob lingi Google'ile.
  2. Mõistke pildimärgendit. Img> silt on suletud silt. Selle saate sulgeda käsuga img src = "" /> või img src = ""> / img>.
    • The img silt käsib brauseril pilti kuvada. The src on lühend allikast, de = käsib brauseril kustutada kõik failide vahele jäävad ’ ’ ja laadige pilt sellest kohast üles.
    • The /> käsib brauseril pildisilt sulgeda.
    • Näiteks: {samp [} saab pildi sellelt URL-ilt ja kuvab seejärel veebibrauseris.
  3. Kasutage seda koodi kõikjal. Nüüd, kui teate seda koodi, saate seda teha a href = "target url"> img src = "image url" /> / a> klõpsatavate piltide lisamiseks igale HTML-koodiga veebisaidile.