Otevřete Poznámkový blok . Přidejte následující text vytvořit prázdný dokument HTML :
< DOCTYPE html PUBLIC " - //W3C //DTD XHTML 1.0 Transitional //EN " " http://www.w3.org/TR /xhtml1/DTD/xhtml1 - transitional.dtd">, Spojené
< html xmlns = " http://www.w3.org/1999/xhtml " > Spojené
< head >
< title > Centerwebové stránky Testovací < /title >
< - ! Vložte oddíl styl zde ** - >
< /head >
< tělo >
< h1 > Tato stránka má na střed obrázku na pozadí < /h1 >
< input id = " Button1 " type = " tlačítko "value =" tlačítko " /> < input id =" Text1 "type = " text " />
< /body >
< /html >
Tento kód vytvoří záhlaví , tlačítka a textové pole
2
přidejte následující kód style Sheet pod " Vložit sekce stylu zde : " .
< styl >
body { background : url ( ' xyz.jpg "), fixní na střed no- repeat; }
< /styl >
Tato definice stylu center obrázek na pozadí těla stránky. Nahradit " xyz.jpg " s jedním z vašich snímků.
3
Stiskněte tlačítko " Ctrl + S" otevřete Poznámkový blok v " Uložit jako " okno. Zadejte " Center_Web_Page_Test.html " v "Název souboru" pole a klikněte na tlačítko "Uložit ". Poznámkový blok uloží soubor ve formátu HTML .
4
Otevřete prohlížeč a stiskněte tlačítko "CTRL + O" otevřete okno "Soubor Otevřít" . Vyhledejte soubor HTML a poklepejte na něj . Prohlížeč zobrazí ji . Ověřte, zda je prohlížeč centra obrázek na pozadí .