Contenuto

• Al passo
• Metodo 1 di 2: utilizzo di CSS
• Metodo 2 di 2: utilizzo del tag "center" in HTML

Questo articolo mostra come centrare il testo in un sito Web HTML. Per questo usiamo CSS (Cascading Style Sheets o fogli di stile). In passato ci concentravamo sull'HTML usando centro>tag, ma questo non funziona più nella maggior parte dei browser.

Al passo

Metodo 1 di 2: utilizzo di CSS

1. Apri il file di testo in cui descrivi i tuoi stili. Ora il centro>tag non è più utilizzato, crea un nuovo elemento in questo file che centrerà il testo in alcune aree del tuo documento HTML. Se non disponi di un file CSS separato, i codici si trovano nella parte superiore del documento HTML tra i tag "style>" e "/ style>".
   • Come la stile>- e / stile>i tag non sono ancora presenti, puoi inserirli direttamente sotto il file corpo>tag nel modo seguente:

   ! DOCTYPE html> html> body> style> / style>

2. Crea una classe che centra il testo. Il div>tag dice al tuo documento HTML a quale sezione specifica appartiene questa classe. Digita quanto segue tra i tag "stile", assicurandoti di fare clic due volte ↵ Invio dopo la prima riga:

   div.a {}

3. Aggiungi il text-alignproprietà. genere text-align: center; tra le parentesi graffe in diva-sezione. L '"intestazione" ora ha questo aspetto:

   ! DOCTYPE html> html> body> style> div.a {text-align: center; } / style>

4. Aggiungi quello corretto divtag al testo che si desidera centrare. Lo fai attraverso il div>tag sopra questo testo e chiudendolo con un / div>tag sotto questo testo. Ad esempio, se vuoi centrare un titolo e il paragrafo sotto di esso, avrà questo aspetto:

   div> h1> Benvenuto nel mio sito web / h1> p> Questo sito web è principalmente per fornire informazioni sulle cose./p> / div>

5. Usa il divatag per centrare altri elementi. Quando vuoi centrare un altro elemento, come il contenuto tra i tag p> / p> e h2> / h2>), tu digiti div> per questo elemento e / div> in seguito. Poiché hai già definito "div.a" come codice CSS centrante, anche questi elementi sono ora centrati.

   stile> div.a {text-align: center; } / style> div> h2> Le donazioni sono benvenute / h2> p> per favore / p> / div>

6. Controlla il tuo documento. Sebbene il testo sulla tua pagina web sia ovviamente diverso, dovrebbe assomigliare a questo:

   ! DOCTYPE html> html> body> style> div.a {text-align: center; } / style> div> h1> Benvenuto nel mio sito web / h1> p> Questo sito web è principalmente per fornire informazioni sulle cose. / p> / div> div> h2> Le donazioni sono benvenute / h2> p> per favore / p> / div> / body> / html>

Metodo 2 di 2: utilizzo del tag "center" in HTML

1. Apri il tuo documento HTML. Questo metodo descrive come ottenere l'obsoleto centro>etichetta. Questo metodo può ancora funzionare in diversi browser, ma è meglio non fare troppo affidamento su di esso.
2. Trova il testo che desideri centrare. Scorri il documento verso il basso fino a trovare il titolo, il paragrafo o altro testo che desideri centrare.
3. Posiziona il tag "center" su entrambi i lati del testo. Il codice ha questo aspetto centro> testo / centro>. Qui, "testo" è il testo da centrare. Se ci sono altri tag in questo testo, come "p> / p>" prima di un paragrafo, posiziona i tag "center" al di fuori dei tag esistenti.

   center> h1> Benvenuto nel mio sito web / h1> / center> center> Mettiti comodo! / center>

4. Controlla il tuo documento HTML. Dovrebbe assomigliare a qualcosa di simile a questo:

   ! DOCTYPE html> html> body> h1> center> Benvenuto nel mio sito web / center> / h1> center> Rendilo facile per te stesso! / Center> p1> Questo sito web è principalmente per fornire informazioni sulle cose./p1> / body > / html>