Come centrare una pagina html

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 che consentono di evitare questo inconveniente. Vediamo quali sono quelle principali. In questa guida vi illustreremo dunque come centrare una pagina html in modo semplice e veloce.

• Programma Dreamweaver
• Programma Notepad

Per rendere tutto più agevole e facilmente utilizzabile anche dagli utenti meno esperti, la soluzione più rapida da adottare risulta quella di utilizzare un programma specifico per la creazione di pagine html e php che funzioni sul web. Di programmi di questo genere ve ne sono davvero molti, ma quelli di più facile utilizzo sono Wordpress, Notepad, Joomla e tanti altri. Il programma che utilizzeremo 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 qualsiasi.

Nel nostro esempio, abbiamo le scritte "Console Nintendo" e "Portatili" che risultano essere decentrate, cioè si presentano tutte a sinistra. Si tratta di un 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 ), apparirà un menu a tendina, dal quale poi selezionare Align e quindi Center.

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

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". In taluni casi, tuttavia, l'immagine, a livello di codice, si presenterà con una stringa di codice differente rispetto a quella utilizzata e descritta nel nostro esempio precedente. In questi casi, se la si vuole centrare l'elemento, 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").

Una ulteriore modalità che consente di centrare una pagina html è quella di utilizzare Notepad, un'applicazione che rappresenta un vero e proprio editor di testo con funzioni specifiche di accentramento di qualsiasi tipologia di elementi grafici. In questo caso, occorrerà procedere come segue: create la struttura base della pagina web da utilizzare. All'interno del tag , dovrete immettere la definizione di stile dell'elemento che desiderate accentrare. Successivamente, dovrete inserire anche il contenuto della pagina web dentro al tag di estensione

• Sperimentate l'ampiezza della pagina di volta in volta attraverso successive modifiche, fino a quando non avrete ottenuto il risultato desiderato

• Come centrare il contenuto di una pagina web
• Come centrare il testo HTML

• Come centrare pagina Google
• Come centrare un'immagine HTML