Competenze: Scrivere una semplice pagina web con il blocco note,
salvarla come file.htm e leggerla con il browser
Contenuti: I tag html, head, body
Cosa significa HTML?
HYPER
TEXT
MARKUP
LANGUAGE
HTML non è un linguaggio di programmazione, ma un linguaggio per scrivere pagine web.
I tag marcatori indicano al browser cosa ci deve essere nella pagina.
Un file HTML può essere creato con un semplice editor di testo.
Editor di testo
Per scrivere una pagina web devi usare un editor di tipo testuale o grafico.
E' meglio usare un test testuale per imparare il codice HTML.
Un editor bello e facile da usare è HTML-kit. E' gratuito e lo puoi scaricare
qui.
Un buon editor grafico è Dreamweaver. (ma non è gratuito!)
Il più semplice editor testuale per scrivere un file HTML (se usi Windows) è il Blocco note.
(Aprilo con Start - Programmi - Accessori - Blocco note )
Cosa sono i tag?
I tag dell'HTML sono elementi sintattici che delimitano gli elementi HTML
Codice (ciò che scrivi)
Output (ciò che il browser mostra)
<b> Ciao </b> a tutti!!!
Ciao a tutti!!!
I due caratteri "<" e ">" sono chiamati parentesi angolari.
Il tag d'inizio è <b>
Il tag di fine è </b>
.
La pagina web
Il file html (o pagina web) è un oggetto tra i tag
<html> ….. </html>
La pagina web è composta a sua volta di 2 oggetti: una testa (head) e un corpo (body).
La testa è un oggetto tra i tag <head> ….. </head>.
La
testa può contenere informazioni varie sulla pagina.
Il contenuto della pagina è un oggetto tra i tag:
<body> ….. </body>
Nell'oggetto body vi possono essere molti altri oggetti: testo, immagini, ancore, tabelle,
moduli, elenchi ....
Ogni oggetto ha dei tag differenti.
Li impareremo!
Scrivi la tua prima pagina web!
Apri il Blocco Note (Start, Programmmi, Accessori, Blocco Note)
Scrivi questo testo:
<html>
<body>
Questa è la mia prima pagina web (o qualsiasi cosa tu voglia scrivere)
</body>
</html>
Salva il file come index.htm (Attenzione a selezionare Tutti i file quando salvi!),
mettendolo in una cartella nei vostri documenti
Apri il file salvato con un doppio click sul nome e guardalo. Si aprirà automaticamente
il browser. Per poter vedere il codice HTML,
clicca sul menu Visualizza - HTML
Se tutto è ok, carica (upload) il file nella tua area di lavoro (Laboratori)
(apri le Pagine personali di Amministrazione e Upload il tuo file)
Il file che hai appena creato prenderà il posto della Home Page provvisoria.
Scrivi un messaggio nel forum "La pagina web" per informare che la tua pagina è pronta!