Kolor tła oraz tekstu HTML <body "background-color, color">
W jaki sposób zmienić kolor tła oraz kolor tekstu na stronie WWW?
<body style="background-color: kolor tła; color: kolor tekstu"> Tu jest właściwa treść strony </body>
Jeśli chcemy ustalić kolor tła oraz tekstu na całej stronie możemy użyć dodatkowych wartości atrybutu dla znacznika <body>
. Wartości te ("background-color: ...; color: ..."
) nie wpisujemy w miejscu właściwej treści strony - tak jak w przypadku znaczników - lecz w atrybucie style="..."
wewnątrz znacznika otwierającego <body>
(przed właściwą treścią) - tak jak pokazano powyżej - ponieważ nie są one oddzielnymi znacznikami tylko wartościami atrybutu. Należy również pamiętać, że na stronie może się znajdować tylko jeden znacznik <body>
. Wszystkie atrybuty które się do niego odnoszą (jak na przykład powyższy), wpisuje się do tego samego znacznika (otwierającego), a nie wstawia się nowego w innym miejscu strony.
Kolor tła oraz tekstu całej strony powinniśmy ustalać zawsze jednocześnie.
Nawet jeśli ustalimy kolor tekstu na całej stronie, możemy go później lokalnie (miejscowo) zmieniać za pomocą polecenia <span style="color: kolor">...</span>
(zobacz: Kolor czcionki).
Pytania i odpowiedzi <body "background-color, color">
Jak zmienić kolor tła i tekstu w HTML?
Aby zmienić domyślny kolor tła oraz tekstu na całej stronie, najlepiej do znacznika właściwego ciała dokumentu dodać atrybut o odpowiednich wartościach. Na przykład: <body style="background-color: black; color: white">...</body>
ustawi czarny kolor tła i biały kolor tekstu. Należy jednak przy tym pamiętać, że w pliku *.html może się znajdować tylko jeden znacznik ciała dokumentu. Zatem odpowiedni atrybut dodajemy do już istniejącego znacznika, a nie wstawiamy nowego!
Jak zrobić żółte tło w HTML?
Kolor tła na stronie internetowej zawsze powinno się ustawiać wraz z odpowiednio kontrastującą barwą tekstu. W przeciwnym razie użytkownik może zmienić domyślny kolor tekstu w swojej przeglądarce internetowej i wtedy mógłby stać się on nieczytelny (np. biały tekst na żółtym tle). Aby ustawić żółte tło i czarny tekst na całej stronie, najlepiej do znacznika właściwego ciała dokumentu dodać atrybut o odpowiednich wartościach: <body style="background-color: yellow; color: black">...</body>
. Należy jednak przy tym pamiętać, że w pliku *.html może się znajdować tylko jeden znacznik ciała dokumentu. Zatem odpowiedni atrybut dodajemy do już istniejącego znacznika, a nie wstawiamy nowego!