Tło strony można ustawić za pomocą HTML i CSS określając odpowiednie dyrektywy w kodzie źródłowym dokumentu. Atrybuty używane w językach znaczników są obsługiwane przez większość nowoczesnych przeglądarek i będą wyświetlane poprawnie u prawie każdego odwiedzającego Twoją witrynę.
Parametr tła
Otwórz plik strony HTML do edycji w używanym edytorze. Aby to zrobić, możesz kliknąć dokument prawym przyciskiem myszy i wybrać sekcję „Otwórz za pomocą”.
Struktura pliku HTML to szereg deskryptorów o różnych poziomach i przeznaczeniu. Kod strony zwykle zaczyna się od tagu. Zwykle następuje po nim sekcja zawierająca tytuł strony i kod CSS. Po zamknięciu deskryptora rozpoczyna się treść strony. Atrybut do ustawienia obrazu tła strony jest ustawiany jako dodatkowy parametr tła dla tego tagu. Kod do tworzenia tła strony będzie wyglądał tak:
W takim przypadku ścieżką do obrazka może być adres URL (zaczynający się od https://). Lokalizacja może być określona z katalogu głównego (/root/folder/background.jpg) lub względem lokalizacji edytowanego dokumentu HTML (na przykład folder / background.jpg).
Zapisz zmiany i otwórz stronę w przeglądarce. Aby to zrobić, kliknij prawym przyciskiem myszy i wybierz „Otwórz za pomocą”. Na dostarczonej liście podaj nazwę programu, którego używasz do przeglądania Internetu. Jeśli parametr tła został ustawiony poprawnie, zobaczysz wcześniej określony obraz tła. Jeśli obraz nie jest wyświetlany, sprawdź poprawność atrybutu tła i ścieżkę do pliku tła.
Parametr koloru tła
Aby ustawić kolor tła bez obrazu, możesz użyć dyrektywy bgcolor. Jako wartość tego atrybutu można określić nazwę koloru w języku angielskim lub użyć wartości koloru z palety HTML. Na przykład:
Ten kod nadaje stronie niebieskie tło. Jeśli chcesz ustawić odcień koloru lub dokładniejszy kolor, użyj wartości palety HTML:
W tym przypadku # 002902 to kolor nadany stronie.
Atrybuty CSS
Możesz również ustawić tło za pomocą CSS w parametrach:
Za pomocą CSS możesz również określić obraz tła dla strony za pomocą obrazu tła:
Używanie CSS i HTML daje te same wyniki, jednak lepiej jest używać CSS podczas ustawiania parametrów wyświetlania strony.
