Centrare il testo in HTML ricorrendo al linguaggio CSS
Il tag <center> per centrare il testo in HTML è stato abolito con HTML5. Da allora, per effettuare questa operazione si utilizzano i CSS. Poiché il parametro richiesto text-align definisce già la struttura del documento nel tag style, il codice è più chiaro e si possono evitare errori.
Come centrare il testo in HTML
Oggi, il comando CSS text-align è utilizzato per centrare il testo in HTML. Questa istruzione viene utilizzata per formattare il testo in orizzontale. Per molto tempo, a questo scopo è stato usato il tag HTML <center>, ormai obsoleto. Questo metodo non è più supportato da quando è stato introdotto HTML5.
- Disponibilità garantita al 99,99%
- Dominio, SSL ed e-mail inclusi
- Assistenza 24/7 in lingua italiana
Centrare in HTML con text-align in CSS
Da HTML5, l’istruzione di centrare un testo in HTML viene memorizzata nel tag style. Il modo più semplice per illustrare questo processo è con un piccolo esempio. Nel codice seguente, centriamo il titolo, il testo e un contenitore HTML div nel nostro documento HTML:
<!DOCTYPE html>
<html>
<head>
<style>
h1 {text-align: center;}
p {text-align: center;}
div {text-align: center;}
</style>
</head>
<body>
<h1>Qui c'è il titolo</h1>
<p>Qui vanno inseriti i contenuti.</p>
<div>In questo punto si trova un contenitore div.</div>
</body>
</html>La struttura del documento è quindi già definita in anticipo. In questo modo ci si assicura che il codice risulti chiaro e che non vi siano errori.
- Domain Connect gratuito per una configurazione facile del DNS
- Certificato SSL Wildcard gratuito
- Protezione privacy inclusa
Il tag HTML <center>, ormai obsoleto
Nelle vecchie versioni di questo linguaggio veniva utilizzato il tag HTML <center>, che ti mostreremo qui per completezza. Tuttavia, poiché è obsoleto e non più supportato, si dovrebbe assolutamente utilizzare la soluzione fornita in CSS. La sintassi di <center> per il testo HTML è la seguente:
<center><p>Testo</p></center>Nell’esempio seguente, puoi vedere esattamente come veniva utilizzato in pratica il tag HTML <center>. A differenza della soluzione moderna, il codice doveva essere modificato direttamente nel body per centrare il testo in HTML. A seconda dell’ambito e della struttura, questo portava a un codice disordinato ed era, in proporzione, molto più soggetto a errori:
<!DOCTYPE html>
<html>
<body>
<p>Qui c'è un testo non centrato.</p>
<center><p>Qui c'è un testo centrato.</p></center>
</body>
</html>Il risultato è simile a questo:
Nella nostra Digital Guide scopri tutto quello che c’è da sapere sull’Hypertext Markup Language. Qui, ad esempio, ti spieghiamo come muovere i primi passi con l’HTML. Anche se ti stai chiedendo come integrare CSS in HTML, ti mettiamo a disposizione il tutorial giusto con molti esempi pratici.