Creiamo una pagina HTML

Dimensione: px
Iniziare la visualizzazioe della pagina:

Download "Creiamo una pagina HTML"

Transcript

1 Creiamo una pagina HTML Giorgio Cadorini giorgio (ad) cadorini.org Università della Slesia Opava

2 Cos'è l'html? HTML = Hypertext Markup Language Inventato nel 1989 da Tim Berners-Lee È un linguaggio SGML, che è un linguaggio di markup: <giallo>cos'è l'html?</giallo> = Cos'è l'html? <rosa>cos'è l'html?</rosa> = Cos'è l'html?

3 Cos'è l'html? HTML = Hypertext Markup Language Inventato nel 1989 da Tim Berners-Lee È un linguaggio SGML, che è un linguaggio di markup: <giallo>cos'è l'html?</giallo> = Cos'è l'html? <rosa>cos'è l'html?</rosa> = Cos'è l'html?

4 Cos'è l'html? HTML = Hypertext Markup Language Inventato nel 1989 da Tim Berners-Lee È un linguaggio SGML, che è un linguaggio di markup: <giallo>cos'è l'html?</giallo> = Cos'è l'html? <rosa>cos'è l'html?</rosa> = Cos'è l'html?

5 Cos'è l'html? HTML = Hypertext Markup Language Inventato nel 1989 da Tim Berners-Lee È un linguaggio SGML, che è un linguaggio di markup: <giallo>cos'è l'html?</giallo> = Cos'è l'html? <rosa>cos'è l'html?</rosa> = Cos'è l'html?

6 Come è fatta una pagina

7 Come è fatta una pagina <html> <head> </head> <body> </body> </html>

8 Come è fatta una pagina <html> <head> </head> <body> </body> </html>

9 Come è fatta una pagina <html> <head> <title>schema della strutturazione</title> </head> <body> </body> </html>

10 Come è fatta una pagina <html> <head> <title>schema della strutturazione</title> </head> <body> <h1>la strutturazione di un testo HTML</h1> </body> </html>

11 Come è fatta una pagina <html> <head> <title>schema della strutturazione</title> </head> <body> <h2>informatica per filologi</h2> <h1>la strutturazione di un testo HTML</h1> </body> </html>

12 Come è fatta una pagina <html> <head> <title>schema della strutturazione</title> </head> <body> <h2>informatica per filologi</h2> <h1>la strutturazione di un testo HTML</h1> Qui svolgo il tema xlcvnoisdjhkdjaos od sdoiijvphjv jdhffasf l ij aef warpsdgoijeqwrfg qwetgerg dlfgjbtr g jjdfgbdsfjtghser dftthnwertop kldfò ortoihb rt ooidfjj jksdfhvbsdofh d slergludsf ihuwrpisdfb ldfgb hc bklsdsdvkv </body> </html>

13 Come è fatta una pagina <p>qui introduco il tema hfbcjkafgnassfdlcxmasfj gaskjn lksdfhoiasdhmcoiashfj dfhfiuasyghfqwer fgyasofgqwufegwo cuweyyfgw yqsegfiuqw fpusadcaschwe ASFEFHG AQFFIUISHD</p> <p>qui svolgo il tema xlcvnoisdjhkdjaos od sdoiijvphjv jdhffasf l ij aef warpsdgoijeqwrfg qwetgerg dlfgjbtr g jjdfgbdsfjtghser dftthnwertop kldfò ortoihb rt ooidfjj jksdfhvbsdofh d slergludsf ihuwrpisdfb ldfgb hc bklsdsdvkv</p> <p>qui una breve conclusione</p>

14 <h3>argomento 1</h3> Come è fatta una pagina <p>qui introduco il tema hfbcjkafgnassfdlcxmasfj gaskjn lksdfhoiasdhmcoiashfj dfhfiuasyghfqwer fgyasofgqwufegwo cuweyyfgw yqsegfiuqw fpusadcaschwe ASFEFHG AQFFIUISHD</p> <p>qui svolgo il tema xlcvnoisdjhkdjaos od sdoiijvphjv jdhffasf l ij aef warpsdgoijeqwrfg qwetgerg dlfgjbtr g jjdfgbdsfjtghser dftthnwertop kldfò ortoihb rt ooidfjj jksdfhvbsdofh d slergludsf ihuwrpisdfb ldfgb hc bklsdsdvkv</p> <p>qui una breve conclusione</p> <h3>argomento 2</h3> <p>qui introduco il tema hfbcjkafgnassfdlcxmasfj gaskjn lksdfhoiasdhmcoiashfj dfhfiuasyghfqwer fgyasofgqwufegwo cuweyyfgw yqsegfiuqw fpusadcaschwe ASFEFHG AQFFIUISHD</p> <p>qui svolgo il tema xlcvnoisdjhkdjaos od sdoiijvphjv jdhffasf l ij aef warpsdgoijeqwrfg qwetgerg dlfgjbtr g jjdfgbdsfjtghser dftthnwertop kldfò ortoihb rt ooidfjj jksdfhvbsdofh d slergludsf ihuwrpisdfb ldfgb hc bklsdsdvkv</p> <p>qui una breve conclusione</p> <h3>argomento 3</h3> <p>qui introduco il tema hfbcjkafgnassfdlcxmasfj gaskjn lksdfhoiasdhmcoiashfj dfhfiuasyghfqwer fgyasofgqwufegwo cuweyyfgw yqsegfiuqw fpusadcaschwe ASFEFHG AQFFIUISHD</p> <p>qui svolgo il tema xlcvnoisdjhkdjaos od sdoiijvphjv jdhffasf l ij aef warpsdgoijeqwrfg qwetgerg dlfgjbtr g jjdfgbdsfjtghser dftthnwertop kldfò ortoihb rt ooidfjj jksdfhvbsdofh d slergludsf ihuwrpisdfb ldfgb hc bklsdsdvkv</p> <p>qui una breve conclusione</p>

15 <h3>argomento 2</h3> Come è fatta una pagina <p>qui introduco il tema hfbcjkafgnassfdlcxmasfj gaskjn lksdfhoiasdhmcoiashfj dfhfiuasyghfqwer fgyasofgqwufegwo cuweyyfgw yqsegfiuqw fpusadcaschwe ASFEFHG AQFFIUISHD</p> <p>qui svolgo il tema xlcvnoisdjhkdjaos od sdoiijvphjv jdhffasf l ij aef warpsdgoijeqwrfg qwetgerg dlfgjbtr g jjdfgbdsfjtghser dftthnwertop kldfò ortoihb rt ooidfjj jksdfhvbsdofh d slergludsf ihuwrpisdfb ldfgb hc bklsdsdvkv per i seguenti motivi:</p> <ul> <li>il prezzo</li> <li>il tempo</li> <li>il numero dei partecipanti</li> </ul> <p>qui una breve conclusione</p>

16 <h3>argomento 2</h3> Come è fatta una pagina <p>qui introduco il tema hfbcjkafgnassfdlcxmasfj gaskjn lksdfhoiasdhmcoiashfj dfhfiuasyghfqwer fgyasofgqwufegwo cuweyyfgw yqsegfiuqw fpusadcaschwe ASFEFHG AQFFIUISHD</p> <p>qui svolgo il tema xlcvnoisdjhkdjaos od sdoiijvphjv jdhffasf l ij aef warpsdgoijeqwrfg qwetgerg dlfgjbtr g jjdfgbdsfjtghser dftthnwertop kldfò ortoihb rt ooidfjj jksdfhvbsdofh d slergludsf ihuwrpisdfb ldfgb hc bklsdsdvkv per i seguenti motivi (<em>da memorizzare</em>):</p> <ul> <li>il prezzo</li> <li>il tempo</li> <li>il numero dei partecipanti</li> </ul> <p>qui una breve conclusione</p>

17 <h3>argomento 3</h3> Come è fatta una pagina <p>qui introduco il tema hfbcjkafgnassfdlcxmasfj gaskjn lksdfhoiasdhmcoiashfj dfhfiuasyghfqwer fgyasofgqwufegwo cuweyyfgw yqsegfiuqw fpusadcaschwe ASFEFHG AQFFIUISHD</p> <p>qui svolgo il tema xlcvnoisdjhkdjaos od sdoiijvphjv jdhffasf l ij aef warpsdgoijeqwrfg qwetgerg dlfgjbtr g jjdfgbdsfjtghser dftthnwertop kldfò ortoihb rt ooidfjj jksdfhvbsdofh d slergludsf ihuwrpisdfb ldfgb hc bklsdsdvkv <strong>in ordine di importanza</strong>:</p> <ol> <li>il prezzo</li> <li>il tempo</li> <li>il numero dei partecipanti</li> </ol> <p>qui una breve conclusione</p>

18 <h3>argomento 4</h3> Come è fatta una pagina <p>qui introduco il tema hfbcjkafgnassfdlcxmasfj gaskjn lksdfhoiasdhmcoiashfj dfhfiuasyghfqwer fgyasofgqwufegwo cuweyyfgw yqsegfiuqw fpusadcaschwe ASFEFHG AQFFIUISHD</p> <p>qui svolgo il tema xlcvnoisdjhkdjaos od sdoiijvphjv jdhffasf l ij aef warpsdgoijeqwrfg qwetgerg dlfgjbtr g jjdfgbdsfjtghser dftthnwertop kldfò ortoihb rt ooidfjj jksdfhvbsdofh d slergludsf ihuwrpisdfb ldfgb hc bklsdsdvkv</p> <p>qui una breve conclusione</p> <h3>poesiola</h3> <p>hbbcwdb hbgj<br> sdfcuysya jghgdfhuis <br>dshhbbsb sdbs sdfd<br> jsdhfsdfihu ihhh<br> dv hhhu h<br> jj,asdjvb dfvbkdrfn</p>

19 <h3>argomento 4</h3> Come è fatta una pagina <p>qui introduco il tema hfbcjkafgnassfdlcxmasfj gaskjn lksdfhoiasdhmcoiashfj dfhfiuasyghfqwer fgyasofgqwufegwo cuweyyfgw yqsegfiuqw fpusadcaschwe ASFEFHG AQFFIUISHD</p> <p>qui svolgo il tema xlcvnoisdjhkdjaos od sdoiijvphjv jdhffasf l ij aef warpsdgoijeqwrfg qwetgerg dlfgjbtr g jjdfgbdsfjtghser dftthnwertop kldfò ortoihb rt ooidfjj jksdfhvbsdofh d slergludsf ihuwrpisdfb ldfgb hc bklsdsdvkv</p> <p>qui una breve conclusione</p> <div> <h3>poesiola</h3> <p>hbbcwdb hbgj<br> sdfcuysya jghgdfhuis<br> dshhbbsb sdbs sdfd<br> jsdhfsdfihu ihhh<br> dv hhhu h<br> jj,asdjvb dfvbkdrfn</p> </div>

20 <h3>argomento 4</h3> Come è fatta una pagina <p>qui introduco il tema hfbcjkafgnassfdlcxmasfj gaskjn lksdfhoiasdhmcoiashfj dfhfiuasyghfqwer fgyasofgqwufegwo cuweyyfgw yqsegfiuqw fpusadcaschwe ASFEFHG AQFFIUISHD</p> <p>qui svolgo il tema xlcvnoisdjhkdjaos od sdoiijvphjv jdhffasf l ij aef warpsdgoijeqwrfg qwetgerg dlfgjbtr g jjdfgbdsfjtghser dftthnwertop kldfò ortoihb rt ooidfjj jksdfhvbsdofh d slergludsf ihuwrpisdfb ldfgb hc bklsdsdvkv</p> <p>qui una breve conclusione</p> <div align="center"> <h3>poesiola</h3> <p>hbbcwdb hbgj<br> sdfcuysya jghgdfhuis<br> dshhbbsb sdbs sdfd<br> jsdhfsdfihu ihhh<br> dv hhhu h<br> jj,asdjvb dfvbkdrfn</p> </div>

Pablo Genova I. I. S. Angelo Omodeo Mortara Indirizzo Tecnico-Economico A. S

Pablo Genova I. I. S. Angelo Omodeo Mortara Indirizzo Tecnico-Economico A. S Breve introduzione all' HTML Pablo Genova gallini.genova@gmail.com I. I. S. Angelo Omodeo Mortara Indirizzo Tecnico-Economico A. S. 2016 2017 Un assaggio di HTML Come abbiamo visto nelle lezioni precedenti

Dettagli

Creare un Ipertesto. www.vincenzocalabro.it 1

Creare un Ipertesto. www.vincenzocalabro.it 1 Creare un Ipertesto www.vincenzocalabro.it 1 Obiettivi Il corso si prefigge di fornire: Le nozioni tecniche di base per creare un Ipertesto I consigli utili per predisporre il layout dei documenti L illustrazione

Dettagli

XML. XML è contemporaneamente: XML non è:

XML. XML è contemporaneamente: XML non è: XML XML è contemporaneamente: Linguaggio di annotazione (Markup) che permette di creare gruppi di marcatori (tag set) personalizzati (MathML, XHTML, chemicalml, ecc..) Formato standard per lo scambio dei

Dettagli

Esercizi. Introduzione all HTML. Il WWW

Esercizi. Introduzione all HTML. Il WWW Politecnico di Milano Esercizi Introduzione all HTML Il WWW Il World Wide Web: una rete di pagine connesse tra loro e distribuite su diverse macchine Il server Web contiene le pagine Web da visualizzare

Dettagli

Costruisci il tuo sito web da solo! Un pratico tutorial per imparare velocemente a scrivere pagine HTML e pubblicarle online.

Costruisci il tuo sito web da solo! Un pratico tutorial per imparare velocemente a scrivere pagine HTML e pubblicarle online. www.icoarena.com Costruisci il tuo sito web da solo! Un pratico tutorial per imparare velocemente a scrivere pagine HTML e pubblicarle online. Ico Arena 01. PREMESSA Sviluppare un sito web è costoso Per

Dettagli

Language. info@settingweb.it. www.settingweb.it

Language. info@settingweb.it. www.settingweb.it HTML HyperText Markup Language Documenti ipertestuali Sono formati da documenti multimediali: testo, immagini, suoni, video, ecc Comprendono le seguenti parti: contenuto struttura presentazione Che cos

Dettagli

Linguaggio HTML. Elementi di Informatica e Programmazione Università degli Studi di Brescia. Il Linguaggio HTML

Linguaggio HTML. Elementi di Informatica e Programmazione Università degli Studi di Brescia. Il Linguaggio HTML Reti Linguaggio HTML 1 Il Linguaggio HTML n HTML = Hypertext Markup Language n Linguaggio di markup di tipo descrittivo (usato per descrivere e formattare documenti ipertestuali) con una sintassi prestabilita

Dettagli

Pablo Genova I. I. S. Angelo Omodeo Mortara Indirizzo Tecnico-Economico A. S

Pablo Genova I. I. S. Angelo Omodeo Mortara Indirizzo Tecnico-Economico A. S Breve introduzione all' HTML Pablo Genova gallini.genova@gmail.com I. I. S. Angelo Omodeo Mortara Indirizzo Tecnico-Economico A. S. 2017 2018 Un assaggio di HTML Come abbiamo visto nelle lezioni precedenti

Dettagli

INTRODUZIONE AL LINGUAGGIO HTML. Internet + HTML + HTTP = WWW

INTRODUZIONE AL LINGUAGGIO HTML. Internet + HTML + HTTP = WWW 1 INTRODUZIONE AL LINGUAGGIO HTML Internet + HTML + HTTP = WWW Scopo della esercitazione 2 Conoscere i principali tag HTML Realizzare una propria Home Page utilizzando alcuni semplici tag HTML 3 Architettura

Dettagli

HTML. Es: La prossima parola è in <b>neretto</b> Es: La prossima parola è in neretto

HTML. Es: La prossima parola è in <b>neretto</b> Es: La prossima parola è in neretto HTML Il linguaggio HTML (HyperText Markup Language) utilizza annotazioni (tag) per descrivere come verrà visualizzato il documento sul browser di un client. HTML non è un linguaggio di programmazione ma

Dettagli

Tecnologie informatiche multimediali

Tecnologie informatiche multimediali Università degli Studi di Ferrara Facoltà di Lettere e Filosofia Corso di Laurea in «Scienze e Tecnologie della Comunicazione» aa 2011-2012 Tecnologie informatiche multimediali Prof. Giorgio Poletti giorgio.poletti@unife.it

Dettagli

LINGUAGGI PER IL WEB HTML. (HyperText Markup Language)

LINGUAGGI PER IL WEB HTML. (HyperText Markup Language) LINGUAGGI PER IL WEB HTML (HyperText Markup Language) Il World Wide Web World Wide Web = sistema di accesso a Internet basato sul protocollo HTTP insieme di protocolli e servizi (HTTP, FTP, ) insieme di

Dettagli

Pablo Genova I. I. S. Angelo Omodeo Mortara Indirizzo Tecnico-Economico A. S

Pablo Genova I. I. S. Angelo Omodeo Mortara Indirizzo Tecnico-Economico A. S Breve introduzione all' HTML Pablo Genova gallini.genova@gmail.com I. I. S. Angelo Omodeo Mortara Indirizzo Tecnico-Economico A. S. 2018 2019 Un assaggio di HTML Come abbiamo visto nelle lezioni precedenti

Dettagli

HTML. Es: La prossima parola è in <b>neretto</b> Es: La prossima parola è in neretto

HTML. Es: La prossima parola è in <b>neretto</b> Es: La prossima parola è in neretto HTML Il linguaggio HTML (HyperText Markup Language) utilizza annotazioni (tag) per descrivere come verrà visualizzato il documento sul browser di un client. L HTML non è un linguaggio di programmazione

Dettagli

World Wide Web. Angelo Di Iorio. ALMA MATER STUDIORUM UNIVERSITA DI BOLOGNA

World Wide Web. Angelo Di Iorio. ALMA MATER STUDIORUM UNIVERSITA DI BOLOGNA World Wide Web Angelo Di Iorio angelo.diiorio@unibo.it Cosa è il World Wide Web? Il World Wide Web è un sistema ipertestuale per la presentazione a schermo di documenti multimediali, e per l utilizzo di

Dettagli

Cosa vuol dire HTML? Hyper Text Markup Language

Cosa vuol dire HTML? Hyper Text Markup Language IMPARIAMO Cosa vuol dire HTML? Hyper Text Markup Language PROGRAMMIAMO IN HTML? NO! L'HTML è un linguaggio di formattazione che descrive le modalità di impaginazione o visualizzazione grafica (layout)

Dettagli

HTML HyperText Markup Language:

HTML HyperText Markup Language: HTML HyperText Markup Language: Linguaggio utilizzato per creare pagine Web 421 Introduzione HTML è l'acronimo di HyperText Markup Language HTML e il linguaggio standard per descrivere e definire il contenuto

Dettagli

Introduzione al linguaggio HTML. A. Lorenzi - Università di Bergamo - Facoltà di Economia 1

Introduzione al linguaggio HTML. A. Lorenzi - Università di Bergamo - Facoltà di Economia 1 Introduzione al linguaggio HTML A. Lorenzi - Università di Bergamo - Facoltà di Economia 1 Richiami introduttivi (1) sito Internet o sito Web o sito WWW: insieme delle pagine che si riferiscono ad uno

Dettagli

Linguaggio HTML. Reti. Il Linguaggio HTML. Il Linguaggio HTML

Linguaggio HTML. Reti. Il Linguaggio HTML. Il Linguaggio HTML Reti Linguaggio HTML 1 HTML = Hypertext Markup Language E il linguaggio usato per descrivere documenti ipertestuali Ipertesto = Testo + elementi di collegamento ad altri testi (link) Linguaggio di markup:

Dettagli

HTML INFORMATICA PER LE APPLICAZIONI ECONOMICHE PROF.SSA BICE CAVALLO

HTML INFORMATICA PER LE APPLICAZIONI ECONOMICHE PROF.SSA BICE CAVALLO HTML INFORMATICA PER LE APPLICAZIONI ECONOMICHE PROF.SSA BICE CAVALLO Introduzione 2 HTML è l'acronimo di Hypertext Markup Language ("Linguaggio di contrassegno per gli Ipertesti") e non è un linguaggio

Dettagli

HTML HTML HTML HTML. Un documento HTML contiene: Testo. Comandi HTML (tag). Collegamenti ad altri documenti.

HTML HTML HTML HTML. Un documento HTML contiene: Testo. Comandi HTML (tag). Collegamenti ad altri documenti. Il linguaggio (HyperText Markup Language) utilizza annotazioni (tag) per descrivere come verrà visualizzato il documento sul browser di un client. L non è un linguaggio di programmazione ma un linguaggio

Dettagli

HTML. Es: La prossima parola è in <b>neretto</b> Es: La prossima parola è in neretto

HTML. Es: La prossima parola è in <b>neretto</b> Es: La prossima parola è in neretto HTML Il linguaggio HTML (HyperText Markup Language) utilizza annotazioni (tag) per descrivere come verrà visualizzato il documento sul browser di un client. HTML non è un linguaggio di programmazione ma

Dettagli

HTML 4.01 Prima lezione

HTML 4.01 Prima lezione HTML 4.01 Prima lezione A cura di Ivano Stranieri 1 Programma del corso Le basi dell HTML Paragrafi e formattazione del testo Link Tabelle: sintassi ed utilizzo Creazione di frame Form ed interazione con

Dettagli

Web applications con. breve introduzione. 23/10/12 Davide Zedda ITC Levi

Web applications con. breve introduzione. 23/10/12 Davide Zedda ITC Levi Web applications con breve introduzione Cosa ci serve conoscere Client -server Html Http Architettura Client-Server In questa architettura c'è uno scambio di risorse tra due dispositivi: il client e il

Dettagli

#HTML & MArkup Languages. good web design VS bad web design

#HTML & MArkup Languages. good web design VS bad web design #HTML & MArkup Languages good web design VS bad web design #standard web a set of standardized best practices for building web sites, and a philosophy of web design and development that includes those

Dettagli

HyperText Markup Language Informatica applicata alla comunicazione multimediale Cristina Bosco

HyperText Markup Language Informatica applicata alla comunicazione multimediale Cristina Bosco HyperText Markup Language 2016-2017 Informatica applicata alla comunicazione multimediale Cristina Bosco 1. Che cosa e HTML un linguaggio di codifica testuale un linguaggio di marcatura un linguaggio per

Dettagli

HTML - semplice guida by ComputerLucaWorld inizio stesura 03/01/2012 ancora da terminare (potete dare giudizi su come migliorarla!

HTML - semplice guida by ComputerLucaWorld inizio stesura 03/01/2012 ancora da terminare (potete dare giudizi su come migliorarla! HTML - semplice guida by ComputerLucaWorld inizio stesura 03/01/2012 ancora da terminare (potete dare giudizi su come migliorarla!) CENNI SULL'HTML L'html è il linguaggio di base per lo sviluppo di pagine

Dettagli

Agent and Object Technology Lab Dipartimento di Ingegneria dell Informazione Università degli Studi di Parma. Fondamenti di Informatica

Agent and Object Technology Lab Dipartimento di Ingegneria dell Informazione Università degli Studi di Parma. Fondamenti di Informatica Agent and Object Technology Lab Dipartimento di Ingegneria dell Informazione Università degli Studi di Parma Fondamenti di Informatica Reti di Calcolatori e Internet Prof. Agostino Poggi Reti di Calcolatori

Dettagli

Altro esempio di HTML

Altro esempio di HTML HTML (Hyper Text Markup Language) Linguaggio per descrivere una pagina di ipertesto Specifica come dovra apparire quando sara visualizzata, quali collegamenti contiene e dove portano Comando in HTML: riguarda

Dettagli

Daniele Marini. Linguaggi di Markup

Daniele Marini. Linguaggi di Markup Daniele Marini Linguaggi di Markup Cosa sono? Un linguaggio di markup è un sistema di annotazione del testo Più propriamente i linguaggi di markup sono metalinguaggi Consentono cioè di parlare di un linguaggio

Dettagli

Architettura client-server

Architettura client-server Architettura client-server In un architettura client-server ci sono due calcolatori connessi alla rete: un client che sottopone richieste al server un server in grado di rispondere alle richieste formulate

Dettagli

Modulo 1: Fondamenti per scrivere una pagina web

Modulo 1: Fondamenti per scrivere una pagina web Modulo 1: Fondamenti per scrivere una pagina web Indice del modulo Introduzione al linguaggio di marcatura Contenuto, struttura, presentazione Elementi e attributi Proviamo a scrivere una pagina HTML Aggiungere

Dettagli

Basi di Dati-X HTML HTML HTML. Corso di Laurea in Informatica Anno Accademico 2013/2014

Basi di Dati-X HTML HTML HTML. Corso di Laurea in Informatica Anno Accademico 2013/2014 HTML 2 Basi di Dati-X Corso di Laurea in Informatica Anno Accademico 2013/2014 Hyper Text Markup Language linguaggio testuale per descrivere la struttura di documenti ipertestuali disponibili nel World

Dettagli

Introduzione. Elementi di Informatica. Standard. Struttura dei TAG - 1. Annidamento e Indentazione. Struttura dei TAG - 2

Introduzione. Elementi di Informatica. Standard. Struttura dei TAG - 1. Annidamento e Indentazione. Struttura dei TAG - 2 Università degli Studi di Udine Facoltà di Ingegneria CORSO DI LAUREA IN SCIENZE dell ARCHITETTURA Elementi di Informatica HTML e CSS D. Gubiani HTML è l acronimo di HyperText Markup Language che tradotto

Dettagli

Internet e World Wide Web

Internet e World Wide Web Alfonso Miola Internet e World Wide Web Dispensa C-02 Settembre 2005 1 Nota bene Il presente materiale didattico è derivato dalla dispensa prodotta da Luca Cabibbo Dip. Informatica e Automazione Università

Dettagli

Informatica (Sistemi di elaborazione delle informazioni)

Informatica (Sistemi di elaborazione delle informazioni) Informatica (Sistemi di elaborazione delle informazioni) Corso di laurea in Scienze dell'educazione Lezione 4 HTML Mario Alviano Sommario Internet Paragrafi Caratteri Titoli Liste puntate e numerate Collegamenti

Dettagli

Corso di Informatica Generale 1 IN1. Linguaggio HTML

Corso di Informatica Generale 1 IN1. Linguaggio HTML Università Roma Tre Facoltà di Scienze M.F.N. Corso di Laurea in Matematica Corso di Informatica Generale 1 IN1 Linguaggio HTML Marco Liverani (liverani@mat.uniroma3.it) Sommario Breve cronologia del World

Dettagli

Annotazione del testo

Annotazione del testo Università Ca Foscari di Venezia Linguistica Informatica Mod. 1 Anno Accademico 2010-2011 Annotazione del testo Rocco Tripodi rocco@unive.it Ricostruzione Filologia Ricostruire la forma originaria dei

Dettagli

HTML & MARKUP LANGUAGES. LABORATORIO DI COMUNICAZIONE VISIVA HTML+CSS docente: Diana Quarti 1

HTML & MARKUP LANGUAGES. LABORATORIO DI COMUNICAZIONE VISIVA HTML+CSS docente: Diana Quarti 1 HTML & MARKUP LANGUAGES LABORATORIO DI COMUNICAZIONE VISIVA HTML+CSS docente: Diana Quarti 1 HTML DEVELOPMENT Primi anni 90: Tim Berners-Lee sviluppò la prima versione dell HTML al CERN di Ginevra (Svizzera),

Dettagli

Introduzione al linguaggio HTML

Introduzione al linguaggio HTML Introduzione al linguaggio HTML 1 Richiami introduttivi (1) sito Internet (sito Web o sito WWW) insieme delle pagine che si riferiscono ad uno stesso utente, argomento o azienda, registrate su un server

Dettagli

INFORMATICA AA Università degli Studi di Ferrara Facoltà di Scienze MM FF NN Corso di Laurea in «Scienze e Tecnologie per i Beni Culturali»

INFORMATICA AA Università degli Studi di Ferrara Facoltà di Scienze MM FF NN Corso di Laurea in «Scienze e Tecnologie per i Beni Culturali» Università degli Studi di Ferrara Facoltà di Scienze MM FF NN Corso di Laurea in «Scienze e Tecnologie per i Beni Culturali» AA 2010-2011 INFORMATICA Prof. Giorgio Poletti giorgio.poletti@unife.it La rete

Dettagli

Corso di Informatica Umanistica - Esercitazioni C A.A. 2008-2009. Dr. Antonio Bucchiarone 23 Aprile 2009

Corso di Informatica Umanistica - Esercitazioni C A.A. 2008-2009. Dr. Antonio Bucchiarone 23 Aprile 2009 Corso di Informatica Umanistica - Esercitazioni C A.A. 2008-2009 LEZIONE 1 ORGANIZZAZIONE ED INTRODUZIONE HTML Dr. Antonio Bucchiarone 23 Aprile 2009 Mi Presento Esercitatore: Antonio Bucchiarone SOA ResearchUnit,

Dettagli

Laboratorio Digitale 1

Laboratorio Digitale 1 Informatica Corso di PROGRAMMAZIONE Applicata ai Beni IN Culturali RETE Laboratorio Digitale 1 Corso di Laboratorio Digitale 1 Corso di laurea comunicazione e DAMS Laurea Specialistica - Media Education

Dettagli

Linguaggio HTML. Reti. Il Linguaggio HTML. Il Linguaggio HTML. Il Linguaggio HTML

Linguaggio HTML. Reti. Il Linguaggio HTML. Il Linguaggio HTML. Il Linguaggio HTML Reti Il Linguaggio HTML Linguaggio HTML HTML = Hypertext Markup Language Linguaggio di markup di tipo descrittivo (usato per descrivere e formattare documenti ipertestuali) con una sintassi prestabilita

Dettagli

IL LINGUAGGIO HTML (HyperText Markup Language)

IL LINGUAGGIO HTML (HyperText Markup Language) IL LINGUAGGIO HTML (HyperText Markup Language) Le Liste puntate? primo elemento? secondo elemento primo elemento secondo elemento primo elemento secondo elemento lista puntata? primo elemento secondo elemento

Dettagli

PROGRAMMA DEL CORSO WEB GRAPHIC DESIGNER

PROGRAMMA DEL CORSO WEB GRAPHIC DESIGNER PROGRAMMA DEL CORSO WEB GRAPHIC DESIGNER Il percorso Web Graphic Designer con Certificazione internazionale Adobe Dreamweaver prepara lo studente ad acquisire solide conoscenze per la figura professionale

Dettagli

Linguaggio HTML. Reti. Il Linguaggio HTML. Il Linguaggio HTML. Il Linguaggio HTML

Linguaggio HTML. Reti. Il Linguaggio HTML. Il Linguaggio HTML. Il Linguaggio HTML Reti Il Linguaggio HTML Linguaggio HTML HTML = Hypertext Markup Language Linguaggio di markup di tipo descrittivo (usato per descrivere e formattare documenti ipertestuali) con una sintassi prestabilita

Dettagli

Addio mondo crudele! Introduzione a XHTML. Versioni. Da SGML a HTML

Addio mondo crudele! Introduzione a XHTML. Versioni. Da SGML a HTML Addio mondo crudele! Introduzione a XHTML Prof. Ing. Andrea Omicini II Facoltà di Ingegneria, Cesena Alma Mater Studiorum, Università di Bologna andrea.omicini@unibo.it

Dettagli

Università degli Studi di Milano

Università degli Studi di Milano Università degli Studi di Milano Corso di Laurea in Sicurezza dei Sistemi e delle Reti Informatiche Lezioni 17 e 18 Creazione di File HTML FABIO SCOTTI Laboratorio di programmazione per la sicurezza Indice

Dettagli

Informatica per la comunicazione" - lezione 9 -

Informatica per la comunicazione - lezione 9 - Informatica per la comunicazione" - lezione 9 - Internet Web!" Il web è solo uno degli aspetti di internet." In particolare, chiamiamo web tutta l informazione che riusciamo a ottenere collegandoci ad

Dettagli

Introduzione a XHTML. Prof. Ing. Andrea Omicini II Facoltà di Ingegneria, Cesena Alma Mater Studiorum, Università di Bologna

Introduzione a XHTML. Prof. Ing. Andrea Omicini II Facoltà di Ingegneria, Cesena Alma Mater Studiorum, Università di Bologna Introduzione a XHTML Prof. Ing. Andrea Omicini II Facoltà di Ingegneria, Cesena Alma Mater Studiorum, Università di Bologna andrea.omicini@unibo.it Addio mondo crudele!

Dettagli

Informatica: Evoluzione dei Linguaggi di Specifica e Programmazione. Informatica: Evoluzione dei Linguaggi di Specifica e Programmazione

Informatica: Evoluzione dei Linguaggi di Specifica e Programmazione. Informatica: Evoluzione dei Linguaggi di Specifica e Programmazione Informatica: Evoluzione dei Linguaggi di Specifica e Programmazione Ugo Montanari Dipartimento di Informatica, Università di Pisa 0 Roadmap Perchè i linguaggi? Che cosa sono i linguaggi? Esempio: i numeri

Dettagli

WEB. Introduzione HTML. Gabriele Murara

WEB. Introduzione HTML. Gabriele Murara WEB Introduzione HTML Gabriele Murara 1 HTML HTML = Hypertext Markup Language ("Linguaggio di contrassegno per gli Ipertesti"). non è un linguaggio di programmazione (sono linguaggi di programmazione il

Dettagli

Progettazione di siti web (ING-INF/05) LMSGC, mutuato da LMLIN e Sc. Stat. a. a

Progettazione di siti web (ING-INF/05) LMSGC, mutuato da LMLIN e Sc. Stat. a. a Indice: Università degli Studi di Padova Facoltà di Lettere e Filosofia Progettazione di siti web (ING-INF/05) LMSGC, mutuato da LMLIN e Sc. Stat. a. a. 2010-11 Prof. Maristella Agosti Ing. Marco Dussin

Dettagli

Linguaggi di programmazione PC server-client CSS

Linguaggi di programmazione PC server-client CSS Linguaggi di programmazione PC server-client CSS HTML MySQL PHP HTML: Hyper Tex Markup Language PHP: Hypertext Preprocessor CSS: Cascading Style Sheet MySQL: Relational database HTML Hyper Tex Markup Language

Dettagli

GUIDA HTML 4.01 andreavasini@libero.it HTML.IT

GUIDA HTML 4.01 andreavasini@libero.it HTML.IT Tutti i diritti sono riservati. Per pubblicazioni od utilizzo di questo materiale pregasi contattare l autore al seguente indirizzo: andreavasini@libero.it Andrea Vasini HTML.IT HTML.IT - Andrea Vasini

Dettagli

Linguaggi per la descrizione dei documenti

Linguaggi per la descrizione dei documenti SGML (Standard General Markup Language) Linguaggi per la descrizione dei documenti SGML,HTML,XML Molteplicità di documenti di tipo diverso (es. web): articoli, cataloghi, rubriche, tabelle di dati etc..

Dettagli

L informazione nel World Wide Web

L informazione nel World Wide Web L informazione nel World Wide Web L ormai capillare diffusione di Internet (ed in particolare del World Wide Web) sta rivoluzionando molte attività. L innovazione chiave della rete delle reti è che consente

Dettagli

non è linguaggio di markup formato testo .htm .html interpretando

non è linguaggio di markup formato testo .htm .html interpretando HTML Gli ipertesti del web sono scritti usando il linguaggio HyperText Markup Language (HTML). HTML non è un linguaggio di programmazione! HTML non ha meccanismi per prendere delle decisioni o compiere

Dettagli

Ipertesto. Reti e Web. Ipertesto. Ipertesto. Ipertestualità e multimedialità

Ipertesto. Reti e Web. Ipertesto. Ipertesto. Ipertestualità e multimedialità Ipertesto Reti e Web Ipertestualità e multimedialità Ipertesto: documento elettronico costituito da diverse parti: nodi parti collegate tra loro: collegamenti Navigazione: percorso tra diversi blocchi

Dettagli

Cos è HTML. Hypertext Markup Language non è un linguaggio di programmazione. linguaggio 'di marcatura (Markup)

Cos è HTML. Hypertext Markup Language non è un linguaggio di programmazione. linguaggio 'di marcatura (Markup) HTML Olga Scotti Cos è HTML Hypertext Markup Language non è un linguaggio di programmazione non ha meccanismi che consentono di prendere delle decisioni non è in grado di compiere delle iterazioni linguaggio

Dettagli

Modellazione e Gestione di Informazioni non Strutturate

Modellazione e Gestione di Informazioni non Strutturate Università della Calabria, Corso di Laurea Specialistica in Ingegneria Gestionale Progettazione di Sistemi Informativi Docente: Alfredo Cuzzocrea Modellazione e Gestione di Informazioni non Strutturate

Dettagli

Amedeo Leo 1 Alessio Petrozziello 1 Simone Romano 1

Amedeo Leo 1 Alessio Petrozziello 1 Simone Romano 1 Word Amedeo Leo 1 Alessio Petrozziello 1 Simone 1 1 Università degli studi di Salerno Presentazione progetto Gestione Avanzata dei Dati 2014/2015 1 2 3 4 5 Outline 1 2 3 4 5 Obiettivo: Specifica Generare

Dettagli

Linguaggi di Markup. Violetta Lonati. Dipartimento Scienze dell Informazione Università degli Studi di Milano

Linguaggi di Markup. Violetta Lonati. Dipartimento Scienze dell Informazione Università degli Studi di Milano Linguaggi di Markup Violetta Lonati a Dipartimento Scienze dell Informazione Università degli Studi di Milano a E garantito il permesso di copiare, distribuire e/o modificare i materiali cont enuti in

Dettagli

Introduzione allo sviluppo Web. Studium Generale, a.a. 2013-2014, II semestre

Introduzione allo sviluppo Web. Studium Generale, a.a. 2013-2014, II semestre Introduzione allo sviluppo Web Studium Generale, a.a. 2013-2014, II semestre 1 Contatto Daniel Graziotin graziotin@inf.unibz.it http://task3.cc/teaching/introduzion e-allo-sviluppo-web 2 Ciao mondo File

Dettagli

Primi Elementi sul linguaggio HTML

Primi Elementi sul linguaggio HTML Primi Elementi sul linguaggio HTML Docente Tutor: Dott. Gianluigi Roveda Informatica per l'impresa Premessa: I lucidi qui presentati non sono una trattazione completa dell'argomento ma una introduzione,

Dettagli

Informatica per la comunicazione" - lezione 10 -

Informatica per la comunicazione - lezione 10 - Informatica per la comunicazione" - lezione 10 - Evoluzione del Web" Nell evoluzione del Web si distinguono oggi diverse fasi:" Web 1.0: la fase iniziale, dal 1991 ai primi anni del 2000" Web 2.0: dai

Dettagli

Linguaggi di Markup. Violetta Lonati. Dipartimento Scienze dell Informazione Università degli Studi di Milano

Linguaggi di Markup. Violetta Lonati. Dipartimento Scienze dell Informazione Università degli Studi di Milano Linguaggi di Markup Violetta Lonati a Dipartimento Scienze dell Informazione Università degli Studi di Milano a E garantito il permesso di copiare, distribuire e/o modificare i materiali cont enuti in

Dettagli

Internet Terminologia essenziale

Internet Terminologia essenziale Internet Terminologia essenziale Che cos è Internet? Internet = grande insieme di reti di computer collegate tra loro. Rete di calcolatori = insieme di computer collegati tra loro, tramite cavo UTP cavo

Dettagli

Introduzione alle Reti e Linguaggio HTML

Introduzione alle Reti e Linguaggio HTML Reti Le Reti Introduzione alle Reti e Linguaggio HTML Reti: insieme di calcolatori tra loro connessi Le reti hanno il compito di mettere in comunicazione differenti calcolatori I calcolatori posso essere

Dettagli

"-//W3C//DTD XHTML 1.1//EN

-//W3C//DTD XHTML 1.1//EN XHTML 1.1 extensible HyperText Markup Language DOCTYPE All inizio di un documento xhtml bisogna specificare a quali regole ci atteniamo. Tutti i documenti che scriveremo inizieranno con 2 righe particolari:

Dettagli

Programma. Corso di Php e MySql. Struttura dettagliata per il partecipante. (a cura di Paolo Bruno)

Programma. Corso di Php e MySql. Struttura dettagliata per il partecipante. (a cura di Paolo Bruno) Programma Corso di Php e MySql Struttura dettagliata per il partecipante (a cura di Paolo Bruno) GENIUS Academy of Visual Communication Via La Spezia, 34 00182 Roma www.geniusacademy.it - info@geniusacademy.it

Dettagli

Appunti di Introduzione all'informatica

Appunti di Introduzione all'informatica Appunti di Introduzione all'informatica HTML e Applicazioni Web COSA SI IMPARA IN QUESTO MODULO: Come è fatta una pagina web Cosa è HTML Cosa è e come è fatta una applicazione web HTML Come è fatta una

Dettagli

Corso di Informatica - prova scritta del 16/12/2004 (VERSIONE A)

Corso di Informatica - prova scritta del 16/12/2004 (VERSIONE A) NOTA: Il presente scritto è stato formulato in diverse versioni; di seguito se ne riportano due (le altre sono piccole variazioni di queste). Esercizio 1: Corso di Informatica - prova scritta del 16/12/2004

Dettagli

Linguaggio per ipertesti

Linguaggio per ipertesti Linguaggio per ipertesti Un linguaggio per descrivere gli ipertesti è l HyperText Markup Language (HTML) Non è il solo (VRML,XML,...) l HTML è un linguaggio di formattazione e permette di formattare del

Dettagli

Parte 3 Formati Digitali per Testi

Parte 3 Formati Digitali per Testi Parte 3 Formati Digitali per Testi M. Diligenti Sistemi Gestione Documentale 1 Lo standard ASCII Come rappresentare il testo in una sequenza di bytes? ASCII (American Standard Code for Information Interchange)

Dettagli

HTML il linguaggio per creare le pagine per il web

HTML il linguaggio per creare le pagine per il web HTML il linguaggio per creare le pagine per il web Parte I: elementi di base World Wide Web Si basa sul protocollo HTTP ed è la vera novità degli anni 90 Sviluppato presso il CERN di Ginevra è il più potente

Dettagli

Sommario. Breve storia di Internet Commutazione di pacchetto e TCP/IP Il Web HTTP HTML CGI... Connessione tra basi di dati e Web

Sommario. Breve storia di Internet Commutazione di pacchetto e TCP/IP Il Web HTTP HTML CGI... Connessione tra basi di dati e Web Sommario Breve storia di Internet Commutazione di pacchetto e TCP/IP Il Web HTTP HTML CGI... Connessione tra basi di dati e Web Internetworking (collegamento fra reti e sistemi eterogenei) Nasce da un

Dettagli

Corso di Web Programming

Corso di Web Programming Corso di Web Programming 1. Introduzione a Internet e al WWW Paolo Milazzo Dipartimento di Informatica, Università di Pisa http://www.di.unipi.it/ milazzo milazzo di.unipi.it Corso di Laurea in Informatica

Dettagli

Reti e Internet. Anna F. Leopardi 1 Di 19

Reti e Internet. Anna F. Leopardi 1 Di 19 Reti e Internet Anna F. Leopardi 1 Di 19 Sommario LE RETI INFORMATICHE Lan, Man, Wan INTERNET Breve storia di Internet Servizi Il Web: standard e browser Motori di ricerca E-mail Netiquette Sicurezza Glossario

Dettagli

Modulo 8. Sviluppo di pagine e siti Creare pagine Web

Modulo 8. Sviluppo di pagine e siti Creare pagine Web Pagina 1 di 6 Sviluppo di pagine e siti Creare pagine Web HTML è l'acronimo di HyperText Markup Language; si tratta di un linguaggio utilizzato per la marcatura ipertestuale. A differenza dei comuni linguaggi

Dettagli

PROGRAMMAZIONE E ALGORITMI

PROGRAMMAZIONE E ALGORITMI Parte 3: LINGUAGGI DI PROGRAMMAZIONE E ALGORITMI SOMMARIO La programmazione Linguaggi i ad Alto Livello Gli Algoritmi na a Montagn Maria LA PROGRAMMAZIONE PROGRAMMAZIONE: attività che permette di affrontare

Dettagli

HTML e CSS. Concetti base

HTML e CSS. Concetti base HTML e CSS Concetti base Hyper Text Markup Language Structured Generalized Markup Language (SGML) Nasce in ambiente editoriale Testo non formattato ma contrassegnato da coppie di marcatori Document

Dettagli

Hosting su libero. Marcello Di Stefano

Hosting su libero. Marcello Di Stefano Hosting su libero Marcello Di Stefano Tirando le Somme Architettura Client/Server (2 e 3 livelli) Differenza tra una Pagina Statica e Dinamica Protocollo di messagistica HTTP Indirizzamento: URI Tirando

Dettagli

Laboratorio Matematico Informatico 2

Laboratorio Matematico Informatico 2 Laboratorio Matematico Informatico 2 (Matematica specialistica) A.A. 2006/07 Pierluigi Amodio Dipartimento di Matematica Università di Bari Laboratorio Matematico Informatico 2 p. 1/1 Informazioni Orario

Dettagli

Come funziona internet

Come funziona internet Come funziona internet Architettura client server URL/URI Richiesta (Request) Risposta (Response) Pagina url e uri Uno Uniform Resource Identifier (URI, acronimo più generico rispetto ad "URL") è una stringa

Dettagli

Laboratorio di Informatica

Laboratorio di Informatica Corso di laurea in Scienze Biologiche A.A. 2012/13 Laboratorio di Informatica Gruppi 1 e 4 Modulo 2 elaborazione testi Struttura del laboratorio Presentazione di MS Office Word 2010 Esercitazione con Word

Dettagli

PROGRAMMA DEL CORSO WEB DESIGN

PROGRAMMA DEL CORSO WEB DESIGN PROGRAMMA DEL CORSO WEB DESIGN Durante il corso di Web Design potrai apprendere le tematiche inerenti la progettazione, la realizzazione grafica, il montaggio, e le attività di promozione online, con un

Dettagli

HTML Guida base. Guida grafica essenziale all Hyper Text Markup Language I parte

HTML Guida base. Guida grafica essenziale all Hyper Text Markup Language I parte HTML Guida base Guida grafica essenziale all Hyper Text Markup Language I parte In questa breve guida imparerai come è fatta la struttura della pagina HTML impostare il titolo della pagina impostare lo

Dettagli

Stack protocolli TCP/IP

Stack protocolli TCP/IP Stack protocolli TCP/IP Application Layer Transport Layer Internet Layer Host-to-Nework Layer DNS SMTP Telnet HTTP TCP UDP IP Insieme di eterogenei sistemi di rete... 1 Concetti base Differenza tra i concetti

Dettagli

Il Web, HTML e Java Corso di Laurea in Ingegneria Informatica Progetto S.C.E.L.T.E.

Il Web, HTML e Java Corso di Laurea in Ingegneria Informatica Progetto S.C.E.L.T.E. Il Web, HTML e Java Corso di Laurea in Ingegneria Informatica Progetto S.C.E.L.T.E. Università di Bologna Facoltà di Ingegneria Bologna, 08/02/2010 Outline Da applicazioni concentrate a distribuite Modello

Dettagli