| Il
mio primo editor HTML Forse vi sembrerà strano, ma è giunto il momento di
iniziare a programmare in Html.
Se avete appreso quanto scritto fino ad ora, intuite che quello che vi serve è un editor.
Andate nella sezione download di testiemanuali
o in qualche altro sito che offre del free software e scaricatene uno. Avviate il vostro
editor, la prima cosa da fare è quella di creare una struttura (se avete fatto il
download di Cougar Code 10 vi accorgerete che vi viene automaticamente creata), la
struttura da realizzare è come quella sopra riportata, ma con qualche elemento in più
tra i tags. |
Il codice appena letto contiene un tag nuovo: <p>
e </p> ovvero l'elemento paragrafo.
Provate ora a salvare il codice da voi scritto assegnando un nome alla vostra pagina
(ovvero al vostro codice) e quindi apritela per vedere il risultato.
Attenzione:
se state utilizzando un semplice editor di testo e non un editor HTML, il file
contenente il codice dovrà avere assolutamente estensione .htm o .html e NON .txt
o .doc. Di seguito una procedura sicura per salvaguardare il codice:
Dopo avere scritto il codice, salvatelo con estensione di
testo tipo "home.html". Windows nasconde le estensioni, ma interpreta il file
ugualmente, nel nostro caso come un file di ipertesto.
Ovviamente il nostro file non deve essere di testo, ma
deve essere un file di ipertesto, ovvero deve avere estensione .htm o .html, pena una
pagina di testo lontana dalla natura di una pagina web e non idonea al nostro progetto.
Se salviamo il file come file di testo (.doc, .txt…) lo
dobbiamo rinominare (con il tasto destro del mouse), per ottenere qualcosa come
"home.htm", ma le cose non saranno cambiate, verrebbe interpretato sempre come
un file di testo, in realtà, se togliessimo dal Sistema Operativo l'opzione
"Nascondi l'estensione dei file riconosciuti dal sistema", potremmo leggere
"home.htm.txt".
L'opzione "Nascondi l'estensione dei file
riconosciuti dal sistema" è scomoda per un programmatore, quindi se credete di voler
diventare tali, toglietela per vedere l’effettiva estensione del file (potrete sempre
ripristinarla) nel seguente modo:
In Risorse del computer o Espola risorse selezionate la
cartella che si desidera visualizzare. Scegliete Opzioni cartella dal
menù Visualizza.
Scegliete la scheda Visualizzazione,
quindi fare clic sul pulsante di opzione Mostra tutti i file.
Se si desidera visualizzare tutte le estensioni dei nomi
di file, deselezionare la casella di controllo Nascondi le estensioni dei file per
i tipi di file conosciuti.
Il
testo
Allineamento
Il primo passo importante da compiere per imparare a
realizzare una pagina web è quello di sapere immettere del testo in essa. Abbiamo visto
come tramite il tag <p> </p>
siamo riusciti a scrivere qualcosa, in maniera analoga adesso procederemo a
realizzare qualcosa di più complesso.
Per allineare il testo si usa il comando Align
con gli attributi left, center, right, justify,
per allineare il testo rispettivamente a sinistra, centro,
destra, giustificato.
Per utilizzare align e tutti i suoi attributi si deve
ricorrere all'esatta sintassi che segue: |
Per vederne
gli effetti ricopiate il codice sopra descritto su di un editor html, salvate la pagina ed
eseguitelo.
Sappiate che per tornare a capo durante la digitazione del
testo non basta la semplice pressione del tasto Invio, ma dovrete
digitare <br> (vedere anche in
seguito), oppure aprire e chiudere il tag <p>
(in questa maniera: <p> </p>).
Il tag <br> non
possiede relativo tag di chiusura. |
| Nota:
Formattare il testo allineandolo a sinistra, al centro, a destra o
in maniera giustificata potrebbe non essere sufficiente. Immaginate di dover incolonnare
un testo in modo chiaro, justify sarebbe una buona soluzione, ma sarebbe ancora meglio qualcosa che si
comportasse come justify, ma con la peculiarità extra di distanziare i termini con una
spaziatura fissa. Il tag è <KBD></KBD> ed il testo da incolonnare deve essere racchiuso tra di essi. In
alternativa potrete utilizzare i tags <TT></TT> oppure <SAMP></SAMP>. |
