Pozadie stránky je možné nastaviť pomocou HTML a CSS zadaním príslušných smerníc v zdrojovom kóde dokumentu. Atribúty používané v značkovacích jazykoch podporuje väčšina moderných prehľadávačov a budú sa správne zobrazovať takmer každému návštevníkovi vášho webu.
Parameter pozadia
Otvorte súbor svojej stránky HTML na úpravy v editore, ktorý používate. Môžete to urobiť tak, že kliknete pravým tlačidlom myši na dokument a vyberiete sekciu „Otvoriť v“.
Štruktúra súboru HTML je tvorená radom deskriptorov rôznych úrovní a účelov. Kód stránky sa zvyčajne začína značkou. Potom zvyčajne nasleduje sekcia, ktorá obsahuje názov stránky a kód CSS. Po zatvorení deskriptora sa začne telo stránky. Atribút na nastavenie obrázka na pozadí stránky je nastavený ako ďalší parameter pozadia pre túto značku. Kód na vytvorenie pozadia stránky bude vyzerať takto:
V takom prípade môže byť cesta k obrázku adresa URL (začínajúca https://). Umiestnenie je možné určiť z koreňového adresára (/root/folder/background.jpg) alebo relatívne k umiestneniu upravovaného dokumentu HTML (napríklad priečinok / background.jpg).
Uložte zmeny a otvorte stránku v prehliadači. Kliknite pravým tlačidlom myši a vyberte príkaz „Otvoriť v“. V poskytnutom zozname uveďte názov programu, ktorý používate na prehľadávanie Internetu. Ak bol parameter pozadia nastavený správne, uvidíte predtým zadaný obrázok na pozadí. Ak sa obrázok nezobrazí, skontrolujte správnosť atribútu pozadia a cestu k súboru na pozadí.
Parameter Bgcolor
Ak chcete nastaviť farbu pozadia bez obrázka, môžete použiť smernicu bgcolor. Ako hodnotu pre tento atribút môžete určiť názov farby v angličtine alebo použiť hodnotu farby v palete HTML. Napríklad:
Tento kód dáva stránke modré pozadie. Ak chcete nastaviť farebný odtieň alebo presnejšiu farbu, použite hodnoty palety HTML:
V takom prípade je # 002902 farba, ktorá sa má dať stránke.
Atribúty CSS
Pozadie môžete nastaviť aj pomocou CSS v parametroch:
Pomocou CSS môžete tiež určiť obrázok na pozadí stránky pomocou obrázka na pozadí:
Použitie CSS a HTML poskytuje rovnaké výsledky, je však lepšie použiť CSS pri nastavovaní parametrov zobrazenia stránky.
