HTML HyperText Markup Language

Presentazione sul tema: "HTML HyperText Markup Language"— Transcript della presentazione:

1 HTML HyperText Markup Language www.settingweb.it info@settingweb.it

2 www.settingweb.it Sono formati da documenti multimediali: testo, immagini, suoni, video, ecc Comprendono le seguenti parti: contenuto struttura presentazione Documenti ipertestuali info@settingweb.it

3 www.settingweb.it HTML è un linguaggio per la marcatura di ipertesti. È utilizzato per definire la struttura dei documenti ipertestuali mediante tags (codici di marcatura) grazie ai quali i browser generano le pagine web che prelevano dai server e che noi vediamo nello schermo. HTML è diventato uno standard giacché permette laccessibilità alle informazioni dalla maggior parte web browsers. Che cosè HTML info@settingweb.it

4 tag il mio testo www.settingweb.it Tag di apertura Tag di chiusura info@settingweb.it

5 Il mio primo file html (I) 1.Aprire un programma Editore di testo Esempio: Start->Programmi->Accessori->Blocco note oppure Wordpad 2.Nella nuova finestra che si apre copiare il seguente testo: Il mio primo file html Ci sono tags di apertura e tags di chiusura. 3.Vai a: File->Salva come->ilmioprimofilehtml.html www.settingweb.it estensione Indica tipo di documento Titolo del doc visualizzato nella barra del titolo del browser Esempio 1 info@settingweb.it

6 Il mio primo file html (II) 4.Apri il browser e scrivi nella barra degli indirizzi il percorso completo del luogo dove hai salvato: ilmioprimofile.html Esempio: C:\Mie pagine Web\ ilmioprimofilehtml.html 5.Verrà visualizzato il seguente testo: Ci sono tags di apertura e tags di chiusura. www.settingweb.it percorso info@settingweb.it

7 Intestazioni HTML Vi sono 6 livelli di titoli, ognuno dei quali indica la gerarchia del titolo e la dimensione dei caratteri: Text to Appear in Heading N=1,2,3,4,5,6 Esempio: Il mio primo file html Questo è un titolo Questo è un titolo *Ripeti i passi precedenti dal 1 al 5 per vedere il risultato nel browser www.settingweb.it Esempio 2 info@settingweb.it

8 Tags: Usare: per creare paragrafo per creare sezione per andare a capo www.settingweb.it info@settingweb.it

9 Tags: Stile Usare: Bold Italic Typewriter www.settingweb.it info@settingweb.it

10 Gli elenchi Elenco non ordinato Po Tevere Arno www.settingweb.it Elenco ordinato America Europa Asia Testo in italic Testo in grassetto info@settingweb.it

11 Inserire immagini www.settingweb.it <img src=nomeimmagine.gif" alt=descrizione immagine" width=300 height=259 align=middle > align= top / middle / bottom Larghezza dellimmagine Altezza dellimmagine Alineamento rispetto al testo info@settingweb.it

12 Ancore link www.settingweb.it Esempio: descrizione Se risiede nella stessa cartella. descrizione Se risiede in una sottocartella. descrizione Se è una risorsa di rete. info@settingweb.it

13 Link a sezioni di una pagina www.settingweb.it Esempio: Italia nel mondo … Il name deve essere definito allinterno dello stesso documento info@settingweb.it

14 Link a un ancora in un altro documento www.settingweb.it Esempio: Italia nel mondo Questo linka a un punto interno di unaltra pagina Questo codice si trova allinterno di quellaltra pagina info@settingweb.it

15 HyperGraphics www.settingweb.it Vai a nomefile Nel browser si visualizza immagine.gif che rappresenta lancora sulla quale cliccare per arrivare a nomefiel.html info@settingweb.it

16 bibliografia www.settingweb.it I nostri corsi: www.settingweb.it/corso-html/corso-html.html info@settingweb.it