Slide 2:
HTML= Hyper
Text
Markup
Language Ovvero: Linguaggio di Formattazione per Ipertesti Vengono usati i TAG (=etichette) che definiscono
L’inizio e la fine di una specifica formattazione:
<tag>testo formattato</tag>
I tag possono in certi casi avere delle ulteriori specificazioni al loro internodefinite ATTRIBUTI
<tag attributo=“”></tag>
Comunque esistono casi, come i tag <br> e <img> in cui il tag non necessita della chiusura Cos’è l’HTML
Slide 3:
I tag possono essere NIDIFICATI ovvero si possono mettere tag all’interno di un altro tag, ricordandosi di chiuderli in ordine inverso allaloro apertura
<tag1><tag2><tag3>testo</tag3></tag2></tag1>
Per scrivere una pagina HTML si possono usare:
Un qualsiasi editor di testo (blocco note)
Un editor specifico (es. HTML-KIT,edit+,…)
Un editor visuale o WYSIWYG (Frontpage, Dreamweaver,…) Cos’è l’HTML - 2 WYSYWIG = What You See Is What You Get (quel che vedi è quel che ottieni)questa frase è la definizione di un programma a interfaccia grafica
Slide 4:
Struttura di un documento HTML Un documento HTML è leggibile se i suoi contenuti sono compresi
Tra i tag <html> e </html> ed ha estensione file .htm o .html
La struttura di una pagina web è NIDIFICATA
Una pagina web è organizzata in:
Testata <head>…</head>(contiene titolo, definizione della codifica, collegamenti a fogli di stile,meta tags ed eventuali javascripts);
Corpo <body>…</body>contiene il corpo della pagina HTML
Esempio:
<html>
<head>
<title>Titolo</title>
</head>
<!-– questo è un commento -->
<body>
Questo è il corpo della pagina
</body>
</html>
Slide 5:
Testata Testata <head>...</head>
All’interno del tag testata possiamo usare i seguenti tag:
TITOLO <title>…</title> definisce il titolo della pagina in alto nella barra
STILE <style>…<style> per definire particolari stili per i caratteri ocaricare un foglio di stile (CSS) esterno
META <meta name=“” content=“”> per l’inserimento di parole chiave, definizione della codifica, refresh dopo n secondi, altri dati utili al browser
SCRIPT <script>…</script> per l’inserimento di scripts interattivi (javascript o altri linguaggi)
Slide 6:
Corpo del Testo Corpo del testo <body>...</body>
All’interno del tag body possiamo scrivere il nostro documento
Essendo l’HTML un linguaggio di formattazione, ed essendo scritto sotto forma di file di testo semplice, le formattazioni e gli a capo devono essere realizzati mediante la scrittura dei tags.
Alcuni dei tags principali:
FONT <font size=“” face=“” color=“”>…</font> imposta il tipo carettere colore e dimensione
Testate <h#>…</h#> con # da 1 a 6, impostano una testata la cui dimensionediminuisce in ordine di importanza (h1 è più importante di h2 e così via)
Grassetto <b>…</b> formatta il testo in grassetto
Corsivo <i>…</i> formatta il testo in corsivo
Sottolineato <u>…</u> formatta il testo in sottolineato
Line break <br> manda il testo a capo
PARAGRAFO <p align=“”>…</p> per l’inserimento di parole chiave, definizione della codifica, refresh dopo n secondi, altri dati utili al browser
LINK <a href=“” target=“”>…</a> definisce un collegamento a un’altra pagina o auna sezione dello stesso testo (àncora)