Hogyan készítsünk egy weblap háttér Kép Center

Néha egy magányos , középre weblap háttér létrehozhat egy drámai hatást , amely javítja a hangulatot a honlapon. Például egy kép a Föld lebeg a fekete háttér esetleg elbűvöl látogatókat, hogy egy csillagászati ​​hely . Sok fejlesztő használja stíluslapok hogy ellenőrizzék a helyzetben és megjelenése minden tárgy egy weblapon . Ez magában foglalja a háttérrel. Kísérletezni központú háttérrel egyikének kiválasztásával a kedvenc képek és a stílus azt a weblapon. Utasítások
1

Megnyitás Notepad . Add hozzá a következő szöveg létrehozásához egy üres HTML dokumentum : Matton

< ! DOCTYPE html PUBLIC " - //W3C //DTD XHTML 1.0 Transitional //EN " " http://www.w3.org/TR /xhtml1/DTD/xhtml1 - transitional.dtd">

< html xmlns = " http://www.w3.org/1999/xhtml " >

< head >

< title > Center egy weblap Test < /title >

< ! - Helyezze stílus szakasz itt ** - >

< /head >

< body >

< h1 > Ennek a lapnak a Középre Background Image < /h1 >

< input id = " Button1 " type = " gomb "value = " gomb " /> < input id =" Szöveg1 " type = " text " />

< /body >

< /html >

Ez a kód létrehoz egy cím , egy gombot és egy szövegdoboz .
2

Hozzáadás a következő stíluslap kód alatt " Insert stílus rész itt : " photo

< stílusban >

body {background : url ( ' xyz.jpg ) rögzített középpontú no- repeat ; }

< /style >

Ez a stílus meghatározás központok a háttérképet az oldal testét. Csere " xyz.jpg " az egyik a képeket .
3

Nyomja meg a " Ctrl + S" , hogy nyissa meg Notepad a " Mentés másként" ablak . Írja be a " Center_Web_Page_Test.html " a " Fájlnév" mezőbe , majd kattintson a " Mentés" gombra. Notepad elmenti a html fájlt .
4

Nyissa meg a böngészőt, és nyomja meg a "Ctrl + O" , hogy nyissa meg a "Fájl megnyitása " ablak . Keresse meg a HTML fájlt, és kattintson rá duplán . A böngésző megjeleníti azt . Ellenőrizze, hogy a böngésző központok a háttérképet .