Otwórz Notatnik. Dodaj poniższy tekst , aby utworzyć pusty dokument HTML :
< DOCTYPE html PUBLIC " - //W3C //DTD XHTML 1.0 Transitional //PL " " http://www.w3.org/TR /xhtml1/DTD/xhtml1 - transitional.dtd">
< html xmlns = " http://www.w3.org/1999/xhtml " > Zbiory
< head >
< title > CentrumTechnika lt Strona internetowa ; /title >
< - Wstaw punkt styl tutaj ** - >
c /head >
< body >
< h1 > Tę stronę środkowego Background Image c /h1 >
< wejście id = " Button1 " type = " przycisk "value =" przycisk " /> < wejście id =" Text1 " type =" text " />
c /body >
c /html >
Ten kod tworzy nagłówek , przycisk i pole tekstowe
2
Dodaj poniższy kod arkuszy stylów poniżej " sekcji stylu Wstaw tutaj: " . Foto
< styl >
body { background: url ( ' xyz.jpg ") stały środek no-repeat ; }
c /style >
Centra Ta definicja stylu obraz tła z ciała strony. Zamień " xyz.jpg " z jednym ze swoich obrazów.
3
Naciśnij " Ctrl + S " , aby otworzyć Notatnik na "Zapisz jako " okna. Wpisz " Center_Web_Page_Test.html " w polu " Nazwa pliku " i kliknij przycisk "Zapisz ". Notatnik zapisuje plik HTML.
4
Otwórz przeglądarkę i nacisnąć " CTRL + O " , aby otworzyć okno " Otwórz plik " . Odszukaj plik HTML i kliknij go dwukrotnie . Przeglądarka będzie go wyświetlić. Sprawdź,przeglądarka centruje obraz tła .