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 ) "

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 un'immagine HTML

Le immagini HTML sono quelle che danno ad un sito Internet un aspetto piacevole, che spiegano meglio quanto vi viene descritto e che lo rendono maggiormente “appetibile” per i visitatori. Utilizzare in modo sapiente le immagini in un sito web o in...
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 pagina Google

Può capitare che, navigando in internet, improvvisamente, per motivi esterni, o procurandolo involontariamente, si sposti o si ingrandisca la schermata visualizzata. Se la vostra pagina Google risulta spostata, tagliata e decentrata, non allarmatevi:...
Internet

Come stampare una pagina Html

Nel caso in cui abbiate la necessità di stampare una pagina HTML, è bene che sappiate che, in alcuni casi, non è possibile stamparle con la formattazione originale. Questo inconveniente rischia di causare la pardite di parte del contenuto della pagina...
Internet

Come visualizzare il codice HTML di una pagina web

L'hypertext Markup Language o meglio conosciuto come HTML è il linguaggio di formattazione più utilizzato nella creazione di pagine web vale a dire che è il codice che compone tutte le pagine che scorrono sui nostri browser. Ma per semplice curiosità...
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 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 video

Oggi grazie a questa semplice guida cercheremo di capire come centrare un video all'interno di post o articolo sul web, in modo da consentire a tutti coloro che visualizzano il testo di vedere ben centrato ed ordinato anche il video ad esso correlato....
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 »”.