Il tag <CENTER> in Html

In questa lezione ti spiego come funziona il tag <center> nel linguaggio HTML

Il tag <center> ti permette di allineare i contenuti al centro della pagina web.

È costituito da un tag di apertura e un tag di chiusura.

<center> testo <center>

Tra i due tag devi inserire il testo o il contenuto che vuoi allineare al centro della pagina.

Nota. Questo tag era già obsoleto nella versione 4 ed è stato deprecato definitivamente con l'arrivo della versione 5 del linguaggio HTML. Pur essendo ancora funzionante, ti consiglio di non utilizzarlo. Per allineare i contenuti al centro della pagina puoi usare un foglio di stile CSS.

Ecco un esempio pratico.

<center>Testo allineato al centro</center>

In questo esempio, "Testo allineato al centro" è il contenuto che vuoi allineare al centro della pagina.

Questo è il risultato sul browser.

Testo allineato al centro

Puoi usare il tag <center> nella sezione <body> del documento Html.

Ecco un esempio di documento Html.

<!DOCTYPE html>
<html>
<head>
...
</head>
<body>
<center> Testo allineato al centro </center>
...
</body>
</html>

In questo caso il testo della pagina web viene allineato al centro della pagina.

Come già anticipato, il tag <center> è stato deprecato con l'HTML5. I browser lo interpretano ancora ma non è detto che sarà così per sempre. Quindi, ti consiglio di usare il CSS per allineare un testo al centro della pagina.

Come si ottiene lo stesso risultato in CSS?

Per allineare i contenuti al centro della pagina tramite il foglio di stile CSS, puoi utilizzare la proprietà "text-align" con il valore "center".

Ecco un esempio pratico.

<!DOCTYPE html>
<html>
<head>
<style>
body { text-align: center; }
</style>
</head>
<body>
Testo allineato al centro
...
</body>
</html>

In questo esempio, la proprietà "text-align" è applicata all'elemento "body" del documento HTML.

Il che significa che tutti i contenuti della pagina sono allineati al centro.