Fondamenti del linguaggio HTML

Dimensione: px
Iniziare la visualizzazioe della pagina:

Download "Fondamenti del linguaggio HTML"

Transcript

1 Fondamenti del linguaggio HTML dott. ing. Angelo Carpenzano 1 Cos è il World Wide Web? Il World Wide Web (WWW) è più spesso chiamato Web ( ragnatela ). Il Web è una rete di computer sparsi in tutto il mondo. Tutti i computer del Web possono comunicare con ogni altro. Tutti i computer usano uno standard di comunicazione chiamato HTTP. 2 1

2 Come funziona il WWW? Le informazioni del Web sono memorizzate in documenti chiamate pagine Web. Le pagine Web sono file memorizzati su computer chiamati Web server. I computer che leggono le pagine Web sono chiamati Web client. I client Web visualizzano le pagine con un programma chiamato Web browser. I più popolari browser sono Internet Explorer e Netscape Navigator. 3 Come ottenere una pagina? Un browser ottiene una pagina Web da un server tramite una richiesta. Una richiesta è una richiesta HTTP standard che contiene un indirizzo di pagina. Un indirizzo di pagina appare come il seguente: 4 2

3 Come visualizzare le pagine? Tutte le pagine Web contengono le istruzioni per essere visualizzate. Il browser visualizza la pagina leggendo queste istruzioni. Le più comuni istruzioni di visualizzazione sono chiamate tag HTML. I tag HTML hanno il seguente formato: <p>questo è un paragrafo</p>. 5 Cos è un file HTML? HTML sta per Hyper Text Markup Language Un file HTML è un file di testo contenente piccoli tag di markup I tag di markup dicono ai browser Web come visualizzare la pagina Un file HTML deve avere estensione.htm o.html Un file HTML può essere creato usando un semplice text editor (es. Blocco Note) 6 3

4 Facciamo la prima prova Copiare il testo seguente in un nuovo documento in Blocco Note e salvarlo con il nome miapagina.html in C:\ <html> <head> <title>titolo della pagina</title> </head> <body> Questa è la mia prima homepage. <b>questo testo è in grassetto</b> </body> </html> 7 Spiegazione dell esempio (1) Il primo tag in un documento HTML è <html>. Questo tag dice al browser che sta iniziando un documento HTML. L ultimo tag nel documento è </html>. Questo tag dice al browser che il documento HTML è finito. Il testo tra i tag <head> e </head> sono informazioni d intestazione, che non vengono visualizzate nella finestra del browser. 8 4

5 Spiegazione dell esempio (2) Il testo tra i tag <title> è il titolo del documento; il titolo viene mostrato nel titolo della finestra del browser. Il testo tra i tag <body> è il testo che sarà mostrato nel browser. Il testo tra i tag <b> e </b> sarà visualizzato in grassetto (bold). 9 htm o html? Quando si salva un file HTML, è possibile usare l estensione.htm o.html indifferentemente. La prima forma era più usata in passato, quando alcuni software comunemente usati permettevano solo estensioni di tre lettere (per compatibiilità con MS-DOS). Con i nuovi software non c è alcun problema ad usare l estensione.html che è generalmente preferita. 10 5

6 Nota sugli editor HTML E possibile scrivere con facilità file HTML utilizzando editor WYSIWYG (What You See Is What You Get) come Microsoft FrontPage, Macromedia Dreamweaver o Adobe PageMill, piuttosto che scrivere i tag di markup in file di testo. E fortemente raccomandato utilizzare la seconda soluzione, sebbene più faticosa, almeno mentre si impara il linguaggio HTML. 11 I tag HTML Sono usati per marcare gli elementi HTML Sono compresi tra i caratteri < e > (parentesi angolari) Normalmente vanno in coppia, come <b> e </b> Il primo tag in una coppia è detto start tag, il secondo è detto end tag Il testo tra i tag iniziale e finale è detto contenuto dell elemento Non sono case sensitive, ovvero <b> ha lo stesso significato di <B> 12 6

7 Elementi HTML Questo è un elemento HTML: <b> Questo testo è in grassetto </b> contenuto dell elemento start tag end tag Il tag <b> definisce un elemento HTML che dovrebbe essere visualizzato in grassetto. 13 Altro elemento HTML Questo è un altro elemento HTML: <body> Questa è la mia prima homepage. <b>questo testo è in grassetto</b> </body> Questo elemento HTML inizia con lo start tag <body> e finisce con l end tag </body>. Lo scopo del tag <body> è definire l elemento HTML che contiene il corpo del documento HTML. 14 7

8 Attributi dei tag (1) I tag possono avere attributi. Gli attributi possono fornire informazioni aggiuntive sugli elementi HTML della pagina. Ad es. il tag <body> ha un attributo bgcolor, che indica al browser quale colore di sfondo dovrebbe avere la pagina: <body bgcolor="red">. Il tag <table> definisce una tabella HTML. L attributo border, permette di indicare al browser che la tabella non deve avere bordi: <table border="0"> 15 Attributi dei tag (2) Se border ha un valore maggiore di 0 (zero), tale valore indica lo spessore che deve avere il bordo della tabella. Gli attributi appaiono sempre in coppie nome/valore nel seguente formato: nome="valore". Gli attributi sono sempre indicati nello start tag di un elemento HTML. 16 8

9 Esempio 1 <html> <title>esempio 1</title> <body> Il contenuto dell elemento body è visualizzato nel tuo browser. </body> </html> 17 Esempio 2 <html> <title>esempio 2</title> <body> <p>questo è un paragrafo.</p> <p>questo è un paragrafo.</p> <p>questo è un paragrafo.</p> <p>gli elementi paragrafo sono definiti con il tag p.</p> </body> </html> 18 9

10 Intestazioni Le intestazioni sono definite con i tag da <h1> a <h6>; <h1> definisce l intestazione più grande; <h6> la più piccola. HTML aggiunge automaticamente una linea vuota extra prima e dopo un intestazione. <h1>questa è un intestazione</h1> <h2>questa è un intestazione</h2> <h3>questa è un intestazione</h3> <h4>questa è un intestazione</h4> <h5>questa è un intestazione</h5> <h6>questa è un intestazione</h6> 19 Paragrafi Sono definiti con il tag <p>. HTML aggiunge automaticamente una linea vuota extra prima e dopo un paragrafo. <p>questo è un paragrafo</p> <p>questo è un altro paragrafo</p> 20 10

11 Interruzioni di riga Il tag <br> è usato quando si vuole terminare una linea senza iniziare un nuovo paragrafo. Il tag <br> forza un interruzione di linea nel punto in cui è inserito. Il tag <br> è un tag vuoto, ovvero non ha un tag di chiusura. <p>questo <br> è un para<br>grafo con interruzioni di linea</p> 21 Commenti in HTML Il tag di commento è usato per inserire un commento nel codice sorgente HTML. Un commento viene ignorato dai browser. E possibile inserire commenti per spiegare il codice, che può essere di aiuto quando lo si dovrà ritoccare in un secondo momento. Notare il punto esclamativo all inizio della parentesi angolare d apertura ma non prima della parentesi di chiusura. <! - Questo è un commento --> 22 11

12 Alcuni accorgimenti (1) Quando si scrive il testo HTML, non si può mai essere sicuri di come esso verrà visualizzato in un altro browser (ad es. possono variare le dimensioni del monitor da un utente all altro). Il testo verrà quindi riformattato ogni volta che l utente ridimensiona la sua finestra. Non provare mai a formattare il testo aggiungendo righe vuote e spazi al testo. HTML tronca gli spazi nel testo. Un numero qualsiasi di spazi consecutivi conta come uno solo. Inoltre, in HTML un carattere di ritorno a capo conta come uno spazio bianco. 23 Alcuni accorgimenti (2) Non usare paragrafi vuoti (<p></p>) per inserire linee vuote. Usare piuttosto il tag <br>. Non dimenticare di chiudere i tag aperti. Ricordare che HTML aggiunge automaticamente una riga vuota extra prima e dopo alcuni elementi (ad es. paragrafi e intestazioni)

13 Esempio 3 <html> <title>esempio 3</title> <body> <p>questo paragrafo contiene molte linee nel codice sorgente, ma il browser le ignora.</p> <p>questo paragrafo contiene molti spazi nel codice sorgente, ma il browser li ignora.</p> <p>il numero di linee in un paragrafo dipende dalla dimensione della finestra del browser. Se ridimensioni la finestra del browser, il numero di linee del paragrafo cambierà.</p> </body> </html> 25 Esempio 4 <html> <title>esempio 4</title> <body> <p> </p> Nel mezzo del cammin di nostra vita mi ritrovai per una selva oscura, ché la diritta via era smarrita. <p>il browser semplicemente ignora la formattazione!</p> </body> </html> 26 13

14 Esempio 5 <html> <title>esempio 5</title> <body> <h1>intestazione 1</h1> <h2>intestazione 2</h2> <h3>intestazione 3</h3> <h4>intestazione 4</h4> <h5>intestazione 5</h5> <h6>intestazione 6</h6> <p>usare i tag di intestazione sono per le intestazioni vere e proprie. Non usarle solo pre scrivere un testo in grassetto. Usare altri tag per questo scopo.</p> </body> </html> 27 Esempio 6 <html> <title>esempio 6</title> <body> <h1 align="center">intestazione 1</h1> <p>l intestazione di sopra è allineata al centro della pagina. L intestazione di sopra è allineata al centro della pagina. L intestazione di sopra è allineata al centro della pagina.</p> </body> </html> 28 14

15 Esempio 7 <html> <title>esempio 7</title> <body> <p>il tag hr definisce una linea orizzontale:</p> <hr> <p>questo è un paragrafo.</p> <hr> <p>questo è un paragrafo.</p> <hr> <p>questo è un paragrafo.</p> </body> </html> 29 Esempio 8 <html> <title>esempio 8</title> <body> <! - Questo commento non sarà mostrato --> <p>questo è un paragrafo regolare</p> </body> </html> 30 15

16 Esempio 9 <html> <title>esempio 9</title> <body bgcolor="yellow"> <h2>sfondo colorato!</h2> </body> </html> 31 Esempio 10 <html> <title>esempio 10</title> <body background="background.jpg"> <h3>un immagine di sfondo!</h3> <p>e possibile usare come sfondi per le pagine HTML file di tipo gif e jpg.</p> <p>se l immagine è più piccola della pagina, l immagine stessa verrà ripetuta.</p> </body> </html> 32 16

17 Riepilogo dei tag HTML principali <html> <body> <h1> <h6> <p> <br> <hr> <!--> Definisce un documento HTML Definisce il corpo del documento Definisce le intestazioni dall 1 al 6 Definisce un paragrafo Inserisce un interruzione di riga Definisce una linea orizzontale Definisce un commento 33 Altri esempi Formattazione del testo (esempio11.html) Testo preformattato (esempio12.html) Il tag address (esempio13.html) Testo cancellato e inserito (esempio14.html) 34 17

18 Le entità carattere (1) Alcuni caratteri hanno un significato speciale in HTML (ad es. il segno <). Per indicare al browser di mostrare questi caratteri occorre inserire nel codice le entità carattere. Un entità carattere è composta da 3 parti: - il carattere & (ampersand); - un nome di entità o il carattere # seguito da un numero di entità; - il carattere ;. Ad es. per mostrare il segno < in un documento HTML occorre scrivere: < oppure < 35 Le entità carattere (2) Usare i nomi invece dei numeri è più facile da ricordare. Lo svantaggio è che non tutti i browser supportano i nomi di entità più nuovi, mentre il supporto per i numeri di entità è ottimo in quasi tutti i browser. Le entità sono case sensitive. L entità carattere più utilizzata è il non-breaking space (spazio non interrompibile), ovvero. Normalmente HTML tronca gli spazi nel testo (ad es. scrivendo 10 spazi nel testo HTML 9 non vengono mostrati). Per aggiungere spazi consecutivi nel documento, usare l entità

19 Collegamenti ipertestuali (1) HTML usa il tag <a> (anchor) per creare un collegamento (link) ad un altro documento. Un ancora può puntare a qualsiasi risorsa nel Web: una pagina HTML, un immagine, un file audio, etc. La sintassi per creare un àncora è la seguente: <a href="url">testo da mostrare</a> Il tag <a> crea un ancora a partire da cui collegarsi; L attributo href indica l indirizzo del documento a cui collegarsi; Il testo tra il tag di apertura e quello di chiusura verrà mostrato come un collegamento ipertestuale. 37 Collegamenti ipertestuali (2) Ad es. quest ancora definisce un link al motore di ricerca Google: <a href=" Cerca con Google!</a> > (esempio15.html, esempio16.html) L attributo target, permette di definire dove il documento collegato sarà aperto. L esempio che segue mostra come far aprire il documento in una nuova finestra del browser: <a href=" target="_blank">cerca con Google!</a> > (esempio17.html) 38 19

20 Collegamenti ipertestuali (3) L attributo name è usato per creare ancore con nome. Le ancore con nome permettono di creare link che puntano direttamente in una specifica sezione della pagina, piuttosto che obbligare l utente a scorrere la pagina. Esempio di ancora con nome: <a name="etichetta">testo da visualizzare</a> Il nome di un ancora può essere un testo qualsiasi. 39 Collegamenti ipertestuali (4) Notare che un ancora con nome non viene visualizzata in modo speciale. Per fare un collegamento ad un ancora con nome, aggiungere il segno # e il nome dell ancora alla fine di un URL, ad es.: <a href= libro.html#sommario">vai al Sommario</a> Un collegamento ipertestuale al Sommario all interno della pagina libro.html avrà la forma: <a href="#sommario">sommario</a> > (esempio18.html, esempio19.html) 40 20

21 Tabelle Con HTML è possibile creare tabelle. Le tabelle sono definite con il tag <table>. Una tabella è divisa in righe (con il tag <tr>), e ogni riga è divisa in celle di dati (con il tag <td>). td sta per "table data," che è il contenuto di una cella. Una cella può contenere testo, immagini, liste, paragrafi, linee orizzontali, altre tabelle, etc. > (esempio20.html, esempio21.html) 41 Bordi e intestazioni di tabella Se non di specifica l attributo border la tabella sarà visualizzata senza alcun bordo. Talvolta ciò può essere utile, ma più spesso si vogliono mostrare i bordi della tabella. Per visualizzare una tabella con i bordi, occorre utilizzare l attributo border > (esempio22.html, esempio23.html) Le intestazioni di tabella sono definite con il tag <th>. > (esempio24.html, esempio25.html) 42 21

22 Celle vuote Le celle di una tabella che non hanno contenuto sono mal visualizzate nella maggior parte dei browser. Infatti, i bordi intorno alla celle vuote nono vengono mostrati. Per evitare questo effetto bisogna aggiungere uno spazio non interrompibile ( ) alle celle vuote in modo da rendere i bordi visibili. > (esempi da 26 a 30bis) 43 Immagini (1) In HTML, le immagini vengono definite con il tag <img>. Il tag <img> è vuoto, cioè contiene solo attributi e non ha un tag di chiusura. Per visualizzare un immagine in una pagina, occorre specificare l attributo src (che sta per "source, ovvero sorgente). Il valore di src è l URL dell immagine da visualizzare. La sintassi per definire un immagine è: <img src="url"> L URL punta alla posizione in cui l immagine è memorizzata. Ad es. l immagine mondo.gif" posizionata nella directory "images" sul sito " ha il seguente URL: > (esempi da 31 a 35) 44 22

23 Immagini (2) Il browser inserisce l immagine nel punto in cui trova il tag <img> all interno del documento. L attributo alt definisce un testo alternativo per un immagine. Il valore dell attributo alt può essere qualsiasi: <img src= mondo.gif alt= Il mio mondo > L attributo alt indica al lettore il contenuto dell immagine se il browser non è in grado di caricarla. In questo caso il browser visualizzerà il testo alternativo al posto dell immagine. > (esempi da 36 a 39) 45 Lista non ordinata E una lista di elementi. Gli elementi della lista sono marcati con degli elementi grafici (bullets), che generalmente sono dei piccoli cerchi neri. Una lista non ordinata inizia con il tag <ul>. Ogni elemento della lista inizia con il tag <li>. Dentro un elemento di una lista si possono mettere paragrafi, interruzioni di linea, immagini, collegamenti, altre liste, etc

24 Lista ordinata E una lista di elementi. Gli elementi della lista sono marcati con dei numeri. Una lista ordinata inizia con il tag <ol>. Ogni elemento della lista inizia con il tag <li>. Dentro un elemento di una lista si possono mettere paragrafi, interruzioni di linea, immagini, collegamenti, altre liste, etc. 47 Lista di definizioni Non è una lista di elementi. E una lista di termini e di definizione del termine. Una lista di definizioni inizia con il tag <dl>. Ogni termine della lista inizia con il tag <dt>. Ogni definizione di termine della lista inizia con il tag <dd>. Dentro una definizione della lista (nel tag <dd>) si possono mettere paragrafi, interruzioni di linea, immagini, collegamenti, altre liste, etc. > (esempi da 40 a 43) 48 24

25 Formattare il testo E possibile assegnare un colore predefinito a tutte i testi che compaiono in una pagina utilizzando l attributo text del tag <body>. Un maggior controllo sul testo si può avere con il tag <font>, che permette di definire dimensione, colore ed aspetto del testo, tramite gli attributi size, color e face. > (esempio44.html) 49 Attributi del tag font Attributo size= number size= +numero size= -numero face= nome-font color= valore-colore color= nome-colore Esempio size="2" size="+1" size="-1" face="times" color="#eeff00" color="red" Uso Definisce la dimensione del font Incrementa la dimensione del font Decrementa la dimensione del font Definisce il nome del font Definisce il colore del font Definisce il colore del font 50 25

26 Valori di colore I colori sono visualizzati sul monitor del computer combinando tra loro i colori rosso (red), verde (green) e blu (blue), secondo la notazione RGB. I colori sono definiti in HTML usando la notazione esadecimale per esprimere i valori dei vari colori. Il valore più basso è 0 (hex #00). Il valore più alto è 255 (hex #FF). Il numero totale di combinazioni di rosso, verde e blu con valori da 0 a 255, supera i 16 milioni di colori differenti (256 x 256 x 256 = ). 51 Nomi di colore I browser più diffusi (Netscape Navigator e Internet Explorer) supportano anche dei nomi di colore, che però non fanno parte dello standard HTML, per cui nei documenti HTML si dovrebbe usare solo la notazione esadecimale

27 I frame Con i frame, è possibile visualizzare più di una pagina web nella stessa finestra del browser. Ogni documento HTML è chiamato frame, ed ogni frame è indipendente dagli altri. Svantaggi nell utilizzo dei frame: - Gli sviluppatori per il web devono tener traccia di più documenti HTML; - E difficoltoso stampare la pagina intera. 53 Tag per la creazione di frame Il tag <frameset> definisce come dividere la finestra in frame Ogni frameset definisce un insieme di righe e di colonne Il valore delle righe/colonne indica la parte dell area dello schermo che ogni riga/colonna occuperà Il tag <frame> definisce quale documento HTML inserire in ogni frame > (esempi da 45 a 52) 54 27

28 Intestazioni di pagina L elemento <head> contiene informazioni generali, chiamate meta-informazioni, sul documento. Gli elementi all interno del tag <head> non dovrebbero essere visualizzati dal browser. In accordo allo standard HTML, solo pochi tag sono ammessi all interno della sezione intestazione: <base>, <link>, <meta>, <title>, <style> e <script>. > (esempio53.html) 55 Clemenza dei browser Consideriamo il seguente codice: <head> <p>un paragrafo fuori posto</p> </head> In questo caso i browser hanno due possibilità: visualizzare il testo, perché si trova dentro un elemento paragrafo, o nascondere il testo, perché si trova dentro un elemento di intestazione. In casi come questi molti browser visualizzano il testo, violando lo standard HTML

29 L elemento meta HTML include un meta-elemento all interno dell elemento <head>. Lo scopo dell elemento <meta> è fornire informazioni aggiuntive sul documento. Più spesso l elemento <meta> viene usato per fornire informazioni che servono ai browser o ai motori di ricerca, come ad es. descrivere il contenuto del documento. > (esempi da 54 a 56) 57 Motori di ricerca Parecchi motori di ricerca su internet usano gli attributi name e content del tag meta per indicizzare le pagine di un sito. Questo elemento meta definisce una descrizione della pagina: <meta name="description" content="esempi HTML sui tag meta"> Questo elemento meta definisce le parole chiave della pagina: <meta name="keywords" content="html, meta, descrizione"> Purtroppo, poiché molti webmaster hanno usato questi tag per spamming, alcuni motori di ricerca hanno smesso del tutto di utilizzarli. > (esempio 57.html) 58 29

30 Link HTML e URL (1) Quando si clicca su un link in un documento HTML, un sottostante tag <a> punta ad un posto (indirizzo) sul WWW con un attributo href del tipo: <a href= pagina.html">vai qui</a>. Il link dell esempio è un link relativo al sito Web che si sta visitando, e il browser costruisce un indirizzo Web completo del tipo: per accedere alla pagina. 59 Link HTML e URL (2) Per indirizzare i documenti e, in generale, tutte le risorse sul Web, viene utilizzato un meccanismo chiamato Uniform Resource Locator (URL). Un indirizzo Web completo è del tipo: e segue delle regole sintattiche ben precise. schema://host.dominio:porta/percorso/nomefile Lo schema definisce il tipo del servizio Internet. Il più comune è http. Il dominio definisce il nome dominio del Internet (ad es. miosito.it)

31 Link HTML e URL (3) schema://host.dominio:porta/percorso/nomefile L host definisce il computer host del dominio. Se omesso, l host predefinito per http è www. La :porta definisce il numero della porta sull host. Normalmente il numero di porta viene omesso. Il numero di porta predefinito per http è 80. Il percorso definisce un percorso (una sotto-directory) del server. Se il percorso è omesso, la risorsa (il documento) deve essere collocato nella directory radice del sito web. Il nomefile definisce il nome del documento. Generalmente il nome predefinito può essere default.asp o index.html o qualcos altro ancora a seconda delle impostazione del server. 61 Schemi URL Schema file ftp http news telnet Accesso Un file sul PC locale Un file su un server FTP Un file su un server World Wide Web Un newsgroup Una connessione Telnet 62 31

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

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

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

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

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

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

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

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

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

INTRODUZIONE AL LINGUAGGIO HTML: PARTE 2. Internet + HTML + HTTP = WWW

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

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

HTML. Linguaggio testuale formato da TAG, che consente il collegamento tra diversi file.

HTML. Linguaggio testuale formato da TAG, che consente il collegamento tra diversi file. Con la sigla HTML si intende: HYPER TEXT MARKUP LANGUAGE HTML Linguaggio testuale formato da TAG, che consente il collegamento tra diversi file. Iper testo Un documento o pagina puo essere collegato ad

Dettagli

Internet e HTML. Client. Server. Richiesta del client. Visualizzazione 07/11/2011. Navigazione: il modello client - server

Internet e HTML. Client. Server. Richiesta del client. Visualizzazione 07/11/2011. Navigazione: il modello client - server Navigazione: il modello client - server Internet e Diffusione di informazioni mediante la rete Internet Client computer collegato a Internet in modo permanente o temporaneo. Hardware e sofware di qualsiasi

Dettagli

HTML. I tag HTML (parte 1)

HTML. I tag HTML (parte 1) 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:

Dettagli

Formattazione di liste

Formattazione di liste Formattazione di liste Con HTML si possono costruire liste puntate o numerate: Occorre definire l inizio e la fine della lista e poi definire ogni singolo elemento della lista. Le liste numerate si costruiscono

Dettagli

Prime nozioni di Web-Editing. Liceo Classico Jacopone - Todi - A.S Prof. Marco Bastianelli

Prime nozioni di Web-Editing. Liceo Classico Jacopone - Todi - A.S Prof. Marco Bastianelli Prime nozioni di Web-Editing Classico Jacopone - Todi - A.S. 2016-2017 Prof. Marco Bastianelli Che cos è il Web Editing? ECDL (modulo avanzato Web Editing): La certificazione ECDL Web Editing permette

Dettagli

Il linguaggio HTML. <html> </html> I documenti HTML vanno racchiusi dentro una coppia di TAG (marcatori): apertura e chiusura.

Il linguaggio HTML. <html> </html> I documenti HTML vanno racchiusi dentro una coppia di TAG (marcatori): apertura e chiusura. Il linguaggio HTML I documenti HTML vanno racchiusi dentro una coppia di TAG (marcatori): apertura e chiusura. . I tag devono essere racchiusi dentro parentesi acute Il tag di chiusura

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

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

STRUTTURA BASE DELLA PAGINA HTML

STRUTTURA BASE DELLA PAGINA HTML INDICE INDICE... 1 Convenzioni e simboli usati... 1 STRUTTURA BASE DELLA PAGINA HTML... 1 Alcuni dei Principali TAG Html:... 2 Gli attributi dei TAG Html:... 2 ALIGN... 2 attributi del tag ... 2

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

Informatica di Base Laboratorio di HTML Dott. Serena Villata A.A. 2004/05

Informatica di Base Laboratorio di HTML Dott. Serena Villata A.A. 2004/05 Informatica di Base Multid@ms Laboratorio di HTML Dott. Serena Villata A.A. 2004/05 1 Che cos è l HTML? Hyper Text Markup Language Definisce le caratteristiche stilistiche di un documento, non è programmazione!

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

Progettazione Siti Web: Pagine Web Introduzione e HTML

Progettazione Siti Web: Pagine Web Introduzione e HTML Progettazione Siti Web: Pagine Web Introduzione e HTML Dr. Ing. Information Management Systems (IMS) Research Group, Dipartimento di Ingegneria dell Informazione, Università degli Studi di Padova {silvello}@dei.unipd.it

Dettagli

Elementi in HTML Un elemento è una componente fondamentale della struttura di un documento di testo. Alcuni esempi di elementi sono testate, tabelle,

Elementi in HTML Un elemento è una componente fondamentale della struttura di un documento di testo. Alcuni esempi di elementi sono testate, tabelle, HTML: introduzione HTML significa Hyper Text Markup Language I documenti HTML sono file plain-text (anche conosciuti come ASCII) che possono essere creati usando un qualsiasi text editor e possono essere

Dettagli

SOMMARIO. Prefazione... XI. Capitolo 1 - Le variabili dell ambiente di progettazione Web... 1

SOMMARIO. Prefazione... XI. Capitolo 1 - Le variabili dell ambiente di progettazione Web... 1 Prefazione... XI Capitolo 1 - Le variabili dell ambiente di progettazione Web... 1 HTML, XML e il futuro dei linguaggi per il Web... 2 Il linguaggio HTML: una breve introduzione storica... 2 Il linguaggio

Dettagli

HTML Sintassi di HTML Tag principali per i contenuti I Forms

HTML Sintassi di HTML Tag principali per i contenuti I Forms Lezione 1 HTML Sintassi di HTML Tag principali per i contenuti Tag principali per i contenuti I Forms L HTML (HyperText Markup Language) g è il linguaggio gg di markup utilizzato per veicolare le informazioni

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

Un introduzione a HTML

Un introduzione a HTML Fluency Un introduzione a HTML Capitolo 3 HTML HyperText Markup Language Tag descrivono il formato della pagina Web Formattare con i tag Parole o sigle racchiuse tra parentesi angolari Si usano a coppie

Dettagli

Comandi principali del linguaggio HTML (Hyper Text Markup Language)

Comandi principali del linguaggio HTML (Hyper Text Markup Language) Comandi principali del linguaggio HTML (Hyper Text Markup Language) Caratteristiche di HTML HTML è un linguaggio di formattazione (markup) di documenti ed è il linguaggio base per produrre documenti per

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

Corso di PROGRAMMAZIONE IN RETE

Corso di PROGRAMMAZIONE IN RETE Corso di PROGRAMMAZIONE IN RETE Laurea Specialistica - Media Education Dr. Annamaria Bria 1 1 Dipartimento di Matematica Università della Calabria Riferimenti MANUALE http://www.w3.org/tr/1999/rec-html401-19991224/

Dettagli

Realizzazione di pagine Web

Realizzazione di pagine Web Realizzazione di pagine Web Obiettivi 1.Conoscere i principi di progettazione di una pagina Web e gli strumenti per produrla. 2.Sviluppare pagine Web con l'uso di opportuni strumenti software di authoring

Dettagli

HTML - ESERCITAZIONE 1

HTML - ESERCITAZIONE 1 HTML - ESERCITAZIONE 1 Impostazione - sfondo formattazione 1. Costruisci un file di testo e salvalo come pagina web (con estensione.htm) col nome: Cognome Nome 01. 2. Inserisci nella giusta posizione i

Dettagli

HTML. Hyper Text Mark-Up Language

HTML. Hyper Text Mark-Up Language HTML Hyper Text Mark-Up Language Cos è l HTML? È un linguaggio usato per descrivere documenti ipertestuali disponibili nel Web È un linguaggio di marcatura del testo che descrive il contenuto e il formato

Dettagli

HTML Sesta lezione. 29 Marzo di Ivano Stranieri

HTML Sesta lezione. 29 Marzo di Ivano Stranieri HTML 4.01 Sesta lezione 29 Marzo 2004 di Ivano Stranieri 0 Lezione precedente Costruire una tabella Raggruppare righe (e colonne) Unire righe e colonne Attributi di e Come utilizzare

Dettagli

Cl Calendario dl del corso

Cl Calendario dl del corso Cl Calendario dl del corso 12/02/2010 09.00-12.00 Introduzione al mondo WEB Concetti fondamentali e struttura di un sito e delle pagine pg web Gli URL, i link, le immagini I linguaggi HTML e CSS 16/02/2010

Dettagli

Scrivere in Html Tag e loro attributi

Scrivere in Html Tag e loro attributi Scrivere in Html Tag e loro attributi + Esercizi Prof.ssa Daniela Zangirolami Tutti i diritti sono riservati. Qualsiasi riproduzione, anche parziale, senza autorizzazione scritta è vietata. Legge 633 del

Dettagli

Web. HyperText Markup Language

Web. HyperText Markup Language Web HyperText Markup Language HTML HyperText Markup Language permette la creazione di documenti multimediali ipertestuali è il linguaggio per la creazione di pagine web non è l unico: PHP, JavaScript,

Dettagli

Serve per impostare. enfatizza il testo (l effetto è quello del grassetto, comando utile per i motori di ricerca) <ul> comandi relativi all immagine

Serve per impostare. enfatizza il testo (l effetto è quello del grassetto, comando utile per i motori di ricerca) <ul> comandi relativi all immagine Comandi principali HTML Serve per impostare il titolo della pagina (nella sezione head) il font del titolo 1 il font del titolo 2 paragrafo una o più parole alle quali applicare

Dettagli

Introduzione all HTML

Introduzione all HTML prof. ing. Dino Molli SVILUPPO SOFTWARE - FORMAZIONE E CONSULENZA INFORMATICA MARIGLIANO (NA) http://www.dinomolli.it info@dinomolli.it Dispense a cura del prof. ing. Dino Molli Introduzione all HTML Introduzione

Dettagli

Giselda De Vita

Giselda De Vita Giselda De Vita - 2015 1 In informatica, un collegamento ipertestuale (in inglese hyperlink, spesso abbreviato in link, usato anche in italiano) è un rinvio da un'unità informativa su supporto digitale

Dettagli

Informatica 2 (COM) Docente: Paolo Franciosa Ricevimento studenti: martedì, ore 12, sala docenti

Informatica 2 (COM) Docente: Paolo Franciosa   Ricevimento studenti: martedì, ore 12, sala docenti Informatica 2 (COM) Docente: Paolo Franciosa E-mail: paolo.franciosa@uniroma1.it Ricevimento studenti: martedì, ore 12, sala docenti Laboratorio: in gruppi (presso presidenza) Informazioni Obiettivo: creare

Dettagli

Il linguaggio HTML. Marco Porta - CIM: Web Design & Technologies

Il linguaggio HTML. Marco Porta - CIM: Web Design & Technologies Il linguaggio HTML 1 Il linguaggio HTML Origini e caratteristiche dell'html... HTML = Hyper Text Markup Language è un linguaggio di markup, e in quanto tale non richiede alcuna conoscenza della programmazione

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

Sommario. Introduzione 1. 1 Scrivere in HTML con efficacia 7. 2 Formattazione standard del testo Aggiungere i colori 43. iii

Sommario. Introduzione 1. 1 Scrivere in HTML con efficacia 7. 2 Formattazione standard del testo Aggiungere i colori 43. iii Sommario Ringraziamenti Informazioni sull autore Introduzione 1 Finalità del libro 1 Introduzione a HTML 4 1 Nuove funzionalità di HTML 4 2 Come utilizzare questo libro 2 Struttura del libro 3 1 Scrivere

Dettagli

Corso di HTML. Prerequisiti. Modulo L2. B5-I frame. Percentuali Fattore di scala. M. Malatesta B5-I frame-07 09/01/ /01/2014

Corso di HTML. Prerequisiti. Modulo L2. B5-I frame. Percentuali Fattore di scala. M. Malatesta B5-I frame-07 09/01/ /01/2014 Corso di HTML Modulo L2 B5-I frame 1 Prerequisiti Percentuali Fattore di scala 2 1 Introduzione In questa Unità illustriamo la possibilità di dividere la pagina in aree indipendenti chiamate frame. I frame

Dettagli

HTML Terza lezione. Bruno Di Caprio

HTML Terza lezione. Bruno Di Caprio HTML 4.01 Terza lezione Bruno Di Caprio 0 Lezione precedente FORMATTAZIONE DEL TESTO: ELENCHI: Puntati Numerati Voci di elenco

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. 2016 2017 Un assaggio di HTML Come abbiamo visto nelle lezioni precedenti

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

Informatica. Comunicazione & DAMS A.A. 2015/16. Dr.ssa Valeria Fionda

Informatica. Comunicazione & DAMS A.A. 2015/16. Dr.ssa Valeria Fionda Informatica Comunicazione & DAMS A.A. 2015/16 Dr.ssa Valeria Fionda World Wide Web Ø IlWorld Wide Web, abbreviato Web, sigla WWW, è uno dei principali servizi di Internet che permette di navigare e usufruire

Dettagli

Introduzione a HTML5. Capitolo 3 Fluency Conoscere e usare l informatica

Introduzione a HTML5. Capitolo 3 Fluency Conoscere e usare l informatica Introduzione a HTML5 Capitolo 3 Fluency Conoscere e usare l informatica HTML HyperText Markup Language Tag descrivono il formato della pagina Web Formattare con i tag Parole o sigle racchiuse tra parentesi

Dettagli

Programmazione Web D B M G. Il linguaggio HTML

Programmazione Web D B M G. Il linguaggio HTML Programmazione Web Il linguaggio HTML Il linguaggio HTML Concetti di base Le interfacce utente in HTML I form Le tabelle Il passaggio dei parametri contenuti nei form HTML: HyperText Markup Language Standard

Dettagli

D B M G. Basi di dati. Programmazione Web: HTML. Programmazione Web. Il linguaggio Politecnico di Torino 1

D B M G. Basi di dati. Programmazione Web: HTML. Programmazione Web. Il linguaggio Politecnico di Torino 1 Programmazione Web Il linguaggio HTML Il linguaggio HTML Concetti di base Le interfacce utente in HTML I form Le tabelle Il passaggio dei parametri contenuti nei form @2011 Politecnico di Torino 1 Concetti

Dettagli

Programmazione Web D B M G. Il linguaggio HTML

Programmazione Web D B M G. Il linguaggio HTML Programmazione Web Il linguaggio HTML Il linguaggio HTML Concetti di base Le interfacce utente in HTML I form Le tabelle Il passaggio dei parametri contenuti nei form HTML: HyperText Markup Language Standard

Dettagli

Collaborazioni on-line

Collaborazioni on-line Collaborazioni on-line Sommario Concetti fondamentali Collaborazioni on-line Software per le collaborazioni on-line Internet Rete di computer collegati fisicamente per comunicare e scambiare informazioni

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

IMMAGINI INTRODUZIONE

IMMAGINI INTRODUZIONE IMMAGINI INTRODUZIONE Prima di inserire le immagini nella pagina HTML, le stesse devono essere copiate all interno della cartella del progetto (Sito). La loro copia può avvenire o tramite Risorse del Computer

Dettagli

Il linguaggio HTML - Parte 5

Il linguaggio HTML - Parte 5 Corso IFTS Informatica, Modulo 3 Progettazione pagine web statiche (50 ore) Il linguaggio HTML - Parte 5 Dott. Chiara Braghin braghin@dti.unimi.it Frame I frame (cornici) permettono di suddividere la finestra

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

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

D B M G. Basi di dati. Programmazione Web: HTML. Programmazione Web. Il linguaggio Politecnico di Torino 1

D B M G. Basi di dati. Programmazione Web: HTML. Programmazione Web. Il linguaggio Politecnico di Torino 1 Programmazione Web Il linguaggio HTML Il linguaggio HTML Concetti di base Le interfacce utente in HTML I form Le tabelle Il passaggio dei parametri contenuti nei form @2011 Politecnico di Torino 1 Concetti

Dettagli

D B M G Il linguaggio HTML

D B M G Il linguaggio HTML Programmazione Web Il linguaggio HTML Il linguaggio HTML Concetti di base Le interfacce utente in HTML I form Le tabelle Il passaggio dei parametri contenuti nei form @2011 Politecnico di Torino 1 Concetti

Dettagli

Informatica. Comunicazione & DAMS A.A. 2015/16. Dr.ssa Valeria Fionda

Informatica. Comunicazione & DAMS A.A. 2015/16. Dr.ssa Valeria Fionda Informatica Comunicazione & DAMS A.A. 2015/16 Dr.ssa Valeria Fionda Pagina Web Struttura base pagina Web: (Heading

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

@2011 Politecnico di Torino 1

@2011 Politecnico di Torino 1 Concetti di base Programmazione Web Il linguaggio HTML HTML consente di annotare un testo per contrassegnare le parti che lo compongono Le annotazioni sono realizzate tramite i "tag" Visualizzare documenti

Dettagli

Introduzione all HTML, parte seconda

Introduzione all HTML, parte seconda Introduzione all HTML, parte seconda Università di Pisa pievatolo@dsp.unipi.it 27 marzo 2014 Sommario Un po di teoria 1 Un po di teoria Doctype Formattazione del testo Al di là del testo: l arte del linking

Dettagli

HTML. Hyper Text Mark-Up Language

HTML. Hyper Text Mark-Up Language HTML Hyper Text Mark-Up Language Presentazione HTML by Maria Grazia Maffucci is licensed under a Creative Commons Attribuzione - Non commerciale - Condividi allo stesso modo 3.0 Unported License. Cos è

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

Livello applicazione. Fondamenti di Informatica

Livello applicazione. Fondamenti di Informatica Livello applicazione Fondamenti di Informatica Previously on Fondamenti di informatica Livello fisico Livello instradamento Network e Internetwork Protocollo IP Indirizzi IP Routing Client e server Server:

Dettagli

Corso di HTML. Prerequisiti. Modulo L2 B2-I link. Navigazione in rete Uso di indirizzi Internet. M. Malatesta B2-I link-10 09/01/ /01/2014

Corso di HTML. Prerequisiti. Modulo L2 B2-I link. Navigazione in rete Uso di indirizzi Internet. M. Malatesta B2-I link-10 09/01/ /01/2014 Corso di HTML Modulo L2 B2-I link 1 Prerequisiti Navigazione in rete Uso di indirizzi Internet 2 1 Introduzione In questa Unità forniamo gli elementi per la gestione dei collegamenti ipertestuali, i cosiddetti

Dettagli

Ogni documento HTML è contraddistinto dai seguenti comandi di base, che ne definiscono la struttura:

Ogni documento HTML è contraddistinto dai seguenti comandi di base, che ne definiscono la struttura: COMANDI BASE HTML Ogni documento HTML è contraddistinto dai seguenti comandi di base, che ne definiscono la struttura: Nome del documento All'interno

Dettagli

@2011 Politecnico di Torino 1

@2011 Politecnico di Torino 1 Il linguaggio HTML Programmazione Web Concetti di base Le interfacce utente in HTML I form Il passaggio dei parametri contenuti nei form Il linguaggio HTML Concetti di base Concetti di base HTML: HyperText

Dettagli

HTML 3. Liste puntate ed ordinate Immagini

HTML 3. Liste puntate ed ordinate Immagini HTML 3 Liste puntate ed ordinate Immagini Creazione di elenchi Elenchi puntati (elenchi non ordinati) Elenchi numerati (elenchi ordinati) Elenchi annidati Elenchi menu Elenchi glossario Tecnologie di Sviluppo

Dettagli

Università del Salento Facoltà di Scienze della Formazione, Scienze Politiche e Sociali CORSO DI INFORMATICA. UD5. Internet = Web?

Università del Salento Facoltà di Scienze della Formazione, Scienze Politiche e Sociali CORSO DI INFORMATICA. UD5. Internet = Web? CORSO DI INFORMATICA UD5. Internet = Web? Bruno Ronsivalle Cosa si intende per Internet? Come si accede a Internet? Internet e Web sono la stessa cosa? Cosa significa WWW? Cosa si intende per ipertesto?

Dettagli

HTML Lezione1. Prof. Accarino IIS Altiero Spinelli Via Leopardi 132 Sesto San Giovanni

HTML Lezione1. Prof. Accarino IIS Altiero Spinelli Via Leopardi 132 Sesto San Giovanni HTML Lezione1 Prof. Accarino IIS Altiero Spinelli Via Leopardi 132 Sesto San Giovanni HTML (Hyper Text Markup Language) è formato da definizioni, elementi (tags), questi impartiscono al browser (il programma

Dettagli

<!-- TESTO DEL COMMENTO

<!-- TESTO DEL COMMENTO Il corpo della pagina: il tag Come abbiamo già avuto modo di osservare, il tag definisce ed identifica il corpo della pagina, cioè la "porzione visibile" di un qualsiasi documento HTML. Avendo

Dettagli

Grafici e Pagina web

Grafici e Pagina web Grafici e Pagina web Grafici Un grafico utilizza i valori contenuti in un foglio di lavoro per creare una rappresentazione grafica delle relazioni esistenti tra loro. Quando si crea un grafico ogni riga

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

STILE E CSS. classi sezioni. tag

STILE E CSS. classi sezioni. tag Perchè occorre lo stile? HTML con i suoi tag e relativi attributi possiede un suo stile standard che offre purtroppo poche personalizzazioni. Un sito web deve avere uniformità di colori, di font e dimensioni

Dettagli

MODULO 7 HTML HTML. HTLM (Hypertext Markup Language) è un linguaggio per la creazione di documenti ipertestuali e ipermediali

MODULO 7 HTML HTML. HTLM (Hypertext Markup Language) è un linguaggio per la creazione di documenti ipertestuali e ipermediali MODULO 7 HTML MODULO 6 - HTML 1 HTML HTLM (Hypertext Markup Language) è un linguaggio per la creazione di documenti ipertestuali e ipermediali Un sistema ipertestuale è un insieme di nodi connessi da collegamenti.

Dettagli

Immaginiamo la nostra prima tabella come una griglia formata da righe e colonne. I tag necessari per creare una tabella sono: <table>

Immaginiamo la nostra prima tabella come una griglia formata da righe e colonne. I tag necessari per creare una tabella sono: <table> LE TABELLE IN HTML Le tabelle sono una delle parti più importanti di tutto il codice HTML: nate sin dagli inizi del Web per impaginare dati aggregati, si sono poi trasformate in uno strumento indispensabile

Dettagli

HTML 4.01 Seconda lezione

HTML 4.01 Seconda lezione HTML 4.01 Seconda lezione A cura di Ivano Stranieri 0 Lezione precedente Cos è internet browser editor di testo HTML: cos è e cosa non è i marcatori i tag di struttura: DOCTYPE HTML HEAD TITLE META BODY

Dettagli

Divisions e spans. Esercizio. <html> <head> <title>esempio uso del tag span</title> <style> <!--

Divisions e spans. Esercizio. <html> <head> <title>esempio uso del tag span</title> <style> <!-- Divisions e spans L applicazione degli stili può essere eseguita anche su sezioni di testo tramite i tag div e span. Div suddivide il testo analogamente a come si suddivide un articolo in titolo, sottotitolo,paragrafi,

Dettagli

@2011 Politecnico di Torino 1

@2011 Politecnico di Torino 1 Il linguaggio HTML Programmazione Web Concetti di base Le interfacce utente in HTML I form Il passaggio dei parametri contenuti nei form Il linguaggio HTML Concetti di base Concetti di base HTML: HyperText

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

Corso di HTML. Prerequisiti. Modulo L2 B4 - Le tabelle. Concetto di tabella Coordinate di cella in una tabella. M. Malatesta B4-Le tabelle-06

Corso di HTML. Prerequisiti. Modulo L2 B4 - Le tabelle. Concetto di tabella Coordinate di cella in una tabella. M. Malatesta B4-Le tabelle-06 Corso di HTML Modulo L2 B4 - Le tabelle 1 Prerequisiti Concetto di tabella Coordinate di cella in una tabella 2 1 Introduzione In questa Unità illustriamo il concetto e l uso delle tabelle in HTML. Le

Dettagli

Storia IL MONDO DELLE APPLICAZIONI: SISTEMI PER LA SCRITTURA. La videoscrittura. La videoscrittura

Storia IL MONDO DELLE APPLICAZIONI: SISTEMI PER LA SCRITTURA. La videoscrittura. La videoscrittura Storia IL MONDO DELLE APPLICAZIONI: SISTEMI PER LA SCRITTURA Scrivani Macchine da scrivere, ciclostile, fotocopiatrice Primi sistemi per la videoscrittura Desk-top publishing 8 9 La videoscrittura I programmi

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

Silvia Likavec. Lezione 2

Silvia Likavec. Lezione 2 Silvia Likavec Lezione 2 ! ELEMENTO ! LINK: " Sintassi e tipi " Link esterni " Ancore " Link accessibili ! Elemento contiene metadata su documento e può contenere i seguenti elementi: "

Dettagli

Alcune definizioni HTML CSS. Introduzione a HTML. November 13, HTML+CSS+Javascript

Alcune definizioni HTML CSS. Introduzione a HTML. November 13, HTML+CSS+Javascript Introduzione a November 13, 2016 ++Javascript Outline 1 2 3 ++Javascript Internet vs Web Internet : rete fisica di dispositivi interconnessi. (ARPANET 1970) Web : applicativo di alto livello relativo a

Dettagli

Sommario. Nozioni di base su HTML

Sommario. Nozioni di base su HTML Sommario Parte 1 Ringraziamenti.................................................... xiii Introduzione...................................................... xvi Che cos'è HTML?.................................................

Dettagli

HTML (Hyper Text Mark-up Language)

HTML (Hyper Text Mark-up Language) 1 Ipertesto HTML (Hyper Text Mark-up Language) Informatica e laboratorio Biotecnologie 2005-2006 Un ipertesto è un testo che può essere letto sequenzialmente oppure seguendo i rimandi (link) associati

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