Primi passi html:
Per compilare un foglio HTML dobbiamo utilizzare un editor manuale (esistono anche visuali o automatici, dove i tag sono inseriti in automatico premendo il relativo tasto; ma per chi vuole imparare sono sconsigliati.)
Di editor ne potrete trovare a decine e tutti gratuiti, potrebbe anche andare bene il blocco notes. Un editor non è altro che un programma che permetta di scrivere su un foglio e di salvarlo con l'estenzione che vogliamo (.html nel caso del linguaggio html).
Su www.crystalfibers.com potrete trovare il compilatore chiamato "MATRIX", comunque l'uno vale l'altro (vedi utility per una lista siti dove scaricare editor html).
Dopo essersi procurati un editor html aprite una pagina vuota e per prima cosa scriviamo le righe:
<html>
<head>
</head>
<body>
</body>
</html>
Ricordatevi che i tag <html> e </html> aprono e chiudono una pagina con formato
HTML e pertanto sono fondamentali.<head>
</head>
<body>
</body>
</html>
Fra le righe head non inseriamo niente, per il momento non servono.
Adesso proviamo a scrivere qualcosa fra le righe body, per esempio la frase "Ciao a tutti"
<html>
<head>
</head>
<body>
Ciao a tutti
</body>
</html>
Vediamo il risultato (Clicca qui)<head>
</head>
<body>
Ciao a tutti
</body>
</html>
Ricordatevi di salvare il foglio con estensione .html adesso potete guardare il vostro primo foglio html.
Cosa caratterizza un foglio in html:
1- Per prima cosa dovete conoscere come inserire scritte con colori, grandezze o altri particolari che le contraddistinguono. Tutte le alternative si chiamano FONT, e possono essere inserite o nella riga di programma o esternamente per poi essere richiamate al momento opportuno (con i fogli di CSS).2- La posizione degli oggetti è sicuramente essenziale per poter avere una pagina piena di effetti e ben visibile ad un colpo d'occhio. Ricordate che una volta caricata la pagina sul vostro pc, lui legge le informazioni a cascata (dalla prima all'ultima), visualizzando gli oggetti di conseguenza.
3- I link o le ancore sono il cuore di internet. Mediante i link possiamo unire più pagine oppure collegarci ad un sito esterno. Il comando per i Link è <a> e </a> con i relativi parametri di link, ossia l'indirizzo url, il tipo di target, il titolo ed eventuali script javascript (puoi vedere i link a questa pagina)
Adesso proviamo a raccogliere tutti i punti sopra elencati.
Per fare questo dobbiamo almeno salvare due fogli, che chiameremo primo e secondo. Sul primo inseriamo una immagine (chiamata "prova1.jpg") ed una scritta:
<html>
<head>
</head>
<body>
<a href="secondo.html">
<img src="immagineprima.jpg" border="0">
</a>
Clicca l'immagine per passare al foglio due
</body>
</html>
<head>
</head>
<body>
<a href="secondo.html">
<img src="immagineprima.jpg" border="0">
</a>
Clicca l'immagine per passare al foglio due
</body>
</html>
Sul secondo solo una scritta:
<html>
<head>
</head>
<body>
<a href="primo.html">
Clicca la scritta per passare al foglio uno
</a>
</body>
</html>
Clicca qui per vedere il risultato.<head>
</head>
<body>
<a href="primo.html">
Clicca la scritta per passare al foglio uno
</a>
</body>
</html>
Adesso dovete solo approfondire i comandi appena scritti e conoscerne di nuovi.