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.

HTML Komentari

HTML komentari su način da uključite napomene ili opise u izvorni kôd web stranice koji neće biti prikazani na samoj stranici, već služe za dokumentaciju i razumevanje koda. Komentari su korisni za programere i dizajnere kako bi lakše pratili i razumeli kôd, kao i za buduće modifikacije i održavanje web stranice.

Kako dodati komentare:

Ovo je primer komentara u jednom redu:

        <!-- Ovo je komentar u jednom redu -->
    

A ovo je primer komentara u više redova:

        <!--
            Ovo je komentar
            u više redova.
        -->
    

Primeri upotrebe komentara:

        <title>Moja Web Stranica</title>
        <!-- Ovde se nalazi meta tag za karakternu šifru -->
        <meta charset="UTF-8">
        <h1>Dobrodošli na moju web stranicu</h1>
        <p>Ovo je glavni sadržaj stranice.</p>
        <!-- Footer sekcija -->
        <footer>
            <p>© 2023 Moja Web Stranica</p>
        </footer>