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.

Presentazione sul tema: "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."— Transcript della presentazione:

1 HTML I tag HTML (parte 1)

2 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

3 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

4 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

5 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

6 Tag : Esempi 6  Per inserire la descrizione: description  Per aggiungere le parole chiave: keywords  Per definire l’autore : author Alice Pavarani

7 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 &nbsp (non è un tag ma un carattere speciale)  Per i caratteri accentati ed altri simboli è necessario utilizzare appositi caratteri speciali (http://www.caratterispecialihtml.com/)http://www.caratterispecialihtml.com/ Alice Pavarani

8 Formattazione del testo 8Alice Pavarani

9 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

10 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

11 Link: 11  Creare un collegamento ipertestuale (link) tra pagine Web  L’attributo href specifica il link ad una pagina Web: 1. 2.  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

12 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