La prima pagina web Intestazione Corpo
<. -- per inserire un commento si utilizza il tag <. -- ……… <!-- I tag necessari per creare una pagina web sono <html> e <body> che vanno chiusi anteponendo il simbolo slash / </html> </body> --> <!-- I tag sono “no case sensitive”, cioé si possono scrivere sia in maiusscolo che in minuscolo -- > <! – la pagina web è composta dalla testata <head> e dal corpo <body> <html> <head> <title> Prova pagina web </title> </head> <body> Corpo della pagina web </body> </html>
Colorare lo sfondo della pagina Colore dello sfondo
<html> <head> <title> Prova pagina web </title> </head> <!-- Il colore si può impostare digitando il nome del colore: bianco= white, verde= green, oppure con i valori esadecimali: da 0 (zero) ad F (effe) preceduti dal simbolo cancelletto #; la scala dei colori fondamentali è RRGGBB - Rosso, Verde, Blu --> <body bgcolor="yellow"> Corpo della pagina web </body> </html>
Dimensione del testo
<html> <head> <title> Allineamento testo nella pagina web </title> </head> <body bgcolor="yellow"> <!-- il tag H seguito da un numero (da 1 a 6) specifica le dimensioni del carattere: 1 più grande, 6 più piccolo --> <h1> Testo dimensione 1 </h1> <h2> Testo dimensione 2 </h2> <h3> Testo dimensione 3 </h3> <h4> Testo dimensione 4 </h4> <h5> Testo dimensione 5 </h5> <h6> Testo dimensione 6 </h6> </body> </html>
L’allineamento del testo
<html> <head> <title> Allineamento testo nella pagina web </title> </head> <body bgcolor="yellow"> <h1> Testo dimensione 1 </h1> <h2> Testo dimensione 2 </h2> <h3> Testo dimensione 3 </h3> <h4> Testo dimensione 4 </h4> <h5> Testo dimensione 5 </h5> <h6> Testo dimensione 6 </h6> <!-- il tag P (Paragraph) Align (Allineamento) permette di gestire i Paragrafi ed il loro allineamento: left= sinistra; right= destra; center= centrato; justify= giustificato --> <p align="left"> allinea a sinistra </p> <p align="right"> allinea a destra </p> <p align="center"> allinea al centro </p> <p align="justify"> il testo viene alleato sia a sinistra che a destra </p> </body> </html>
Colore, stile, dimensione, ecc… del testo
<html> <head> <title> Colore, Stile e Dimensione del testo </title> </head> <body bgcolor="yellow"> <!-- colore di sfondo della pagina: giallo -- > <h1> Testo dimensione 1 </h1> <h2> Testo dimensione 2 </h2> <h3> Testo dimensione 3 </h3> <h4> Testo dimensione 4 </h4> <h5> Testo dimensione 5 </h5> <h6> Testo dimensione 6 </h6> <!-- Commento: differnza tra il tag P e DIV il primo lascia una riga vuota alla fine, il secondo no --> <p align="left"> allinea a sinistra </p> <p align="right"> allinea a destra </p> <p align="center"> allinea al centro </p> <p align="justify"> il testo viene alleato sia a sinistra che a destra </p> <div align="center"> <font color="blue" face="arial" size=5> testo centrato, colore blu, carattere arial, dimensione 5 </font> </div> <div align="right"> <!-- Il valore #FF0000 corrisponde al Rosso (RRGGBB) --> <font color="#FF0000" face="mistral" size=6> testo a destra, colore rosso, carattere mistral, dimensione 6 </body> </html>
Inserire delle righe all’interno della pagina
<html> <head> <title> Righe interne alla pagina web </title> </head> <body bgcolor="yellow"> <!-- Per inserire delle righe all'interno della pagine si utilizza il tag HR (Horizontal Row) il tag BR (Break Row) serve per andare a capo --> Riga normale: <br> <hr> <br> Riga senza effetto 3D: <br> <hr noshade> <br> Riga allineata a sinistra, larghezza: 50% rispetto al totale della riga, spessore: 20, colore: rosso <hr align="left" width="50%" size="20" color="red"> <br> Riga allineata al centro, larghezza: 50% rispetto al totale della riga, spessore: 50, colore: verde <hr align="center" width="50%" size="50" color="green"> Riga allineata al centro, larghezza: 70% rispetto al totale della riga, spessore: 30, colore: bianco <hr align="center" width="70%" size="30" color="#ffffff"> Riga allineata al centro, larghezza: 40% rispetto al totale della riga, spessore: 60, colore: bianco <hr align="center" width="40%" size="60" color="white"> </body> </html>
Testo in grassetto, sottolineato, corsivo, ecc…
<html> <head> <title> Testo normale, grassetto, ecc... </title> </head> <!– impostiamo il colore di fondo per la pagina --> <body bgcolor="#FFFF00"> <!– corrisponde al giallo --> <!-- il tag <B> (Bold) testo in grassetto; il tag <U> (Underscore) testo sottolineato; il tag <I> (Italic) testo inclinato; il tag <S> (Strikeout) testo sbarrato; il tag <SUP> (Superscript) apice; il tag <SUB) (Subscript) pedice; il tag <TT> (TeleType) monospaziatura. --> <!-- aumentiamo le dimensioni del carattere Font Size= (7) per veder meglio le differenze --> <font size=7> Testo normale: <br> <B> Testo grassetto </b> <br> <u> Testo sottolineato </U> <br> <I> Testo corsivo </I> <br> <s> Testo sbarrato </s> <br> <SUP> Testo apice </SUP> <br> <SUB> Testo pedice </SUB> <br> <tt> Testo monospaziato </tt> <br> </body> </html>