Open Kladblok. Voeg de volgende tekst toe aan een lege HTML- document te maken :
< DOCTYPE html PUBLIC " - //W3C //DTD XHTML 1.0 Transitional //NL " " http://www.w3.org/TR /xhtml1/DTD/xhtml1 - transitional.dtd">
< html xmlns = " http://www.w3.org/1999/xhtml " >
< head >
< titel > Center een webpagina Test < /title >
< - Insert sectie stijl hier ** - >
< /head >
< lichaam >
< h1 > Deze pagina heeft een Centered achtergrondbeeld < /h1 >
< ingang id = " Button1 " type = " knop " value = " button " /> < ingang id = " Text1 " type = " text " />
< /body >
< /html >
Deze code wordt een post, een knop en een tekstvak het kopen van 2
Voeg de volgende style Sheet onderstaande code "Insert sectie stijl hier : " .
< stijl >
body { background: url ( ' xyz.jpg ' ) vast in het midden no-repeat; }
< /style >
Deze definitie stijl de achtergrondafbeelding centra van de pagina 's lichaam . Vervang " xyz.jpg " met een van uw afbeeldingen .
3
Druk op "Ctrl + S " om Notepad " Opslaan als " open venster . Voer " Center_Web_Page_Test.html " in het vak "Bestandsnaam" en klik op "Opslaan ". Notepad zal het HTML- bestand op te slaan .
4
Open een browser en druk op " CTRL + O" om het venster " Bestand Openen " te openen . Zoek het HTML-bestand en dubbelklik erop . De browser zal deze weer te geven . Controleer de achtergrondafbeelding van de browser geeft voor.