domenica 30 novembre 2014

Come creare un block HTML

I block HTML sono delle pagine tramite le quali si possono creare e impaginare siti web.
Ecco un esempio di block di base:

Titolo

Testo del paragrafo
Testo del paragrafo
Testo del paragrafo
Il codice di questo block è questo:
<div style="background-color: lightblue; color: white; margin: 20px; padding: 5px;">
<h2>
Titolo | Header</h2>
Testo del paragrafo<br />
Testo del paragrafo<br />
Testo del paragrafo</div>

  • Background-color indica il colore di sfondo
  • margin indica i pixel che distanziano il block dal bordo della pagina
  • padding indica i pixel che distanziano il testo dal bordo del block
  • h2 sta per header 2 ovvero il secondo tipo di titolo. In base a quanto grande deve essere il titolo potete cambiare con h1, h2, h3, h4.
Per creare un layout più complesso dobbiamo ricorrere ad una struttura più articolata, e lo vedremo prossimamente.

Nessun commento:

Posta un commento