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, Svibanj
Anonim

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

Kako staviti sliku u HTML
Kako staviti sliku u HTML

Upute

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 slikovna datoteka nalazi na istom poslužitelju, ali u drugoj mapi, promijenite ovu konstrukciju na sljedeći način: gdje je /folder/anotherfolder/imagename.jpg

3. korak

Slike pohranjene na druge poslužitelje postavljajte oprezno - 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 takve zaštite nema, a vlasnik poslužitelja treće strane 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

4. korak

Da bi slika istovremeno bila i veza na drugu stranicu, upotrijebite sljedeći kod:, gdje je linktext adresa veze (lokalna ili globalna).

Korak 5

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

Preporučeni: