Come centrare una pagina html

Tramite: O2O 03/12/2019
Difficoltà: facile
19
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 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.

29
Occorrente
  • Programma Dreamweaver
  • Programma Notepad
39

Utilizzare un programma specifico di creazione

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.

49

Selezionare le funzioni Align e Center

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.

Continua la lettura
59

Selezionare il testo da centrare

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

69

Comporre i tag di accentramento

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

79

Centrare la pagina

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

. Infine, non vi rimarrà altro da fare che salvare il documento generato apponendo l'estensione htm oppure html. Il vostro lavoro di accentramento della pagina si potrà così definire completato con successo.

89
Guarda il video
99
Consigli
Non dimenticare mai:
  • Sperimentate l'ampiezza della pagina di volta in volta attraverso successive modifiche, fino a quando non avrete ottenuto il risultato desiderato
Alcuni link che potrebbero esserti utili:
Potrebbe interessarti anche
Naviga con la tastiera

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.
Segnala il video che ritieni inappropriato
Devi selezionare il video che desideri segnalare
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

Il PC rappresenta uno strumento elettronico che fa ormai parte di qualunque famiglia italiana. Ad utilizzarlo sono tanto i bambini (che vanno controllati anche mediante software tipo Revealer Keylogger Free) quanto dagli adulti. I piccoli adoperano il...
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 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 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 creare un form in HTML

Il linguaggio di programmazione maggiormente adoperato è sicuramente l'HyperText Markup Language (HTML). Per formare un'interfaccia dei moduli (caselle di testo, menù a discesa, tasti da cliccare, contatti, ecc.) all'interno di una pagina web, si deve...