Come centrare una pagina html

tramite: O2O
Difficoltà: facile
17

Introduzione

Hai creato un sito web o una pagina di un blog e il testo non vuole saperne di stare al centro della pagina? Le immagini e i paragrafi risultano decentrati, spostati a sinistra e risulta tutto attaccato e di difficile lettura?
Il codice html usato nelle pagine web ha moltissime funzioni per evitare questo inconveniente e quindi come centrare qualunque elemento presente nella pagina web. Vediamo quelle principali.

27

Occorrente

  • Programma per pagine web come Dreamweaver
37

Come prima cosa, per rendere tutto più facile agli utenti anche meno esperti, la soluzione più rapida è quella di utilizzare un programma specifico per la creazione di pagine html e php che funzioni sul web. Di programmi di questo genere ce ne sono molte, ma quelli di più facile utilizzo sono Wordpress, Notepad, Joomla e tanti altri. Il programma che utlizzerò in questo tutorial è Dreamweaver, espansione Adobe per la creazione di pagine web che permette di avere davanti agli occhi sia il codice html, che la pagina web come apparirebbe online.

Prendiamo come esempio una pagina web come quella che è presente nell'immagine seguente.

47

Abbiamo le scritte "Console Nintendo" e "Portatili" decentrate, cioè si presentano tutte a sinistra. Si tratta di testo semplice, facilmente centrabile attraverso il seguente passaggio:

All'interno del tag (così si chiama quella parte di codice - situato a sinistra dell'immagine - compreso tra le parentesi < e >) "

Continua la lettura
57

La stessa operazione la si può compiere a livello di pagina (quindi operando sulla parte destra del programma). Questo però solo se si usa uno dei programmi adatti alla creazione di pagine web (come appunto Dreamweaver). Basterà selezionare il testo da centrare (in questo caso "Console Nintendo"), fare click col tasto destro del mouse sulla selezione, scegliere "Allinea" dal menu e quindi "Al centro".

67

I passaggi precedenti permettono di centrare un paragrafo, una qualunque stringa di testo utilizzando il tag dell'html. Utilizzando questo tag si possono centrare anche immagini, tabelle e qualunque elemento presente nella pagina utlizzando sempre la funzione align="center".

Un altro elemento di rapido utilizzo e che risulta più efficace nella accentramento di tabelle e immagini è il tag Esso, a differenza del, non crea un nuovo paragrafo, ma centra l'elemento al quale è corrisposto. Facciamo un esempio:
L'immagine, a livello di codice di presenterà con la seguente stringa di codice:
Se la si vuole centrare si può semplicemente utilizzare il tag

prima dell'immagine e
dopo l'immagine. Quest'ultimo permette di chiudere il tag center e centrare SOLO l'immagine. L'operazione è eseguibile anche a livello di pagina web utilizzando la parte destra della pagina di Dreamweaver, ma in quel caso verrà creato o un nuovo paragrafo (un tag

con la funzione align="center", o un tag

, sempre con la funzione align=center").

77

Consigli

Non dimenticare mai:
  • abbiate molta pazienza
Alcuni link che potrebbero esserti utili:

Potrebbe interessarti anche

Segnala contenuti non appropriati

Tipo di contenuto
Devi scegliere almeno una delle opzioni
Descrivi il problema
Devi inserire una descrizione del problema
Si è verificato un errore nel sistema. Riprova più tardi.
Verifica la tua identità
Devi verificare la tua identità
chiudi
Grazie per averci aiutato a migliorare la qualità dei nostri contenuti

Guide simili

Internet

Come centrare foto su blogger

Blogger è senza dubbio una delle più famose ed utilizzate piattaforme gratuite per la creazione di Blog. Per accedervi e realizzare Blog è sufficiente avere un account Google. La sua interfaccia è molto semplice ed intuitiva, infatti anche coloro...
Internet

Come centrare la pagina di Google

In questo articolo vi spiegherò come centrare la pagina di Google. Molto spesso può capitare a tutti di avere dei problemi con la corretta visualizzazione della pagina web. Ad esempio può succedere di accendere il proprio computer e di ritrovarsi di...
Internet

Come centrare con CSS

È frequente imbattersi in siti web le cui finestre siano completamente allineate a sinistra. Ciò può essere fastidioso sia dal punto di vista visivo, sia nel caso si voglia utilizzare il background per ospitare immagini o annunci pubblicitari.Centrare...
Internet

Come centrare le foto sul profilo Facebook

Facebook è senza dubbio il social network più utilizzato dalle persone di tutto il mondo. Grazie ad esso, infatti, è possibile mettere in contatto due o più persone indipendentemente dalla distanza in cui essi si trovano. Ma oltre a questo, Facebook...
Internet

Come centrare header

Ecco una guida utile ed interessante, attraverso il cui aiuto, concreto ed anche molto e del tutto pratico, potremo essere in grado d'imparare come centrare Header. Come sempre cercheremo di eseguire nei minimi dettagli e con estrema efficacia, anche...
Internet

Come centrare un'immagine HTML

Se avete un sito web o un blog e quindi volete inserire delle immagini html ma non sapete come fare e sopratutto non conoscete le modalità per centrarle, è importante sottolineare che non è affatto difficile riuscirci in quanto basta seguire alcune...
Internet

Come centrare titolo del blog

Se avete appena creato un blog da annettere ad un sito di e-commerce, e il titolo non vi soddisfa perché vi appare troppo piccolo e soprattutto non ben centrato, non è il caso di farne un dramma; infatti, ci sono svariate opzioni per intervenire con...
Internet

Come centrare foto su Facebook

Utilizzare Facebook è ormai diventato di dominio pubblico. Poche sono le persone che non si servono di questo strumento di ricerca che permette di rimanere in contatto con le persone importanti della nostra vita, oppure di aggiungere nuove amicizie....
I presenti contributi sono stati redatti dagli autori ivi menzionati a solo scopo informativo tramite l’utilizzo della piattaforma www.o2o.it e possono essere modificati dagli stessi in qualsiasi momento. Il sito web, www.o2o.it e Arnoldo Mondadori Editore S.p.A. (già Banzai Media S.r.l. fusa per incorporazione in Arnoldo Mondadori Editore S.p.A.), non garantiscono la veridicità, correttezza e completezza di tali contributi e, pertanto, non si assumono alcuna responsabilità in merito all’utilizzo delle informazioni ivi riportate. Per maggiori informazioni leggi il “Disclaimer »”.