Come centrare contenuto in PHP

PHP è un linguaggio di programmazione web progettato per sfruttare appieno potenza di elaborazione e memoria del server per calcoli, visualizzazione codice HTML (HyperText Markup Language) e interazione database. PHP permette l'inclusione di comandi di presentazione HTML, detti tag, direttamente nei propri comandi echo. Il comando echo permette a PHP di stampare testo puro o informazioni HTML sul browser del visitatore. Attraverso l'uso di echo insieme ai tag HTML <center> (deprecato in HTML5, meglio usare CSS) o <div style="text-align:center;">, potete centrare il contenuto.

Passo 1

Configurate il vostro editor di testo per permettere salvataggio come file di testo semplice. Se usate Blocco note su Windows, nessuna configurazione serve (lavora con testo semplice di default). Se usate TextEdit su Mac: avviate TextEdit > Preferenze dal menu Applicazione > selezionate "Testo semplice" per "Formato nuovo documento". In "Salvataggio", spuntate per disattivare "Aggiungi estensione .txt a file testo semplice". Sotto "Testo formattato", spuntate per attivare "Ignora comandi formattazione in file HTML". Disattivate "A capo automatico" deselezionando "A capo a pagina". Salvate e aprite nuovo documento. Se usate Blocco note, apritelo ora (menu Start > Tutti i programmi > Accessori).

Passo 2

Create un nuovo file HTML in cui inserire il comando PHP. Un file HTML base deve includere, in ordine:

<html>
<head>
<title>Titolo della mia pagina</title>
</head>
<body>
</body>
</html>

Passo 3

Impostate la posizione dove andrà il comando PHP. Ogni comando PHP inizia con un tag di apertura e uno di chiusura. Il tag apertura può essere <? o <?php e il tag chiusura è sempre: ?>. Se su una riga, apertura e chiusura completi appaiono come: <?php ?>. Posizionatelo tra i tag <body> e </body> del documento HTML.

Passo 4

Inserite una riga PHP tra i tag apertura/chiusura che stampi un titolo grande, grassetto, in cima alla pagina del browser e centrato. Usate il comando PHP echo, poi virgolette, seguito da HTML e testo, chiuso da virgolette e punto e virgola. Esempio che crea un header centrato "Il mio primo header PHP centrato" (inclusi tag programma):

<?php echo "<div style='text-align:center;'><h1>Il mio primo header PHP centrato</h1></div>"; ?>

Se non conoscete HTML, il tag <h1> attiva header grande grassetto e </h1> lo disattiva. Il <div style='text-align:center;'> centra il contenuto (metodo moderno CSS).

Passo 5

Aggiungete altro al blocco PHP se desiderato. Se volete un'immagine centrata sotto l'header, e avete l'immagine "miogatto.jpg" in una directory "immagini" nella stessa directory del file HTML con il codice PHP, potete aggiungerla così:

<?php echo "<div style='text-align:center;'><h1>Il mio primo header PHP centrato</h1><br><img src='immagini/miogatto.jpg' alt='Mio gatto'></div>"; ?>

Passo 6

Salvate l'intero file nella directory del vostro server web così potrà processarlo quando il visitatore lo carica nel browser. Salvatelo con qualsiasi nome, ma assicuratevi di usare estensione .php alla fine. Esempio: headerconimmagine.php

Passo 7

Puntate il browser al file per vedere il risultato processato. Se il vostro indirizzo web è https://www.miosito.com e il file è salvato nella directory principale (quella contenente "immagini"), digitate: https://www.miosito.com/headerconimmagine.php. Se non ci sono errori di battitura, l'header apparirà centrato in alto e l'immagine sotto, anche centrata.

Suggerimento

Terminate sempre ogni riga PHP echo con punto e virgola (;), richiesto dal processore PHP per sapere quando una riga finisce prima di passare alla successiva.