Sadržaj

• Kročiti
• Metoda 1 od 2: Napišite HTML kôd
• Metoda 2 od 2: Razumijevanje HTML koda

S jednim retkom HTML koda možete dodati sliku na koju možete kliknuti na gotovo bilo koju web stranicu. Dvije će vam stvari trebati da ovo uspije. Trebate URL slike, a također i URL web stranice.

Kročiti

Metoda 1 od 2: Napišite HTML kôd

1. Stvorite HTML datoteku. Otvorite uređivač teksta, a zatim stvorite novu datoteku. Spremite datoteku kao index.html.
   • Možete koristiti bilo koji uređivač teksta koji želite, čak i jednostavne uređivače teksta u sustavu Windows (Notepad) i Mac OS X (TextEdit).
   • Ako želite koristiti uređivač teksta namijenjen radu s HTML-om, kliknite ovdje da biste preuzeli Atom, uređivač teksta za Windows, Mac OS X i Linux.
   • Ako koristite TextEdit, kliknite izbornik Format prije stvaranja HTML datoteke, a zatim kliknite Make Plain Text. Ova postavka osigurava da se HTML datoteka pravilno učitava u web pregledniku.
   • Procesori za obradu teksta kao što je Microsoft Word zapravo nisu dobri za pisanje HTML-a, jer dodaju nevidljive znakove i oblikovanje koji mogu oštetiti HTML datoteku i prikazati je pogrešno prikazanu u web pregledniku.
2. Kopirajte i zalijepite standardni HTML kôd. Odaberite i kopirajte HTML kôd u nastavku i zalijepite ga u svoj otvoreni index.html.
   

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

3. Pronađite URL slike. Pronađite sliku na webu, kliknite je desnom tipkom miša i (ovisno o vašem pregledniku) kliknite Kopiraj URL slike, Kopiraj adresu slike ili Kopiraj mjesto slike.
   • Firefox i Internet Explorer koriste mjesto kopiranja slike. Chrome koristi URL za kopiranje slike. Safari koristi Kopiraj adresu slike.
4. Dodajte URL slike. U datoteci index.html kliknite i povucite da biste mišem odabrali URL slike, a zatim pritisnite CTRL + V da biste zalijepili URL.
5. Dodajte ciljani URL. U index.html izbrišite ciljni url i tip https://www.startpage.com.
   • Kao ciljni URL možete koristiti bilo koji URL.
6. Spremite HTML datoteku.
7. Otvorite HTML datoteku u web pregledniku. Desnom tipkom miša kliknite index.html, a zatim otvorite ovu datoteku u web pregledniku po vašem izboru.
   • Ako se preglednik otvori, ali slike ne vidite, provjerite jeste li ispravno napisali naziv slikovne datoteke u datoteci index.html.
   • Kada se preglednik otvori, ali umjesto pozadinske slike vidite HTML kôd, vaš index.html sprema se kao .rtf datoteka (datoteka obogaćenog teksta). Pokušajte urediti HTML datoteku u drugom uređivaču teksta.

Metoda 2 od 2: Razumijevanje HTML koda

1. Razumijevanje sidrene oznake. HTML kôd sastoji se od otvaranja i zatvaranja oznaka. Oznaka a href = ""> je početna oznaka, a / a> je završna oznaka. To se naziva sidrena oznaka i koristi se za dodavanje veza na web stranicu.
   • The a govori pregledniku da stvori vezu. The href je kratica za HTML referencu, = govori pregledniku da promijeni sve između ’ ’ stvoriti vezu. Bilo koji URL može se staviti između dva navodnika.
   • The / a> govori pregledniku da je oznaka sidra zatvorena.
   • Kada dodate tekst između a href = ""> i / a> taj tekst postaje veza na koju se može kliknuti na web stranici. Na primjer: a href = "https://www.google.com"> Google / a> stvara vezu do Googlea.
2. Razumijevanje oznake slike. Oznaka img> zatvorena je oznaka. Možete ga zatvoriti s img src = "" /> ili img src = ""> / img>.
   • The img Oznaka govori pregledniku da prikaže sliku. The src je kratica za izvor, de = govori pregledniku da izbriše sve između ’ ’ i dohvatite sliku s tog mjesta.
   • The /> govori pregledniku da zatvori oznaku slike.
   • Na primjer: {samp [} dobiva sliku s tog URL-a, a zatim je prikazuje u web pregledniku.
3. Koristite ovaj kod svugdje. Sad kad znate ovaj kod, možete a href = "target url"> img src = "url slike" /> / a> za dodavanje slika na koje je moguće kliknuti na bilo koju web stranicu s HTML kodom.