Questo articolo è stato co-redatto da Nicole Levine, MFA. Nicole Levine è una Scrittrice ed Editor Specializzata in Tecnologia che collabora con wikiHow. Ha più di 20 anni di esperienza nella creazione di documentazione tecnica e nella guida di team di supporto presso le principali società di web hosting e software. Nicole ha anche una Laurea Magistrale in Scrittura Creativa conseguita presso la Portland State University e insegna composizione, scrittura narrativa e creazione di zine presso varie istituzioni.
Questo articolo è stato visualizzato 26 743 volte
Questo articolo spiega come allineare al centro il testo all'interno di una pagina web utilizzando i fogli di stile CSS. È possibile farlo anche utilizzando il tag HTML <center>, ma si tratta di una procedura considerata obsoleta che non viene più supportata dalle versioni più aggiornate dei browser internet più diffusi.[1]
Passaggi
Metodo 1
Metodo 1 di 2:Usare i CSS
-
1Apri il file che contiene il codice dei tuoi fogli di stile CSS. Dato che il tag HTML <center> è obsoleto e non più supportato, dovrai creare un nuovo elemento di stile con cui potrai formattare qualsiasi parte della struttura delle pagine web, in modo che il testo in essa contenuto venga allineato al centro. Se non hai creato un file CSS distinto dal resto degli elementi del sito, dovrai inserire una sezione dedicata alla formattazione dei contenuti nella parte superiore di ogni file HTML utilizzando i tag "<style>" e "</style>".[2]Pubblicità
- Se non hai ancora utilizzato i tag <style> e </style>, aggiungili direttamente dopo il tag <body> posizionato nella parte superiore del codice HTML, che dovrebbe avere una struttura simile alla seguente:
<!DOCTYPE html> <html> <body> <style> </style>
div.a {
}
<!DOCTYPE html>
<html>
<body>
<style>
div.a {
text-align: center;
}
</style>
<div class="a">
<h1>Benvenuto sul mio sito web</h1>
<p>Questo sito web è stato creato principalmente per fornire informazioni.</p>
</div>
<style>
div.a {
text-align: center;
}
</style>
<div class="a">
<h2>Le donazioni sono ben accette.</h2>
<p>Grazie.</p>
</div>
<!DOCTYPE html>
<html>
<body>
<style>
div.a {
text-align: center;
}
</style>
<div class="a">
<h1>Benvenuto sul mio sito web</h1>
<p>Questo sito web è stato creato principalmente per fornire informazioni.</p>
</div>
<div class="a">
<h2>Le donazioni sono ben accette.</h2>
<p>Grazie.</p>
</div>
</body>
</html>
Metodo 2
Metodo 2 di 2:Usare il Tag HTML Center
-
1Apri il documento HTML da modificare. Questo metodo mostra come usare il tag HTML <center>. Ricorda che questo attributo è obsoleto, quindi potrebbe non essere più supportato dai browser internet moderni. Fino al dicembre 2018 alcuni browser lo supportavano ancora, ma in futuro le cose potrebbero cambiare senza preavviso.
-
2Individua la porzione di testo che vuoi allineare al centro. Scorri il codice HTML della pagina finché non individui il titolo, il paragrafo o un altro elemento della pagina che contiene il testo da formattare.
-
3Aggiungi l'attributo "center" su ogni lato della sezione del testo da formattare. Il tag "center" va usato con la seguente sintassi <center>[testo]</center>, dove il parametro "[testo]" rappresenta il contenuto testuale da formattare. Se il testo da allineare è racchiuso all'interno di altri tag (per esempio "<p></p>" nel caso di un paragrafo), i tag "center" devono racchiudere al loro interno anche gli eventuali tag già esistenti:
<center><h1>Benvenuto sul mio sito web</h1></center> <center>Sentiti come a casa tua!</center>
-
4Controlla il codice HTML del tuo documento. L'aspetto della struttura della pagina web che hai modificato dovrebbe essere simile al seguente:[4]
<!DOCTYPE html> <html> <body> <center><h1>Benvenuto sul mio sito web</h1></center> <center>Sentiti come a casa tua!</center> <p>Questo sito web è stato creato principalmente per fornire informazioni.</p> </body> </html>
Pubblicità