Aprire il Blocco note . Aggiungere il seguente testo per creare un documento HTML vuoto : !
< ; 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 " > ;
< ; testa > ;
< title > ; Centro di una pagina Web test < ; /title >
< ; - sezione stile Inserisci qui ** - > ;
< ; /testa >
< ; body > ;
< ; h1 > questa pagina ha uno sfondo Centrato Immagine < ; /h1 > ;
< ; ingresso id = tipo " Button1 " = " pulsante " value = " button " /> < ingresso id = " " type = " Text1 text " /> ;
< ; /body > ;
< ; /html > ;
Questo codice crea un titolo , un pulsante e una casella di testo
2
Aggiungere il codice seguente foglio di stile sotto " sezione style Inserisci qui : " .
< ; stile > ;
body {background : url ( ' xyz.jpg ') centro fisso no-repeat ; }
< ; /style >
Centri Questa definizione di stile l'immagine di sfondo del corpo della pagina . Sostituire " xyz.jpg " con una delle tue immagini .
3
Premere il tasto " Ctrl + S " per aprire il Blocco note di " Salva con nome " finestra . Inserire " Center_Web_Page_Test.html " nella casella "Nome file" e fare clic su "Salva ". Notepad salverà il file HTML .
4
Aprire un browser e premere " CTRL + O" per aprire la finestra " Apri file " . Individuare il file HTML e fare doppio clic su di esso . Il browser visualizzerà esso . Verificare che il browser centra l' immagine di sfondo .