Kako Staviti Sliku U HTML

Sadržaj:

Kako Staviti Sliku U HTML
Kako Staviti Sliku U HTML

Video: Kako Staviti Sliku U HTML

Video: Kako Staviti Sliku U HTML
Video: HTML Tutorijali - 17 - Ubacivanje Slike u HTML 2024, Novembar
Anonim

Tekst na web stranici mnogo je čitljiviji kada je ilustriran. HTML rezervira img oznaku u tu svrhu. Koristeći je u kombinaciji s drugim oznakama, sliku možete učiniti aktivnom vezom, uključujući veću verziju iste slike.

Kako staviti sliku u HTML
Kako staviti sliku u HTML

Instrukcije

Korak 1

Ako se slikovna datoteka i HTML datoteka nalaze u istoj mapi, upotrijebite sljedeći HTML kôd za umetanje slike: gdje je imagename.jpg

Korak 2

Ako se datoteka slike nalazi na istom serveru, ali u drugoj mapi, promijenite ovu konstrukciju na sljedeći način: gdje je /folder/anotherfolder/imagename.jpg

Korak 3

Oprez smjestite slike pohranjene na druge servere - tamo može biti omogućena zaštita od ispiranja, a zatim će umjesto željene slike posjetitelj vaše stranice vidjeti upozorenje o takvoj zaštiti. Ako ne postoji takva zaštita, a vlasnik nezavisnog poslužitelja ne protivi se umetanju tamo pohranjenih slika na tuđe stranice, upotrijebite sljedeći isječak koda: where https://server.domain/folder/anotherfolder/imagename.jpg

Korak 4

Da bi slika istovremeno bila i veza do druge stranice, koristite sljedeći kôd:, gdje je linktext adresa veze (lokalna ili globalna).

Korak 5

Konačno, tako da kada korisnik klikne na sliku, korisnik može vidjeti njenu uvećanu kopiju, promijenite prethodni fragment na sljedeći način: gdje je imagename-big.jpg

Preporučuje se: