Quando si progetta la propria pagina web, è possibile posizionarlo per rimanere nel centro della finestra del browser, anche se è ridotta a icona o disteso. È possibile ottenere questo formattazione tramite Cascading Style Sheets (CSS) nel codice HyperText Markup Language (HTML). Questo consentirà di evitare un sacco di markup extra che potrebbero prolungare quanto tempo ci vuole per la tua pagina da caricare. Creando un paio di stili CSS, è possibile centrare rapidamente la propria pagina web.

Istruzioni

1

Avviare l'editor di testo HTML e iniziare una nuova pagina o aprirne uno esistente.

2

Individuare il "< testa >< / testa >" porzione nella parte superiore del codice, posizionare il cursore tra i due elementi e iniziare la regola di stile CSS "corpo" che controlla la tua pagina nel suo insieme. Per esempio:
< head >
< style type = "text/css" >
<!...
corpo {}
-->
< / stile >
< / head >

3

Modo che la pagina venga visualizzata correttamente nei browser che dispongono di valori predefiniti di visualizzazione diversa, immettere un valore pari a zero per gli attributi di "riempimento" e "margine". Immettere "margine: 0;" e "padding: 0;" all'interno del tag "body" in quanto tale:
Body {margin: 0; padding: 0;}

4

Scegliere un termine per una nuova regola di stile che gestisce il percorso che include il contenuto della pagina web (ad esempio, "contenitore"). Inserisci questo termine, preceduto da un periodo, sotto la regola di "corpo" come segue:
container {}

5

Inserire un attributo "width" nel tag dal passaggio 4. Questo attributo determina come tua pagina sarà larga, usando un termine di misura ad esempio pixel (ad esempio, "780px"). Quindi, immettere "margin: 0 auto;" per consentire questa impostazione al lavoro in alleanza con la regola del "corpo" per centrare la pagina. Per esempio:
container {width: 780px; margin: 0 auto;}

6

La funzione di editor di testo "Anteprima" per visualizzare la pagina web centrato.

7

Salvare il documento.

Consigli & Avvertenze

• Se non si desidera una barra di scorrimento orizzontale a comparire sulla tua pagina, non rendere la larghezza della pagina superiore a 780 pixel (punto 5).