Eccoci ora arrivati alla nuova lezione di HTML. Vi ricordete senza ombra di dubbio che l’ultima volta avevo promesso che avremmo iniziato a fare sul serio. Ebbene, detto fatto. Oggi inizieremo la creazione di una pagina html. La pagina che andremo a creare parlerà di un personaggio immaginario (totalmente insesitstente nella realtà ) e su di lui ci saranno tutte le informazioni che di solito si mettono su siti come facebook, ecc…

Per prima cosa bisogna inserire il titolo come spiegato nella scorsa lezione, che nel nostro caso sarà “Il sito di John”.

Ora passiamo alle cose nuove. Andiamo a colorare la nostra pagina html con dei colori di sfondo. IL tag che in questo caso va usato è il seguente: BODY BGCOLOR=”#******”. Questo tag va inserito nel body della nostra pagina (in un qualunque punto) ed ha la particolarità di non dover essere chiuso. Il difficile sta nell’inserire il colore. Non possiamo infatti scrivere “giallo” oppure “verde”, perchè il computer non capirebbe, ma bisogna scrivere il tutto in esadecimale. I sei asterisci nel tag, infatti, non sono stati messi a caso, bensì rappresentano le quantità dei colori da andare ad inserire. I primi due asterischi rappresentano il rosso, i secondi due il giallo e gli ultimi il blu.

I numeri in esadecimale non arrivano fino a nove per cifra, bensì’ fino a quindici (che + lo zero fa 16, e da qui esdecimale). Le cifre oltre il 9 si indicano con le lettere (dalla A che vale 10 fino alla F che vale 15). Più il valore è alto per ogni colore, e più quel colore è intenso.

Facciamo un esmpio. Ipotizziamo di voler utilizzare un colore bllu con una leggerissima tonalità di giallo e rosso. Basterà inserire al posto degli asterischi il numero 1011ef (cambiando leggermente i numeri le variaioni non si noteranno quasi per niente).

Bene, ci vediamo alla prossima lezione, dove paraleremo ancora della nostra pagina. Per ora abbiamo inserito titolo e colore ma la prossima volta impareremo a scrivere attraverso diverse dimensioni e formati. Alla prossima…

 

Lezione precedente Lezione Successiva

Tags: HTML