Jak Wypełnić Tło W Html

Spisu treści:

Jak Wypełnić Tło W Html
Jak Wypełnić Tło W Html

Wideo: Jak Wypełnić Tło W Html

Wideo: Jak Wypełnić Tło W Html
Wideo: Kurs html #11 Tło na stronę 2024, Listopad
Anonim

Język znaczników HTML umożliwia ustawienie tła strony w jednolitym kolorze dowolnego koloru, a także umieszczanie na nim obrazów. Umożliwia to uzyskanie tekstu na przykład na tle krajobrazu lub tekstury papieru.

Jak wypełnić tło w html
Jak wypełnić tło w html

Instrukcje

Krok 1

Wybierając kolor tła lub obrazek do umieszczenia na nim, kieruj się przede wszystkim czytelnością tekstu. Tło powinno być kontrastowe, czyli postacie powinny się na nim wyraźnie wyróżniać. Decydując się na wykonanie grafiki w tle, upewnij się, że jesteś autorem obrazu lub masz prawo do korzystania z niego na podstawie umowy (np. wolnej licencji).

Krok 2

Znajdź tag w źródle HTML strony. Aby tło było jednolite i kolorowe, dodaj zmienną bkcolor z argumentem jako kodem koloru. Następnie konstrukcja będzie wyglądać tak: <body bkcolor = rrggbb:gt;, gdzie rr, gg i bb to liczby szesnastkowe z zakresu od 00 do FF. Pierwszy z nich ustawia intensywność składowej czerwonej, drugi - zielonego, a trzeci - niebieskiego.

Krok 3

Jeśli chcesz umieścić obraz na tle, przede wszystkim zmniejsz jego rozmiar tak, aby miał zarówno rozdzielczość poziomą, jak i pionową mniejszą niż 320 włącznie. Zapisz go jako nowy plik, aby uniknąć zepsucia oryginału. Użyj formatu JPG,.png

Krok 4

Korzystając z interfejsu internetowego lub programowego klienta FTP, umieść plik obrazu w folderze serwera, w którym znajduje się edytowany plik HTML.

Krok 5

Zamiast zmiennej bkcolor dodaj do tagu zmienną tła z argumentem jako nazwą pliku obrazu. Teraz będzie to wyglądać tak: gdzie fon

Krok 6

Prześlij zaktualizowany plik HTML na serwer. Otwórz go w przeglądarce. Upewnij się, że tło jest wyświetlane poprawnie. Jeśli jest na nim obraz, powtórzy się zarówno w poziomie, jak iw pionie, wypełniając całą przestrzeń na stronie. Sprawdź, jak dobrze czyta się tekst na nowym tle w różnych przeglądarkach. W razie potrzeby użyj innego koloru lub pliku graficznego.

Zalecana: