Ühe HTML-koodirea abil saate lisada klõpsatava pildi peaaegu igale veebisaidile. Selle toimimiseks on vaja kahte asja. Teil on vaja pildi URL-i ja veebisaidi URL-i.
1
Looge HTML-fail. Avage tekstiredaktor ja looge seejärel uus fail. Salvestage fail nimega index.html. • Saate kasutada mis tahes soovitud tekstiredaktorit, isegi Windowsi, Notepadi ja Mac OS X-i pakutavaid süsteemitekstiredaktoreid, TextEdit.• Kui soovite kasutada HTML-iga töötamiseks mõeldud tekstiredaktorit, klõpsake siin, et laadige alla tekstiredaktor Atom, mis töötab opsüsteemides Windows, Mac OS X ja Linux.• Kui kasutate TextEditi, klõpsake enne HTML-faili kirjutamise alustamist menüül Vorming ja seejärel käsku Make Plain Text. See säte tagab, et HTML-fail laaditakse veebibrauseris õigesti.• Tekstitöötlusprogrammid, nagu Microsoft Word, ei sobi HTML-i kirjutamiseks suurepäraselt, kuna need lisavad nähtamatuid märke ja vormingut, mis võivad HTML-faili rikkuda. ei kuvata veebibrauseris õigesti.
2
Kopeerige ja kleepige standardne HTML-kood. Valige ja kopeerige allolev HTML-kood ning seejärel kleepige see oma avatud faili index.html.
3
Otsige üles pildi URL. Otsige Internetist üles pilt, paremklõpsake pilti ja seejärel klõpsake olenevalt brauserist valikul Kopeeri pildi URL, Kopeeri pildi aadress või Kopeeri pildi asukoht. • Firefox ja Internet Explorer kasutavad funktsiooni Kopeeri pildi asukoht. Chrome kasutab funktsiooni Kopeeri pildi URL. Safari kasutab funktsiooni Kopeeri pildiaadress.
4
Lisage pildi URL. Klõpsake ja lohistage failis index.html, et valida hiirega PILDI URL, seejärel vajutage pildi URL-i kleepimiseks klahvikombinatsiooni CTRL + V.
5
Lisage sihtkoha URL. Kustutage failis index.html SIHTKOHA URL ja tippige seejärel https://www.google.com. • Sihtkoha URL-ina saate kasutada mis tahes soovitud URL-i.
6
Salvestage HTML-fail.
7
Avage HTML-fail veebibrauseris. Paremklõpsake failil index.html ja seejärel avage see valitud veebibrauseris. • Kui brauser avaneb, kui te pilti ei näe, veenduge, et pildifaili nimi oleks indeks.html tekstiredaktori aknas õigesti kirjutatud. • Kui brauser avaneb, kui näete HTML-koodi asemel taustpilt, teie fail index.html salvestati rikastekstidokumendina. Võite proovida HTML-faili redigeerida mõnes muus tekstiredaktoris.
8
Ankrusildi mõistmine. HTML-kood koosneb avatud ja suletud siltidest. Silt on avatud märgend ja on suletud silt. Seda nimetatakse ankurmärgendiks ja seda kasutatakse veebilehele linkide lisamiseks. annab brauserile teada, et ankrumärgend on suletud. Kui lisate teksti ja vahele, muudab see teksti klõpsatavaks lingiks veebilehel. Näiteks loob Google Google’i lingi.
9
Saage aru pildisildist. Silt on isesulguv silt. Saate selle sulgeda, kirjutades
või kirjutades
. Märgend
käsib brauseril pildimärgend sulgeda. Näiteks {{samp[|
}} saaks pildi sellelt URL-ilt ja kuvab selle seejärel veebibrauseris.
10
Kasutage seda koodi kõikjal. Nüüd, kui teate seda koodi, saate kasutada , et lisada klõpsatavaid pilte mis tahes veebilehele, mis suudab renderdada HTML-koodi.