Mala škola Linuxa

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 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>

HTML Atribut Style

HTML atribut style se koristi za postavljanje stilova (CSS) direktno na HTML elementima. Ovaj atribut omogućava vam da definišete stilove kao atribute za pojedinačne HTML elemente, što može biti korisno kada želite primeniti stilove samo na određene delove vaše web stranice. Evo kako se koristi style atribut:

        <p style="color: blue; font-size: 16px;">

        Ovo je plavi tekst veličine 16 piksela.</p>

U ovom primeru, style atribut je postavljen na <p> element, a vrednost atributa je CSS deklaracija koja definiše boju teksta (plava) i veličinu fonta (16 piksela) za taj paragraf. Možete koristiti različite CSS svojstva i vrednosti u style atributu kako biste prilagodili izgled i stil pojedinačnih elemenata.

Međutim, treba napomenuti da se upotreba style atributa obično ne preporučuje za velike stilizacije web stranica, jer može dovesti do neurednog i teško održivog koda. Umesto toga, preporučuje se da koristite odvojeni CSS fajl (ili interno stilizovanje u <style> sekciji) kako biste centralizovano upravljali stilovima za celu web stranicu. style atribut je koristan kada želite brzo primeniti stil na određeni element ili kada pravite jednostavne primere.

Ovde su neki od najčešće korišćenih CSS svojstava koje možete postaviti putem style atributa:

color: Boja teksta.
font-size: Veličina fonta.
background-color: Boja pozadine.
font-family: Izbor fonta.
text-align: Poravnanje teksta (npr. "left", "center", "right").
margin, padding: Spacing i margine oko elementa.

Važno je napomenuti da se style atribut primenjuje na jedan element, dok se stilovi u odvojenim CSS fajlovima mogu primeniti na više elemenata i pružaju bolju organizaciju i održavanje stilova na celoj web stranici.