Lontano dal mio pensiero proporre in uno spazio così ristretto, in termini di tempo d'intende, un corso di Html è invece mia intenzione darvi alcune informazioni, a mio parere doverose, sul linguaggio che compone le cossiddette pagine web.
Sarà poi discrezione dei più curiosi approfondire sulla rete stessa, le fonti non mancano davvero, ed eventualmente cimentarsi nella realizzazione di siti web.
Diciamo che questo vuole essere un foglio di appunti che possa servire per rompere il ghiaccio in modo semplice sull'argomento.
Le pagine web sono dei documenti di testo. Significa che per realizzare una pagina o un sito è necessario possedere un computer e un editor testuale, anche il notepad va benissimo.
Il linguaggio HTML come tutti i linguaggi che si rispettino, compreso l'italiano, ha delle regole.
Di tali regole è meglio fare tesoro per non incorrere in incomprensioni da parte del "browser" sia esso Explorer o Firefox.
Dal punto di vista sintattico l'html è formato da tag.
Un tag è in sintesi un'istruzione che dice al browser come visualizzare quello che segue il tag stesso.
Per fare subito un esempio se io volessi visualizzare il testo
ciao mamma in grassetto dovrei fare precedere il testo dal tag b che sta per bold ovvero grassetto, e quindi dovrei scrivere
<b>ciao mamma</b>
Da questo primo esempio possiamo vedere come i tag vengono scritti in modo da differenziarsi dal testo vero e proprio ovvero devono essere racchiusi tra i due simboli < e >; inoltre ogni tag (vedremo alcune eccezioni) deve essere terminato con il suo terminatore identico al tag stesso ma che fa precedere il simbolo /al tag stesso (in questo caso </b>)
A questo punto vediamo i tag che devono essere presenti in una pagina obbligatoriamente sempre che vogliamo utilizzare il linguaggio in modo corretto.
Ovvio che italiano io potere parlare anche meno complicato e tu capire uguale ma non credo che si potrebbe parlare in questo caso di un testo godibile da leggere, cosa ne dite?
Passiamo quindi ai tag di base, li espongo uno per riga indicando a fianco il loro valore semantico.
<html> Tag di apertura indica che il documento che segue è una pagina web
<head> Contiene al suo interno informazioni tecniche per i modori di ricerca, sul tipo di caratteri utilizzati (non dei font, ma della codifica a seconda della posizione geografica), e un tag
<title> Indica il titolo della pagina, quello che viene visualizzato da jaws attraverso la pressione della combinazione di tasti insert+t.
<body> All'interno di questo tag è la pagina web vera e propria che viene visualizzata
Questi sono i tag di base e ricordandoci che ogni tag deve essere chiuso con il suo tag di chiusura corrispondente, una pagina web vuota potrebbe essere scritta in questo modo
<html>
<head>
<title>
</title>
</head>
<body>
</body>
</html>
Vediamo ora alcuni tag comunemente usati per formattare i caratteri
<b> grassetto
<i> corsivo
<u> sottolineato
Alcuni tag per formattare i paragrafi
<p> paragrafo puo avere tra le altre la proprietà align cge indica il posizionamento orizzontale del testo (a sinistra, centrato, a destra, giustificato)
<br/> messa a capo (attenzione al tag vuoto!)
<center> centrato
Tag per al creazione di link
<a> il tag anchor contiene una proprietà (href) che indica il collegamento ipertestuale destinazione
Tag per le immagini
<img> il tag contiene una proprietà (src) che indica l'immagine da visualizzare
Tag per le form o moduli
<form> apre la form e può avere le proprietà action, method, name
<input> campo di immissione dati. la sua proprietà type può assumere i valori text, password, checkbox, radio ecc...
<select> casella a discesa
Credo che con queste informazioni possiate avere le basi per iniziare ad esplorare e realizzare pagine web in modo autonomo.
Nella prossima lezione approfondiremo leggermente alcuni aspetti della programmazione HTML.