HTML per i bambini (e non)
lezione3
Ciao ----------------
Meglio al centro?
Certo che la pagina verde, con il testo nero posizionato a sinistra è un po' bruttino...... intanto
posizioniamo al centro il testo, poi vedremo come fare per avere uno sfondo degno del nostro "progetto WEB".
Apriamo la pagina1.htm con blocco note e posizioniamo il cursore subito prima di <h1>
e scriviamo come vedi qui sotto
<html>
<head>
<title>prima pagina</title>
</head>
<body bgcolor="green"> <p align="center"> <h1> ciao </h1>
</p>
</body>
</html>
(nota la <p......> e la </p>, come vedi sono prima e dopo h1, infatti si usa aprire..... dall'esterno ma si chiude dall'interno; è come aprire delle scatole che stanno una dentro l'altra e per rimetterle a posto
si chiude la più vicina (piccola) e poi le altre. Ricorda questo appunto)
Salviamo con nome pagina2.htm e visualizziamo........ mi pare che vada meglio...... o no?
lo sfondo e l'immagine
Adesso va un po' meglio ma non è bello come vorresti?
Niente paura, se sei arrivato fino a qui hai seriamente voglia di fare bella figura con i tuoi amici.
Ricorda, abbiamo detto che il mouse ci è utile e adesso lo dobbiamo usare al meglio.
Qui accanto c'è un quadratino colorato.
Lo puoi salvare sul tuo computer ma fai la massima attenzione. 
Segui passo passo come si fa a salvare.
1) posizionati con la freccia del mouse sull'immagine
2) fai click con il tasto destro del mouse, ti appare un menu di scelta
3) clicca sinistro su Salva immagine con nome e ti appare una finestra dove in alto vedi scritto
Immagini, clicca sinistro sull'immagine della cartelletta con la freccia curvata verso l'alto e vedrai la cartella
Documenti
4) clicca sinistro su Documenti in modo di aprirla e poi fai click nel pulsante
Salva
Ora che hai l'immagine la possiamo mettere come sfondo alla pagina
vediamo come........
Seleziona il testo bgcolor="green" facendo scorrere il mouse sopra e tenendo premuto il tasto sinistro del mouse stesso; il testo cambia colore. Vai in alto dove è scritto Modifica, fai click e scegli Taglia. Il testo scompare. Adesso scrivi
così come vedi sotto.
<html>
<head>
<title>prima pagina</title>
</head>
<body background="sfondo.jpg"> <p align="center"> <h1> ciao </h1> </p>
</body>
</html>
Adesso salva come pagina3.htm e, come detto in precedenza, visualizza.
(Da questo momento in poi dirò solo Visualizza e saprai cosa e come fare.
OK? Se non ti è chiaro ripassa le lezioncine precedenti.)
Se vedi uno sfondo colorato..... ma non verde, se vedi la scritta "ciao" centrata è segno che hai fatto tesoro di questi primi passi.
E' giunto il momento di fare cose più interessanti è più belle