Hoe maak je een webpagina Achtergrond Met Afbeelding Centrum Zorg

Soms is een eenzame , gecentreerd webpagina achtergrond kan een dramatisch effect , dat de sfeer van een website verbetert creëren. Bijvoorbeeld, zou een beeld van de Aarde zweven tegen een zwarte achtergrond bezoekers boeien met een sterrenwacht . Veel ontwikkelaars gebruiken style sheets om de positie en het uiterlijk van elk object op een webpagina te controleren . Dit omvat achtergronden . Experimenteren met gecentreerd achtergronden door te kiezen voor een van uw favoriete foto's en styling op uw webpagina . Instructies
1

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.