Mala škola Linuxa

HTML Favicon

Favicon (skraćeno od "favorite icon") je mala ikona koja se prikazuje u kartici web pregledača pored naslova stranice. Favicon se takođe koristi kao ikona pri označavanju web stranice ili dodavanju na početni ekran na mobilnom uređaju. Ova ikona pomaže korisnicima da brže prepoznaju i identifikuju vašu web stranicu među mnogim drugim otvorenim karticama ili oznakama na traci za brzo biranje.

Evo kako možete dodati favicon u svoju HTML stranicu:

Kako dodati Favicon:

Da biste dodali favicon, pratite ove korake:

Izradite favicon ikonu: Prvo, morate kreirati favicon ikonu. Obično je veličine 16x16 piksela ili 32x32 piksela. Ikona se često čuva u formatu .ico, ali možete je sačuvati i u drugim formatima kao što su .png ili .jpg.
Postavite favicon ikonu u korenu vašeg veb servera: Preporučuje se da favicon ikonu postavite u korenu vašeg veb servera tako da je dostupna svim stranicama na vašem sajtu. Na primer, možete je postaviti na adresu https://www.vaša-web-stranica.com/favicon.ico.
Dodajte link ka favicon ikoni u HTML-u: U dodatku na <head> sekciju vašeg HTML dokumenta, dodajte sledeći red koji definiše link ka favicon ikoni:

<link rel="icon" href="favicon.ico" type="image/x-icon">

Ovaj red koristi <link> element sa atributom rel="icon" kako bi označio favicon. href atribut definiše URL do vaše favicon ikone, dok type atribut definiše tip ikone. Tip image/x-icon se često koristi za favicon ikone.

Evo primera HTML koda za dodavanje favicon ikone:

      
<!DOCTYPE html>

<html>

<head>

<link rel="icon" href="https://www.vaša-web-stranica.com/favicon.ico" type="image/x-icon">

</head>

<body>

</body>

</html>

Nakon što dodate ovaj kod u svoj HTML dokument i postavite favicon ikonu na veb server, favicon će se prikazati u kartici web pregledača svaki put kada posetioci posete vašu stranicu.

HTML Linkovi

HTML linkovi se koriste za povezivanje različitih web stranica i resursa na internetu. Linkovi omogućavaju korisnicima da prelaze s jedne stranice na drugu ili da pristupe različitim veb resursima.

Kreiranje linka:

Da biste kreirali link u HTML-u, koristite <a> (anchor) element:

<a href="URL">Tekst linka</a>

href atribut definiše URL odredišta, a Tekst linka je vidljiv tekst linka.

Primer linka:

Ovde je primer HTML koda koji kreira jednostavan link:

<a href="https://www.primer.com">Posetite naš veb sajt</a>

Ovaj link će voditi korisnike na web stranicu "https://www.primer.com" kada se klikne na njega.

Sada znate kako kreirati osnovne linkove u HTML-u i povezivati svoju web stranicu sa drugim resursima na internetu.

HTML target Atribut

HTML target atribut se koristi u linkovima kako bi se odredilo kako će se otvoriti povezani resurs kada korisnik klikne na link.

1. `_blank` - Otvori u novom prozoru ili kartici:

Otvori povezani resurs u novom prozoru ili kartici web pregledača. Korisno za zadržavanje trenutne stranice otvorenom:

<a href="https://www.primer.com" target="_blank">Posetite naš veb sajt</a>

2. `_self` - Otvori u trenutnom prozoru ili kartici:

Otvori povezani resurs u trenutnom prozoru ili kartici web pregledača (podrazumevana vrednost ako target nije naveden):

<a href="https://www.primer.com" target="_self">Posetite naš veb sajt</a>

3. `_parent` - Otvori u nadređenom okviru:

Otvori povezani resurs u nadređenom okviru ako je stranica ugrađena u okvire ili koristi okvire:

<a href="https://www.primer.com" target="_parent">Posetite naš veb sajt</a>

4. `_top` - Otvori u najvišem okviru:

Otvori povezani resurs u najvišem okviru, zatvarajući sve okvire ako su prisutni:

<a href="https://www.primer.com" target="_top">Posetite naš veb sajt</a>

Postoji i mnogo drugih vrednosti za target atribut, ali ovi su najčešće korišćeni. Korišćenje ovog atributa vam omogućava kontrolu nad načinom otvaranja povezanih resursa nakon klika na link.

HTML Boja

U HTML-u možete lako primenjivati boje na tekst, pozadinu i druge elemente na vašoj web stranici. Postoje različiti načini za postavljanje boja:

1. Korišćenje Imena Boja

HTML omogućava korišćenje imena boja kao što su "red" (crvena), "blue" (plava), "green" (zelena), itd. Primer:

<p style="color: red;">Ovo je crveni tekst.</p>
<p style="background-color: blue; color: white;">

Ovo je tekst sa plavom pozadinom.</p>

2. Korišćenje Heksadecimalnih Vrednosti Boja

Heksadecimalna notacija boja se često koristi u web dizajnu. Svaka boja je predstavljena šestocifrenim heksadecimalnim brojem. Primeri:

<p style="color: #00FF00;">Ovo je zelena boja.</p>
<p style="background-color: #FFA500; color: white;">

Ovo je narandžasta pozadina.</p>

3. Korišćenje RGB Vrednosti Boja

RGB (Red, Green, Blue) vrednosti boja omogućavaju preciznije podešavanje boja korišćenjem kombinacije crvene, zelene i plave komponente. Primer:

<p style="color: rgb(255, 0, 0);">Ovo je crveni tekst.</p>
<p style="background-color: rgb(0, 0, 255); color: white;">

Ovo je tekst sa plavom pozadinom.</p>

4. Transparentnost Boja

Možete dodati transparentnost bojama koristeći RGBA vrednosti. Na primer, rgba(255, 0, 0, 0.5) predstavlja crvenu boju sa 50% transparentnošću.

<p style="color: rgba(0, 128, 0, 0.7);">

Ovo je zelena boja sa 70% transparentnošću.</p>

Sada znate kako primeniti boje u HTML-u. Igrajte se sa bojama kako biste prilagodili izgled vaše web stranice prema vašim potrebama i stilu.

Oct 28, 2023