# Kako prilagoditi HTML ozadja z barvami ali slikami HTML ozadja lahko ustvarite z barvnimi vrednostmi ali slikovno datoteko. Izbiranje pravega ozadja lahko izboljša videz vaše spletne strani, hkrati pa zagotovi, da vaša vsebina ostane jasna in lahko berljiva. ## Kaj so HTML ozadja? **Območje za vsebino** spletne strani se imenuje HTML ozadje. Ta ozadja se lahko nastavijo pri ustvarjanju strani v HTML. Po potrebi jih je mogoče tudi naknadno spremeniti. Privzeto so HTML ozadja bela. Sprememba tega ni priporočljiva le kot način za izboljšanje videza spletne strani, ampak tudi za izboljšanje vidnosti vsebine. ## Kako lahko spremenim ozadje HTML? Obstajata dva glavna načina za oblikovanje HTML ozadij: - **z uporabo barvne vrednosti** - **z uporabo slike ali prehoda** Te vrednosti se nastavijo prek atributa HTML `style`. V naslednjih poglavjih bomo predstavili obe metodi. Tip Več o možnostih HTML-oznake style lahko izveste v našem članku na to temo. ### Opredeljevanje ozadij HTML po barvni vrednosti Če želite spremeniti barvo ozadja HTML, uporabite atribut `style` in lastnost `background-color` ali `bgcolor`. Obstajajo tri različne možnosti za določitev **vrednosti barve**: - **Ime barve**: Želeno barvo lahko nastavite preprosto z njenim imenom. Poleg standardnih barv, kot so `red`, `yellow` ali `green`, so možne tudi posebne barve, kot sta `lightblue` ali `deepskyblue`. Pri določanju barve ni pomembna velika ali mala črka. - **Šestnajstiški barvni kod**: Barve lahko določite tudi s šestmestno šestnajstiško številko. Ta je sestavljena iz treh parov, ki jih tvorijo številke `0` do `9` in črke `a` do `f`. Prvi par predstavlja vrednost rdeče, drugi zeleno, tretji pa modro, pri čemer je 00 najnižja vrednost, ff pa najvišja. Modra barva bi bila na primer `0000ff`. - **RGB vrednost**: Alternativno lahko uporabite RGB vrednost, ki je tudi osnova za šestnajstiško barvno kodo. Vrednosti segajo od `0` do `255` in ustrezajo barvam rdeča, zelena in modra. Na primer, modra bi bila RGB (0, 0, 255). Sintaksa, ki jo uporabljate za opredelitev želene barve za HTML ozadja, je naslednja: ```html ``` V naslednjem primeru uporabimo šestnajstiški barvni kod, da določimo svetlo modro kot barvo ozadja: ```html background-example

Here’s your heading

Here’s your website content.

``` Tako izgleda: [![Image: HMTL background: Colour example](https://www.ionos.com/sl-si/digitalguide/fileadmin/_processed_/1/5/csm_html-color-background-example_fa19e51324.webp "HMTL background: Colour example")](https://www.ionos.com/sl-si/digitalguide/fileadmin/DigitalGuide/Screenshots_2024/html-color-background-example.png) Sample HTML background with the hex code ‘#BFEFFF’. Po potrebi lahko barve za HTML ozadja določite tudi ločeno za posamezne dele svojih spletnih strani. To storite z atributom `style` in lastnostjo `background-color`. Kako to deluje, si lahko ogledate v naslednjem primeru, kjer so bile določene različne barve za celotno ozadje, pa tudi za ozadja `

` naslovov in `

` odstavkov besedila: ```html background-example

The background of this headline is set to DodgerBlue.

This background is set to DarkTurquoise.

``` [![Image: Example: Three different coloured HTML backgrounds](https://www.ionos.com/sl-si/digitalguide/fileadmin/_processed_/b/1/csm_html-background-example-2_a5a13bd28c.webp "Example: Three different coloured HTML backgrounds")](https://www.ionos.com/sl-si/digitalguide/fileadmin/DigitalGuide/Screenshots_2024/html-background-example-2.png) Example of an HTML background with three different colours. ### Nastavitev slik kot ozadja HTML Da bi lahko slike ali grafike uporabili kot ozadja HTML, morajo biti shranjene v slikovnih formatih *JPG*, *PNG*, *SVG*, *WebP* ali *GIF*. Naslednji primer prikazuje ustrezen kod za vključitev slike kot ozadja. Pot do slike je treba prilagoditi individualno: ```html background-example

Here’s your heading

Here’s your website content.

``` Pri uporabi slike morate vedno upoštevati berljivost vsebine. Z določitvijo dodatnih parametrov lahko prilagodite **položaj** slike ali grafike, da se besedilo loči od ozadja. This is a markdown version of: [https://www.ionos.com/sl-si/digitalguide/spletne-strani/razvoj-spletnih-strani/html-ozadja/](https://www.ionos.com/sl-si/digitalguide/spletne-strani/razvoj-spletnih-strani/html-ozadja/) for AI/LLM consumption.