Presentation Transcript
Avanzato Plus :Avanzato Plus Ripasso HTML
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:
testo formattato
I tag possono in certi casi avere delle ulteriori specificazioni al loro internodefinite ATTRIBUTI
Comunque esistono casi, come i tag e 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
testo
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 e ed ha estensione file .htm o .html
La struttura di una pagina web è NIDIFICATA
Una pagina web è organizzata in:
Testata …(contiene titolo, definizione della codifica, collegamenti a fogli di stile,meta tags ed eventuali javascripts);
Corpo …contiene il corpo della pagina HTML
Esempio:
Titolo
Questo è il corpo della pagina
Slide 5:Testata Testata ...
All’interno del tag testata possiamo usare i seguenti tag:
TITOLO … definisce il titolo della pagina in alto nella barra
STILE … per definire particolari stili per i caratteri ocaricare un foglio di stile (CSS) esterno
META per l’inserimento di parole chiave, definizione della codifica, refresh dopo n secondi, altri dati utili al browser
SCRIPT … per l’inserimento di scripts interattivi (javascript o altri linguaggi)
Slide 6:Corpo del Testo Corpo del testo ...
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 … imposta il tipo carettere colore e dimensione
Testate … con # da 1 a 6, impostano una testata la cui dimensionediminuisce in ordine di importanza (h1 è più importante di h2 e così via)
Grassetto … formatta il testo in grassetto
Corsivo … formatta il testo in corsivo
Sottolineato … formatta il testo in sottolineato
Line break manda il testo a capo
PARAGRAFO … per l’inserimento di parole chiave, definizione della codifica, refresh dopo n secondi, altri dati utili al browser
LINK … definisce un collegamento a un’altra pagina o auna sezione dello stesso testo (à ncora)