HTML I tag HTML (parte 1)
I tag HTML I comandi che il browser interpreta Etichette per marcare l’inizio e la fine di un elemento HTML Formato e possono essere tag di apertura: tag di chiusura: Schema di annidamento rigoroso (un tag aperto all’interno di un altro tag deve essere chiuso prima del tag di chiusura del tag più esterno) 2Alice Pavarani
I tag HTML: attributi e contenuto Attributi definiscono le impostazioni relative al tag Posti immediatamente dopo il nome del tag Seguiti dall’argomento da attribuirvi: Gli attributi possono essere: attributi standard: specificano le proprietà di un tag (dimensioni, link…) attributi di evento: specificano il comportamento da adottare in determinate situazioni (es. evento di click del mouse) Contenuto del tag è il testo inserito tra il tag di apertura e quello di chiusura 3Alice Pavarani
Titolo: 4 Titolo della pagina Visibile nella “barra del titolo” del browser e nei risultati di un motore di ricerca Inserito nell’header del file ( ) Esempio: Alice Pavarani Titolo della pagina Web
Tag 5 Aggiunge l’autore, una breve descrizione per la pagina o alcune parole chiave Inserito nell’header del file ( ) Ha tre attributi principali: name content charset : specifica la codifica del documento HTML Alice Pavarani
Tag : Esempi 6 Per inserire la descrizione: description Per aggiungere le parole chiave: keywords Per definire l’autore : author Alice Pavarani
Formattazione del testo 7 Il testo di una pagina HTML va inserito nel tag Titoli (in base alla dimensione del carattere) da Titolo più grande fino ad Titolo più piccolo Paragrafi Testo di un paragrafo Al termine di ogni paragrafo il testo va a capo. Andare a capo Inserire più spazi   (non è un tag ma un carattere speciale) Per i caratteri accentati ed altri simboli è necessario utilizzare appositi caratteri speciali ( Alice Pavarani
Formattazione del testo 8Alice Pavarani
Immagini: 9 Inserire immagini in una pagina Web Le immagini sono file esterni alle pagine HTML Nel codice HTML si fa riferimento al file dell’immagine Utilizzando percorsi relativi Alice Pavarani
Immagini: 10 Il tag non prevede un tag di chiusura Attributi del tag : src : specifica il percorso relativo del file immagine width e height : larghezza ed altezza dell’immagine alt : testo alternativo che viene mostrato se non viene visualizzata correttamente l’immagine Esempio: Alice Pavarani
Link: 11 Creare un collegamento ipertestuale (link) tra pagine Web L’attributo href specifica il link ad una pagina Web: Altri attributi significativi del tag : target : specifica dove aprire il link (nuova finestra, finestra corrente,…) download : al click il contenuto a cui il link fa riferimento viene scaricato All’interno del tag può essere contenuto il tag per rendere un’immagine cliccabile Alice Pavarani Torna alla Home Home page di Google
Blocchi: 12 Suddividere il codice HTML in blocchi o sezioni Il tag può contenere testo, immagini, tabelle ecc… E’ spesso usato per permettere la formattazione omogenea di un intero blocco Ad esempio, è possibile specificare il colore del testo contenuto in un blocco: Tutto il testo qui in mezzo viene scritto in rosso Alice Pavarani