Introduzione
HTML è il linguaggio di programmazione utilizzato per disegnare le pagine web.
In questa guida, passo dopo passo, vedremo come centrare un oggetto in HTML. Solitamente in ogni testo scritto, si usa l'allineamento a sinistra per il corpo del documento, mentre per tutti i numeri, per il destinatario di una lettera o per firmarsi si usa solitamente posizionare il testo a destra. Il centramento è invece riservato per i titoli o utilizzato per brevi frasi introduttive all'inizio di un paragrafo. Vediamo insieme come procedere.
Decidere come posizionare il testo
Prima di iniziare dobbiamo comunicare al computer che ciò che stiamo scrivendo è HTML. Dobbiamo inoltre dire al computer in che posizione ci troviamo, nello specifico occorrerà comunicargli che ci troviamo nel corpo del testo. Dopoavere scritto il testo, possiamo partire con le operazione necessarie per l'allineamento.
Il nostro codice di partenza è il seguente: html body voglio centrare questo testo, img_src="link" body html. Questo sarà il nostro codice di partenza e quindi non dobbiamo fare altro che decidere come posizionare il nostro testo.
Per poter inserire qualsiasi allineamento ci serviamo del codice: DIV align="x" Il nostro testo o il nostro oggetto o la nostra tabella. Ovviamente alla "x" dobbiamo sostituire: left, per ottenere un allineamento a sinistra; center, per ottenere un allineamento al centro; right, per ottenere un allineamento a destra.
Inserire il codice
Non resta ora che integrare questi nuovi codici nel nostro codice di partenza. Se vogliamo ottenere un allineamento al centro useremo il codice 2: html body DIV align="center" voglio centrare questo testo. Img_src="link" div body html.
Ricordiamo che questo comando posizionerà ogni elemento selezionato, siano essi immagini o testi. Se vogliamo allineare in questo modo solo un elemento pertanto occorre restringere il codice 2 all'elemento da allineare in quanto nell'HTML ogni stringa, definisce una caratteristica che viene attribuita solo alla porzione di codice compresa tra il suo marcatore iniziale DIV align="x" e il suo marcatore finale DIV.
Confermare l'operazione
Ricordate che potrete utilizzare un editor WYSIWYG in cui invece di scrivere il codice dovrete cliccare su un pulsante come quelli in foto: il programma farà tutto da solo.
Utilizzando i codici di questa guida ricordatevi di aprire e chiudere i marcatori necessari.
Ora il vostro testo o la vostra immagine, risulterà perfettamente centrata e catturerà l'attenzione da subito. Non vi resta che mettervi all'opera!