Strona internetowa z tłem wygląda zazwyczaj ładniej niż bez niego. Poprawność wyświetlania strony internetowej zależy od właściwych działań w celu dodania tła.
Instrukcje
Krok 1
Najłatwiejszym sposobem na stworzenie tła w dokumencie html jest przypisanie wartości atrybutu do tagu body. Podana wartość atrybutu tła określi obraz tła na stronie. Jeśli ustawisz wartość atrybutu bgcolor, strona przybierze kolor tła. Kolor w atrybucie bgcolor znacznika body można określić w postaci szesnastkowej lub tylko w jednym słowie.
Krok 2
Ten sam efekt można osiągnąć, używając kaskadowych arkuszy stylów CSS. Wartość atrybutu background-color zdefiniuje kolor tła strony, podczas gdy wartość atrybutu background-image określi ścieżkę do obrazu tła strony. Te instrukcje można zapisać w selektorze treści. Możesz to zrobić inaczej: przypisz klasę lub identyfikator do tagu body w tagu html i przypisz powyższe atrybuty odpowiednio do klasy lub identyfikatora w css. Należy tylko pamiętać, że jeśli atrybuty są przypisane do klasy, to wszystkie obiekty z określoną klasą będą miały kolor tła w dokumencie html.
Krok 3
Powyższe instrukcje można zapisać w treści samego dokumentu html. Aby to zrobić, otwórz tag stylu w sekcji serwisowej między tagami head (otwieranie i zamykanie). Pomiędzy otwarciem a zamknięciem danego znacznika można napisać dowolne instrukcje CSS. Należy jedynie pamiętać, że w tym przypadku waga strony wzrośnie, co może negatywnie wpłynąć na czas jej załadowania dla użytkownika końcowego. Należy również zauważyć, że w przypadku określenia obrazu tła można go powtórzyć w poziomie, w pionie lub w dwóch osiach jednocześnie. Odpowiada za to atrybut background-repeat w CSS. Obraz tła można sztywno zadokować bez względu na obecność paska przewijania w dokumencie. Aby osiągnąć ten efekt, musisz określić załącznik w tle: naprawiono.
Krok 4
Tło dokumentu html można wykonać za pomocą języków programowania. Możesz pisać instrukcje HTML za pomocą JavaScript. Odpowiednia do tego jest konstrukcja języka document.write. Jeśli to samo jest wyrażone przez DOM, instrukcja document.body.style.backgroundColor = „red” sprawi, że tło strony będzie czerwone. To to samo, co pisanie odpowiedniego atrybutu bezpośrednio w CSS.
Krok 5
Poprzednie instrukcje można zapisać bezpośrednio w kodzie strony internetowej, tworząc parę tagów skryptu między otwierającym i zamykającym tagiem head. Jednak wszystkie te instrukcje można zapisać do osobnego pliku z rozszerzeniem js, który następnie można połączyć ze stroną.
