HTML. Pagina HTML Struttura Titolo Hello World! Paragrafo apre il documento html contiene informazioni come il titolo della pagina, i meta tags, la codifica.

Presentazione sul tema: "HTML. Pagina HTML Struttura Titolo Hello World! Paragrafo apre il documento html contiene informazioni come il titolo della pagina, i meta tags, la codifica."— Transcript della presentazione:

1 HTML

2 Pagina HTML Struttura Titolo Hello World! Paragrafo apre il documento html contiene informazioni come il titolo della pagina, i meta tags, la codifica dei caratteri ecc Dati non visualizzati dal Browser, ma che vengono presi in considerazione ad esempio dai motori di ricerca contiene tutto ciò che dovrà apparire sullo schermo

3 Pagina HTML albero del documento HTML HEADBODY H1P IMG TITLE

4 Pagina HTML Sintassi Sintassi: contenuto Il contenuto apparirà in modo diverso a seconda del tag utilizzato I tag possono essere nidificati: testo in bold bold+corsivo bold E' obbligatorio rispettare la gerarchia delle inclusioni: testo in bold bold+corsivo... ERRATO I tag che non prevedono contenuti, chiudono se stessi: Es.,, Ogni tag che viene aperto deve essere anche chiuso!

5 Pagina HTML Sintassi E' buona norma scrivere i tag sempre in minuscolo e non I tag possono contenere attributi:, I valori degli attributi vanno sempre racchiusi tra apici “ ” ERRATO

6 HTML Formattazione standard Intestazioni/titoli: titolo 1 titolo 2 titolo 3 titolo 4 titolo 5 titolo 6 Dall', che è il più importante, si va via via degradando fino all'

7 HTML Formattazione standard Paragrafi paragrafo 1 paragrafo 2 paragrafo 3 E' l'unità di base entro cui suddividere un testo. Il tag lascia una riga vuota prima della sua apertura e dopo la sua chiusura.

8 HTML Formattazione standard Manda a capo di una riga: Da usare ad es. all'interno di un paragrafo per iniziare una nuova riga di testo (br=break, interruzione di riga) Separatore di sezioni: Traccia una linea orizzontale Utile per separare in più sezioni logiche una pagina

9 HTML Formattazione standard Stili del testo: testo in grassetto oppure grassetto testo in corsivo oppure corsivo/enfatizzato testo sottolineato testo barrato testo in apice Esempio: E=mc 2 testo in pedice Esempio: H 2 O Laba - via Don Vender, 66 – 25127 Brescia blocco di citazione HTML

10 HTML Formattazione standard Liste numerate voce 1 voce 2 voce 2.1 voce 2.2 voce 3 voce 4 Liste non numerate voce 1 voce 2 voce 3 voce 4

11 HTML Formattazione standard Liste di definizione titolo 1 definizione 1 titolo 2 definizione 2 : titolo N definizione N La lista inizia con il tag e finisce con il tag I titoli devono cominciare con il tag le definizioni con il tag

12 HTML Formattazione standard Immagini: Attributi: src: url dell'immagine, il percorso può essere sia assoluto che relativo, oppure un URI alt: testo alternativo che descrive l'immagine (letto dagli screen-reader) width - height: modificano le dimensioni a video dell'immagine

13 HTML Formattazione standard I Link (ancore): testo del link Attributi: href: url da linkare, può essere una pagina internet, un immagine, un file ecc title: testo descrittivo del link che appare al passaggio del mouse Può contenere immagini:

14 HTML Formattazione standard Le tabelle: Titolo cella 1 Titolo cella 2 riga 1 - cella 1 riga 1 - cella 2 riga 2 - cella 1 riga 2 - cella 2