Glavni problem vezan za dobijanje logotipa za HTML web stranice je taj što može biti teško pronaći pravu veličinu i format za logo. Ovisno o veličini web stranice, možda ćete morati promijeniti veličinu ili formatirati svoj logotip kako bi se pravilno uklapao. Osim toga, ako koristite CMS kao što je WordPress, možda ćete morati pronaći dodatak ili isječak koda koji će vam omogućiti da ispravno dodate svoj logotip. Konačno, ovisno o vrsti web stranice, mogu postojati određena pravna razmatranja kada se koriste logotipi drugih kompanija ili organizacija.
<img src="logo.png" alt="Website Logo" />
1. Ova linija koda se koristi za umetanje slike u web stranicu.
2. Izvor slike je “logo.png” što znači da se datoteka mora nalaziti u istom direktoriju kao i HTML dokument koji sadrži ovaj kod.
3. Atribut alt pruža alternativni tekst za sliku, a to je “Logotip web stranice”. Ovaj tekst će se prikazati ako se slika ne može učitati ili ako korisnik koristi čitač ekrana za pristup stranici.
img src= oznaka
Oznaka img src= u HTML-u se koristi za dodavanje slike na web stranicu. To je inline element koji zahtijeva i početnu i završnu oznaku. Atribut src specificira lokaciju datoteke slike, koja može biti relativna ili apsolutna URL adresa. Atribut alt pruža alternativni tekst za sliku, koji se prikazuje ako se slika ne može učitati ili kada se koriste čitači ekrana.
Kako da napravim logo za svoju web stranicu u HTML-u
Kreiranje logotipa za vašu web stranicu u HTML-u je relativno jednostavan proces. Prvo, morat ćete kreirati datoteku slike vašeg logotipa. To se može učiniti u bilo kojem softveru za uređivanje slika kao što je Photoshop ili GIMP. Kada dobijete datoteku slike, možete je otpremiti na svoj web server i zatim koristiti HTML označite da ga prikažete na vašoj web stranici.
The tag zahtijeva dva atributa: src i alt. Atribut src specificira lokaciju slikovne datoteke na vašem web serveru, dok alt atribut pruža alternativni tekst za korisnike koji ne mogu vidjeti slike ili imaju onemogućene slike u postavkama pretraživača. Evo primjera kako koristiti
oznaka:
Nakon što dodate ovaj kod na svoju web stranicu, posjetitelji će moći vidjeti vaš logo kada posjete vašu web stranicu!
