Premessa
Se avete deciso di leggere e magari fare il download di
questo manuale, allora vuol dire che vi siete decisi quanto meno ad avvicinarvi ad HTML,
il linguaggio di programmazione base di tutta internet.
Senza dilungarmi nella premessa, passiamo subito a studiare HTML.
Quello che serve è un semplice editor.
Se decidete di utilizzare un editor di testo, sceglietene
uno adatto per scrivere del codice html, infatti se utilizzerete noti software di editing,
vi troverete del codice danneggiato da tutti quei caratteri invisibili all'utente che va
ad insinuarsi tra il codice stesso rendendolo inutilizzabile. Ricordate inoltre di non
formattare il testo, altrimenti danneggerete allo stesso modo il codice html.
Di editor adatti ne troverete tanti in giro per la rete e tutti o quasi gratuiti, anche in
questo sito ne troverete qualcuno, decidete voi quale procurarvi. Cercate di imparare a
programmare in html con un editor testuale, non arrendetevi e studiate, i risultati non
tarderanno ad arrivare. La regola è STUDIARE.
Quindi riepilogando: html vi serve per realizzare le vostre
pagine web che costituiranno il vostro website, per imparare a programmare in html dovete
studiare, vi serve un editor, meglio se specifico per scrivere codice html e continuare a
studiare per utilizzarlo.
Se invece optate per un programma visuale che realizzi per
voi una pagina, vuol dire che non dovrete studiare questo manuale, vi serve qualcosa di
semplice e funzionale, per iniziare, in giro per la rete e ovviamente anche su testiemanuali troverete quello che
vi serve nella sezione download. Ovviamente questo manuale è dedicato ad Html puro,
destinato a chi vuole realizzare pagine web programmando e non facendole realizzare a
programmi dedicati. Utilizzare un programma che offre la possibilità di ottenere il
risultato di un codice scritto senza effettivamente farlo non implica che si può fare a
meno di html, molte volte infatti, è necessario manipolare il codice, altrimenti ci si
deve accontentare dei limiti del software che stiamo utilizzando (e vi assicuro che ad un
certo livello sono limitati).Vedrete che imparando sempre più, sentirete l'esigenza di
modificare i parametri di una tabella o di un collegamento ipertestuale diversamente
rispetto a quelli di default scelti dal software che lo ha fatto per voi, ma andiamo con
ordine.
Attenzione: Per fare in modo di rendervi padroni del
linguaggio, ho appositamente evitato di mostrarvi il risultato del codice in questo
manuale riportato. Io vi assicuro che il codice di esempio è esatto, vi fornisco un
editor html su testiemanuali e
questo manuale ricco di nozioni per chi inizia adesso. A voi tocca utilizzare il codice
tramite l'impiego dell'editor html e incominciare a scriverne del vostro. Questo è il
metodo per imparare: studiare e applicare, non arrendetevi, ma studiate sempre nuove
soluzioni, vedrete che ci riuscirete.
Primi
passi
Gli
elementi fondamentali di una pagina web
Provando a visualizzare il codice di una semplice pagina
web, noteremo subito che esso inizia con <HTML> (non
importa se scritto a caratteri maiuscoli o minuscoli). <html>
è un comando o tag e deve sempre essere rinchiuso tra due parentesi angolari < > (in linguaggio di programmazione: operatore
logico minore e operatore logico maggiore), facendo attenzione a non inserire
spazi all'interno (sarebbe utile in seguito consultare la guida agli operatori
logici su testiemanuali ). <html> è posto sempre all'inizio del codice della
pagina web, esso lo avvia, in pratica indica che il codice che segue è destinato ad
essere interpretato da un browser. Se vi state chiedendo cosa è un browser,
ecco la risposta: è un programma (i più famosi sono Internet Explorer e Netscape
Navigator), che consente tramite il trasferimento dei dati, la comunicazione tra noi,
interfacciati tramite il computer e internet. Un tag in poche parole possiede il
compito di avviare una istruzione specifica e possiede di
conseguenza, salvo qualche caso, un altro tag che ne decreta l'interruzione
del suddetto compito. Così come <html>
"apre" il codice di una pagina, allo stesso modo </HTML> lo "chiude". Ricordo ancora
una volta che possiamo utilizzare le lettere maiuscole o minuscole a nostra discrezione.
Una volta digitato </html> il browser
capirà che è finito il codice della pagina ed il caricamento della medesima. Notate che
la chiusura di un tag è definita da "/",
in linguaggio tecnico "slash". Chiarito il concetto e l'utilizzo di <HTML> e </HTML>
passiamo avanti a vedere quali sono gli altri tags che seguono. Leggendo di seguito
noteremo <HEAD> e </HEAD>, su questi tags per il momento non mi
soffermo perchè devono essere affrontati insieme ad altri concetti, mi basta dire, per
ora, che essi racchiudono tutto il codice che deve essere utilizzato per primo, come gli
scripts. Andiamo avanti per individuare altri due tags: <BODY> e </BODY>,
essi racchiudono tutto quello che possiamo vedere su di una pagina web come: testo,
immagini, tabelle, ecc...
Di seguito potete vedere la struttura base di una
pagina web intesa nei tag essenziali: |
