Introduzione all'html
|
|
|
- Eduardo Mariano Vaccaro
- 7 anni fa
- Visualizzazioni
Transcript
1 Introduzione all'html WWW (World Wide Web) SGML (Standard Generalized Markup Language) Linguaggi per la descrizione astratta di documenti. HTML (HyperText Markup Language) HTML è un caso particolare di SGML Ipertesto Documenti che contengono riferimenti ad altri documenti. Markup Istruzione dettagliata scritta su un manoscritto per definire come il manoscritto deve essere stampato WYSIWYG (What You See Is What You Get) Ad esempio Word Esempio <B> Corso di Aggiornamento <B> Corso di Aggiornamento
2 Documenti HTML Possono essere creati usando un qualsiasi editor di testo. Alcuni browser includono appositi editor WYSIWYG. Netscape Composer Altri Editor WYSIWYG commerciali MS Front Page I documenti scritti vengono verificati semplicemente leggendoli con un browser.
3 Composizione Un documento HTML è formato da elementi Paragrafi Liste Tabelle Ogni elemento è individuato da una etichetta. < nome_etichetta > HTML non distingue tra maiuscole e minuscole <title> <TITLE> <TiTlE> sono equivalenti Le etichette sono usate normalmente in coppia. <B> Corso </B> Alcune etichette possono avere degli attributi. <P ALIGN=right>Benvenuti al mondo di HTML.</P> Benvenuti al mondo di HTML.
4 Un semplice documento HTML <HTML> <HEAD> <TITLE>Semplice Esempio di HTML</TITLE> </HEAD> <BODY> <H1>Questo e un piccolo documento HTML</H1> </BODY> </HTML> Questo è un piccolo documento HTML
5 Titoli Ogni ipertesto HTML dovrebbe avere un titolo. Il titolo è usato per l'identificazione del documento (ad esempio da motori di ricerca). Un buon titolo dovrebbe essere composto da almeno sei parole che descrivano le finalità del documento. Intestazioni Sei livelli di intestazioni numerati da 1 a 6 (1 quello più evidenziato) Sintassi dell'intestazione: <Hy>Testo dell'intestazione</hy>
6 Paragrafi Il ritorno carrello (a capo) e lo spazio bianco nei files HTML sono insignificanti. Ciascun paragrafo deve essere iniziato con <P>. Senza l'etichetta <P> il documento diviene un unico largo paragrafo. <P ALIGN=right>Benvenuti al mondo di HTML.</P> <CENTER><P>Questo è il primo paragrafo</p></center> Questo è il primo paragrafo Benvenuti al mondo di HTML. Per anadare a capo senza iniziare un nuovo paragrafo si puo usare l etichetta <BR>
7 Testo Preformattato Esempio: <PRE> #!/bin/csh cd $SCR cfs get mysrc.f:mycfsdir/mysrc.f cfs get myinfile:mycfsdir/myinfile fc -02 -o mya.out mysrc.f mya.out cfs save myoutfile:mycfsdir/myoutfile rm ** </PRE> #!/bin/csh cd $SCR R cfs get mysrc.f:mycfsdir/mysrc.f f cfs get myinfile:mycfsdir/myinfile e fc -02 -o mya.out mysrc.f f mya.out t cfs save myoutfile:mycfsdir/myoutfile e rm * *
8 Liste Liste non numerate Liste numerate Liste di definizioni Per gli elementi delle liste, nessun separatore di paragrafo è richiesto. Le etichette per gli argomenti nella lista determinano la fine di ciascun elemento della lista stessa.
9 Liste non numerate La lista è identificata dall'etichetta <UL> Ogni singolo elemento della lista è preceduto dall'etichetta <LI> La lista è conclusa con l'etcichetta </UL> Esempio: <UL> <LI> arance <LI> banane </UL> = arance = banane
10 Liste numerate 1. La lista è identificata dall'etichetta <OL>. 2. Ogni singolo elemento della lista preceduto dall'etichetta <LI>. 3. La lista è conclusa con l'etichetta </OL>. Esempio: <OL> <LI> giallo <LI> rosso <LI> verde </OL> 1. giallo 2. rosso 3. verde
11 Liste di definizioni = La lista è identificata dall'etichetta <DL> = Ogni termine nella lista è preceduto dall'etichetta <DT> = Ogni definizione di un termine è preceduta dall'etichetta <DD> = La lista è conclusa con l'etcichetta </DL> Esempio: <DL> <DT><FONT COLOR="#0000FF"> DII</FONT> <DD> Il DII è il Dipartimento di Ingegneria della Informazione ed è situato all'interno della Facoltà di Ingegneria <DT> <FONT COLOR="#0000FF">CERN</FONT> <DD> Il laboratorio Europeo per lo studio della Fisica delle particelle(cern) è situato in Svizzera. È quì che è nata l'idea dell'utilizzo a scopi informativi e didattici del protocollo http dell'architettura CLIENT/SERVER e di HTML. </DL> DII Il DII è il Dipartimento di Ingegneria della Informazione ed è situato all'interno della Facoltà di Ingegneria CERN Il laboratorio Europeo per lo studio della Fisica delle particelle (CERN) è situato in Svizzera. È quì che è nata l'idea dell'utilizzo a scopi informativi e didattici del protocollo http, dell'architettura CLIENT/SERVER e di HTML.
12 Attributo COMPACT Forza a il browser a porre la definizione nella stessa riga del termine. Può essere usato quando i termini sono molto brevi. Esempio: <DL COMPACT> <DT> <FONT COLOR="#0000FF"><FONT SIZE=+2> -i </FONT></FONT> <DD> Invoca... <DT> <FONT COLOR="#0000FF"><FONT SIZE=+2> -h </FONT></FONT> <DD> Invoca... <DL COMPACT> <DT> <FONT COLOR="#0000FF"><FONT SIZE=+2> -g </FONT></FONT> <DD> Invoca... <DT> <FONT COLOR="#0000FF"><FONT SIZE=+2> -r </FONT></FONT> <DD> Invoca... </DL> </DL> -i Invoca... -h Invoca... -g Invoca... -r Invoca...
13 Liste annidate Esempio di liste annidate: <UL> <LI> <FONT COLOR="#0000FF"> Le province dell'umbria: </FONT> <UL> <LI> Perugia <LI> Terni </UL> <LI> <FONT COLOR="#0000FF"> Le province della Basilicata: </FONT> <UL> <LI> Potenza <LI> Matera </UL> </UL> = Le province dell'umbria: o Perugia o Terni = Le province della Basilicata: o Potenza o Matera
14 Indentazione Le etichette <BLOCKQUOTE> e </BLOCKQUOTE> vengono usate per includere un margine di indentazione al testo Esempio <BLOCKQUOTE> <P>Ometti le parole non necessarie</p> <BLOCKQUOTE> <P>Sono non necessarie tutte le parole superflue </P> </BLOCKQUOTE> <P> Lo stile vigoroso è conciso </P> </BLOCKQUOTE> Ometti le parole non necessarie Sono non necessarie tutte le parole superflue Lo stile vigoroso è conciso
15 Indirizzi L'etichetta <ADDRESS> è usata per specificarne l'autore del file HTML o Specifica modalita di contato (es., indirizzo ) o ultima etichetta-direttiva in un file HTML o posta su nuova riga, allineata a sinistra Esempio <BLOCKQUOTE> <P>Ometti le parole non necessarie</p> <BLOCKQUOTE> <P>Sono non necessarie tutte le parole superflue </P> </BLOCKQUOTE> <P> Lo stile vigoroso è coinciso </P> </BLOCKQUOTE> <ADDRESS> Una guida ad HTML / Giuseppe Anastasi / anastasi@iet.unipi.it / rivisto Novembre 96 </ADDRESS> Ometti le parole non necessarie Sono non necessarie tutte le parole superflue Lo stile vigoroso è conciso Una guida ad HTML / Giuseppe Anastasi / anastasi@iet.unipi.it / rivisto Novembre 96
16 Formattazione dei caratteri Stili per le parole o le frasi in HTML: = Stile logico etichetta il testo con riferimento al suo significato configurato direttamente dal browser l'etichetta <CITE> puo' essere definita da un browser come italico (da un altro in modo diverso) = Stile fisico indica direttamente la specifica apparenza richiesta una parola tra <I> e </I> viene visualizzata in italico da qualunque browser Grassetto (<B> </B> ) Italico (<I> </I> ) Larghezza Fissa (<TT> </TT>)
17 Stili Logici <DFN> Usato per una definizione. Normalmente in italico. <EM> Usato per dare enfasi. Normalmente in italico. <CITE> Usato per titoli di libri, film. Normalmente in italico. <CODE> Usato per mostrare codice. Normalmente in caratteri a larghezza fissa. <KBD> Usato per richiedere ingressi da tastiera. Normalmente in caratteri a larghezza fissa. <SAMP> Usato per sequenze di caratteri letterali. Normalmente in caratteri a larghezza fissa. <STRONG> Usato per dare una forte enfasi. Normalmente in grassetto. <VAR> Usato per rappresentare variabili. Normalmente in italico. Esempi Definizione (DFN) Enfasi (EM) Citazione (CITE) Codice (CODE) Tastiera (KDB) Sequenza di caratteri letterali (SAMP) Forte enfasi (STRONG) Per segnalare una variabile (VAR)
18 Caratteri speciali Sequenze di Escare: sequenze di caratteri usate per = riprodurre caratteri che hanno uno speciale significato in HTML o < < o > > o & & = visualizzare altri caratteri non disponibili nell'insieme di caratteri ASCII. o ö ö o ñ ñ o è è
19 Collegamento ad altri documenti L'etichetta che identifica un collegamento è <A>, dove A è l'abbreviazione di ANCHOR. Per includere un'ancora nel documento: 1. Si inizia l'ancora con <A (includere uno spazio dopo A); 2. Si specifica il documento a cui si sta effettuando il collegamento HREF="nome_del_file.html">; 3. Si inserisce il testo che fungerà da ipertesto nel documento corrente; 4. Si inserisce l'etichetta di fine ancora: </A> Esempio di ipertesto: <A HREF= DII </A> <A HREF="MioLink.html"> MioLink</A> I collegamenti possono essere espressi mediante o o collegamenti relativi HREF="../MioLink.html collegamenti assoluti HREF="
20 Collegamenti a specifiche sezioni di un documento Collegamento tra sezioni di documenti differenti A.html B.html Sezione B.1 vai a Sezione B.2 Sezione B.2 1. Nel documento B.html si crea l'ancora nominata <H2><A NAME= "ANC_NOMIN"> Sezione B.2 </A></H2> 2. Nel documento A.html si crea il collegamento all'ancora nominata ANC_NOMIN del documento B.html Vai alla <A HREF="B.html#ANC_NOMIN">Sezione B.2</A> Collegamento a sezioni dello stesso documento Il nome del file viene omesso.
21 Mailto Si possono mettere degli iperlink per facilitare l invio di messaggi di Per maggiori informazioni inviare un messaggio a <A HREF="mailto:anastasi@iet.unipi.it"> Giuseppe Anastasi. </A> Per maggiori informazioni inviare un messaggio a Giuseppe Anastasi. Cliccando viene aperto il programma di
22 Immagini incorporate Per includere un immagine in un documento: <IMG SRC="filename.gif" HEIGHT=HH WIDTH=WW> Normalmente il bordo inferiore di un'immagine è allineato con il testo. Per allineare il testo con il bordo superiore <IMG SRC= "filename.gif" ALIGN=top> Per allineare il testo con il centro dell immagine <IMG SRC= "filename.gif" ALIGN=center> L'attributo ALT che permette di visualizzare un testo alternativo all immagine <IMG SRC= "freccia.gif" ALT = "UP">
23 Immagini esterne Un'immagine può essere anche aperta su un documento separato, quando l utente attiva un ipertesto. Questa è considerata un'immagine esterna ed è particolarmente utile se si desidera non rallentare il caricamento del documento con troppe immagini. Per includere un riferimento ad un grafico in un documento esterno, si usa <A HREF="filename.gif">testo</A> Esempio Se vuoi vedere la figura della casa clicca <A HREF= house.gif >qui</a>. Se vuoi vedere la figura della casa clicca qui.
24 Sfondo Si può includere un'immagine come sfondo mediante un attributo nell etichetta <BODY>. Esempio <BODY BACKGROUND="phone.gif"> Il colore dello sfondo, del testo e dell'ipertesto può essere cambiato nel modo seguente <BODY TEXT="#FFFFFF" BGCOLOR="#000000" LINK="#9690CC">
25 Tabelle Elemento <TABLE>... </TABLE> <CAPTION>... </CAPTION> <TR>... </TR> <TH>... </TH> <TD>... </TD> Elementi di una tabella Descrizione Definisce una tabella in HTML. Se l'attributo BORDER è presente, il browser visualizza la tabella con un bordo. Definisce la didascalia della tabella. La didascalia viene posta in cima alla tabella. Attributo ALIGN=BOTTOM per posizionare la didascalia sotto la tabella. specifica una riga all'interno di una tabella. Attributi per l'intera riga: ALIGN (LEFT, CENTER, RIGHT) VALIGN (TOP, MIDDLE, BOTTOM) Definisce una cella intestazione della tabella. Il testo è normalmente centrato ed in grassetto. Definisce una cella di dati. Normalmente, il testo è allineato a sinistra e centrato. Didascalia della Tabella
26 Attributi di Tabelle Allineamento orizzontale di una cella ALIGN (LEFT, CENTER, RIGHT) Allineamento verticale di una cella. VALIGN (TOP, MIDDLE, BOTTOM) Numero (n) di colonne che una cella abbraccia COLSPAN=n Numero (n) di righe che una cella abbraccia ROWSPAN=n NOTA BENE gli attributi definiti all'interno di <TH>... </TH> o <TD>... </TD> sovrascrivono quelli definiti in <TR>... </TR>.
27 Esempio di tabella Tabella di prova Nome Data di nascita Luogo di Nascita Franco Rossi 9/10/1968 Pisa Giorgio Verde 2/12/1999 Pontedera <CENTER> <TABLE BORDER=2 BGCOLOR="#FFFFFF" > <CAPTION> <P>Tabella di prova </P> </CAPTION> <TR> <TH>Nome </TH> <TH>Data di nascita</th> <TH>Luogo di Nascita</TH> </TR> <TR> <TD>Franco Rossi</TD> <TD>9/10/1968</TD> <TD>Pisa</TD> </TR> <TR> <TD>Giorgio Verde</TD> <TD>2/12/1999</TD> <TD>Pontedera</TD> </TR> </TABLE> </CENTER>
28 Forms (1) Modello Acquisto Nome Giuseppe Anastasi Indirizzo via Diotisalvi 2 Città Pisa Stato Paese Italia Numero di Carta di Credito 9889 Scadenza 1997 M/C VISA Submit order <H1> Modello Acquisto </H1> <FORM ACTION="mailto:anastasi@iet.unipi.it" METHOD=POST> Nome <INPUT NAME= "customer" SIZE=46> <P> Indirizzo <INPUT NAME="address" SIZE=40> <P> Città <INPUT NAME="city" SIZE=20> Stato <INPUT NAME="state" SIZE=4> Paese <INPUT NAME="country" SIZE=10> <P> Numero di Carta di Credito <INPUT NAME= "cardno" SIZE=10> Scadenza <INPUT NAME="expires" SIZE=4> M/C <INPUT NAME= "cc" TYPE=RADIO VALUE="mastercard"> VISA <INPUT NAME= "cc" TYPE=RADIO VALUE="visacard"> <P> <INPUT TYPE=SUBMIT VALUE="Submit order"> <P> </FORM>
29 Forms (2) <ACTION> <METHOD> POST Specifica lo URL a cui sottomettere le informazioni Specifica il metodo da usare il corpo del messaggio contiene le variabili del form ed i loro valori - & è usato per separare i campi e + è usato per rappresentare i caratteri spazio) La risposta allo schema precedente sarebbe: customer=giuseppe+anastasi&address=via+diotisalvi+2 &city=pisa&state=&country=italia&cardno=9889&expires= 1997&cc=mastercard
30 Per maggiori informazioni
Introduzione all'html
Introduzione all'html WWW (World Wide Web) SGML (Standard Generalized Markup Language) Linguaggi per la descrizione astratta di documenti. HTML (HyperText Markup Language) HTML è un caso particolare di
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
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
"-//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:
Tabelle HTML. Tabelle Un po di notazione.
Tabelle HTML!! Le tabelle in HTML permettono di rappresentare tabelle di dati ", ma anche di formattare del testo, delle immagini, altre tabelle in righe e colonne, possono cioè essere usate per l impaginazione
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
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
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.
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
HTML HTML. HyperText Markup Language. Struttura di un documento. Gli elementi essenziali di un documento HTML sono i seguenti TAG: <HTML>...
HTML HyperText Markup Language Struttura di un documento HTML Gli elementi essenziali di un documento HTML sono i seguenti TAG: ... ... ... Struttura di un documento
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
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
Codifica informazione testuale
Rappresentazione del: Codifica informazione testuale contenuto : successione di parole che costituiscono il documento Formato: modo in cui le parole sono organizzate e rappresentate graficamente. Può migliorare
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
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
@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
Linguaggio HTML (2) Attributi di <FONT> Per variare lo stile di carattere rispetto al default, si possono utilizzare tre attributi:
Linguaggio HTML (2) Attributi di Per variare lo stile di carattere rispetto al default, si possono utilizzare tre attributi: SIZE= numero per modificare le dimensioni Es:
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
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
Laboratorio di Basi di Dati e Web/Basi di dati e Multimedia. Docenti: Alberto Belussi e Carlo Combi Lezione 5
Laboratorio di Basi di Dati e Web/Basi di dati e Multimedia Docenti: Alberto Belussi e Carlo Combi Lezione 5 HyperText Markup Language Linguaggio di descrizione di testi secondo lo schema SGML (Standard
Cimini Simonelli - Testa
WWW.ICTIME.ORG HTML Manuale introduttivo al linguaggio HTML Cimini Simonelli - Testa v.2-11/01/2008 Sommario Introduzione... 3 Formattazione della pagina... 4 Inserire un colore di sfondo... 4 Inserire
APPUNTI DI INFORMATICA IL LINGUAGGIO HTML
APPUNTI DI INFORMATICA IL LINGUAGGIO HTML Vediamo le seguenti istruzioni dell HTML link permette di dare un colore alla nostra "parola calda", se questo attributo non viene esplicitato
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
Manuale scritto da Fuso Federico 4 A Anno scolastico 2011/2012 Parte 1
Manuale scritto da Fuso Federico 4 A Anno scolastico 2011/2012 Parte 1 Chi può riuscire a creare pagine HTML? La realizzazione di pagine web non eccessivamente sofisticate è alla portata di tutti, basta
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:
Esistono editor WYSIWYG (What You See Is What You Get) (FrontPage)
HTML significa Hyper Text Markup Language I documenti HTML sono file plain-text che possono essere creati usando un qualsiasi text editor e possono essere visualizzati con browsers Web. Il documento HTML
HTML: tag. HTML: tag. HTML: tag. HTML: un semplice esempio
HTML: tag Alcuni tag prevedono un identificatore di inizio () e di fine marcatura () altri sono dei tag singoli (es.: , ). Esistono delle codifiche per rappresentare in modo universale
HTML e XML. Politecnico di Milano Facoltà del Design Bovisa Elementi di Informatica e Reti di calcolatori
HTML e XML Politecnico di Facoltà del Design Bovisa Elementi di Informatica e Reti di calcolatori Ing. Claudio Menghi Dipartimento di Elettronica e Informazione menghi@elet.polimi.it http://home.dei.polimi.it/menghi
Costruzione di un sito web - HTML
Costruzione di un sito web - HTML Obiettivi. Presentare le caratteristiche di un sito Web ed i concetti base per la sua costruzione: fasi di realizzazione e linguaggio HTML. Illustrare gli elementi fondamentali
Creazione di tabelle.
Creazione di tabelle. Argomenti trattati: - Premessa: Cosa sono le tabelle in HTML. - Costruiamo una tabella: Come realizzare semplici tabelle con i tag principali ed i loro attributi. - Personalizziamo
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
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
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
APPUNTI DI HTML (QUARTA LEZIONE)
APPUNTI DI HTML (QUARTA LEZIONE) 1. LA STRUTTURA BASE DELLE TABELLE Le tabelle sono una parte estremamente importante del codice HTML. Sono uno strumento indispensabile per gestire i layout grafici. Immaginiamo
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
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
HTML 5. Tabelle. Bordi di una tabella. Il tag <TABLE> Le tabelle. Tag fondamentali. Costruzione di tabelle riga per riga. Esempi
HTML 5 Tabelle Tag fondamentali Costruzione di tabelle riga per riga Le tabelle Esempi 1 Tecnologie di Sviluppo per il WEB 2 Il tag Una tabella è suddivisa in righe e ciascuna riga è suddivisa
Il linguaggio HTML - Parte 2
Corso IFTS Informatica, Modulo 3 Progettazione pagine web statiche (50 ore) Il linguaggio HTML - Parte 2 Dott. Chiara Braghin braghin@dti.unimi.it Elenchi all interno di Un elenco è una sequenza
Le immagini digitali. Modulo 2. Rappresentazione analogica. Rappresentazione digitale. Una palette a 16 colori
Foto digitale, invio via mail e inserimento in una pagina web Modulo 2 Cosa si intende con analogico e digitale? Come avviene la rappresentazione digitale delle immagini? Come è possibile trasformare un
HTML. Hyper Text Markup Language
HTML Hyper Text Markup Language IL WEB Le componenti principali del web sono: HTML: definizione del contenuto delle pagine CSS: definizione dell aspetto delle pagine Javascript: definizione del comportamento
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
Elementi di HTML. grazie a Chiara Renso. KDD Lab, ISTI-CNR, Pisa
Elementi di HTML grazie a Chiara Renso KDD Lab, ISTI-CNR, Pisa HTML: introduzione HTML significa Hyper Text Markup Language I documenti HTML sono file plain text che possono essere creati usando un qualsiasi
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
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
HTML in 10 Passi. Chiara Renso, Maria Simi
HTML in 10 Passi Chiara Renso, Maria Simi Liberamente adattato da Maria Simi sulla base di una guida di Paolo Pavan (http://www.comune.collegno.to.it/paolo/guida.htm) HTML in 10 Passi...1 Struttura generale
Linguaggi per il Web Linguaggi di markup: CSS
Linguaggi per il Web Linguaggi di markup: CSS Fogli di stile (CSS) Cascading Style Sheets (CSS) servono per facilitare la creazione di pagine HTML con un aspetto uniforme permettono di separare il contenuto
HTML HyperText Markup Language: Linguaggio utilizzato per creare pagine Web. R. C. Esposito 1
HTML HyperText Markup Language: Linguaggio utilizzato per creare pagine Web R. C. Esposito 1 Introduzione HTML è l'acronimo di HyperText Markup Language HTML e il linguaggio standard per descrivere e definire
OBIETTIVI MINIMI Anno scolastico TIC-TIT. 1. Foglio elettronico: funzioni fondamentali (Excel)
ISTITUTO TECNICO COMMERCIALE STATALE SCHIAPARELLI-GRAMSCI CLASSI CORSI OBIETTIVI MINIMI Anno scolastico 2010-2011 TIC-TIT OBIETTIVI 1. Foglio elettronico: funzioni fondamentali (Excel) CONTENUTI / tipologia
Guida html e css base
Sommario Guida html e css base...1 Introduzione...1 Formattare il testo...4 Organizzare il testo in paragrafi...5 Creare le sezioni come in un libro...6 Creare gli elenchi...8 Inserire immagini e collegamenti...11
Introduzione al Linguaggio HTML
Introduzione al Linguaggio HTML 2 Cosa e l HTML HTML = Hyper Text Markup Language Serve per produrre documenti nel WWW (World Wide Web) Utilizza un insieme predefinito di marcatori (TAG) per definire la
WWW (World Wide Web)!& ( # %% (*0 #,% )0#1( &#"#2
! "#$" %% $"$&&"'& $%%& $'&( ) *+&, ) && *+ ( -./ WWW (World Wide Web)!& ( # (&%#(!(&&( %% (*0 #,% )0#1( &#"#2 Siti Web pagine Web: documenti pronti per essere registrati su un server Internet residenza
Guida Rapida all utilizzo di Microsoft Word
Guida Rapida all utilizzo di Microsoft Word Giorgio Delzanno Contenuti L ambiente Word... 1 Guida in linea (Help).... 1 Gestione dei File... 1 Visualizzazione (View).... 2 Impostazione pagine (Page setup)....
Guida al linguaggio HTML (HyperText Markup Language)
1 Guida al linguaggio HTML (HyperText Markup Language) Guida al linguaggio HTML (HyperText Markup Language) Sommario Guida al linguaggio HTML (HyperText Markup Language)... 1 1. Struttura di una pagina
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
HTML 3. I link (collegamenti) L URL. Accesso a documenti locali. Link Mappe Tabelle. <A HREF= path_del_documento > link </A>
Link Mappe Tabelle HTML 3 I link (collegamenti)! Semplicemente "cliccando" su una parola o su un'immagine si può accedere ad un'altra pagina Web! Questo effetto si ottiene con la cosiddetta ancora. Un'ancora
HTML in 10 Passi Chiara Renso, Maria Simi
HTML in 10 Passi Chiara Renso, Maria Simi Liberamente adattato sulla base di una guida di Paolo Pavan (http://www.comune.collegno.to.it/paolo/guida.htm) Per una migliore fruizione: http://www.di.unipi.it/~simi/html.html
Sommario. Nozioni di base su HTML
Sommario Parte 1 Ringraziamenti.................................................... xiii Introduzione...................................................... xvi Che cos'è HTML?.................................................
La struttura del WWW: gli ipertesti. Il linguaggio HTML. Ipertesto. Libro. Dizionario. Ipertesto. Il linguaggio HTML
La struttura del WWW: gli ipertesti Il linguaggio HTML Dal libro al Web... Laura Farinetti Dip. Automatica e Informatica Politecnico di Torino farinetti@polito.it lettura sequenziale L. Farinetti - Politecnico
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
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
Una pagina web inizia sempre con il tag <html> e si conclude con il tag </html> : ogni elemento che compone la pagina sarà racchiuso tra essi.
HTML per semplici pagine web HTML è l acronimo di Hypertext Markup Language ( Linguaggio di contrassegno per gli Ipertesti ) e NON è un linguaggio di programmazione E un linguaggio che permette di indicare
Parte II.4 World Wide Web
Parte II.4 World Wide Web Elisabetta Ronchieri Università di Ferrara Dipartimento di Economia e Management Insegnamento di Informatica Dicembre 1, 2015 Argomenti World Wide Web URL Pagine Web World Wide
Simonotti Graziano DATABASE
DATABASE 1 - Che cos'è un database? Il database è un archivio di dati, che può essere gestito con sistemi informatici oppure in modo manuale. 2 - Come si chiamano i programmi che gestiscono gli archivi?
Informatica di Base. Programma Lezioni
Informatica di Base Lezione III Il linguaggio HTML Hyper Text Markup Language 1 Informatica di Base Programma Lezioni 1 26 ottobre Introduzione Sistema binario e formato dei dati 2 2 novembre Numeri negativi
Introduzione HTML. Maurizio Palesi. Multimedialità - Maurizio Palesi 1
Introduzione HTML Maurizio Palesi Multimedialità - Maurizio Palesi 1 Generalità sull HTML HTML: HyperText Markup Language (linguaggio di marcatura ipertestuale) E il linguaggio che permette di descrivere
COS'E' L'HTML? TAG E ATTRIBUTI IMPOSTARE UNA PAGINA HTML
COS'E' L'HTML? Il linguaggio utilizzato dalle pagine del World Wild Web, l HTML (HyperText Markup Language), non è un complesso linguaggio di programmazione bensì un linguaggio di formattazione, ovvero
HTML Tutorial HTML By A.C. Neve 1
HTML Tutorial HTML By A.C. Neve 1 Il linguaggio HTML (Hyper Text Markup Language) è il più diffuso linguaggio per la creazione di pagine WEB. La creazione di un documento HTML si effettua con un qualsiasi
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:
Tutorial di HTML basato su HTML 4.0 e CSS 2
Claudia Picardi Tutorial di HTML basato su HTML 4.0 e CSS 2 Informatica II per Scienze e Turismo Alpino Docenti: Viviana Patti e Claudia Picardi 4 Tabelle 4.1 La struttura di una tabella Elementi principali
Le tabelle vengono usate quando hai bisogno di mostrare dei "dati tabulari" cioè informazioni presentate logicamente in righe e colonne.
Le tabelle Le tabelle vengono usate quando hai bisogno di mostrare dei "dati tabulari" cioè informazioni presentate logicamente in righe e colonne. E' difficile? All'inizio costruire le tabelle in HTML
HTML SITI WEB. FEQUENZA OBBLIGATORIA 80% ESERCITAZIONI (laboratorio) RICONOSCIMENTO 3 CFU. infolab@uniroma3.it host.uniroma3.it/laboratori/infolab
HTML SITI WEB FEQUENZA OBBLIGATORIA 80% ESERCITAZIONI (laboratorio) RICONOSCIMENTO 3 CFU infolab@uniroma3.it host.uniroma3.it/laboratori/infolab INTERNET Generalmente Internet è definita la rete delle
HTML: FORM. Prof. Francesco Accarino IIS Altiero Spinelli Via Leopardi 132 Sesto San Giovanni
HTML: FORM Prof. Francesco Accarino IIS Altiero Spinelli Via Leopardi 132 Sesto San Giovanni Form Text Radio Select CheckBox TextArea Button ... L'elemento serve per delimitare un modulo
HTML, XHTML, CSS. cosa c è dietro al web. Informatica Applicata Prof.Emanuela Zilio
HTML, XHTML, CSS cosa c è dietro al web 1 HTML cos è NON è un linguaggio di programmazione ma un linguaggio di contrassegno (o 'di marcatura'), che permette di indicare come disporre gli elementi all'interno
Prof. Rocco Ciurleo 1
Istituto Tecnico Industriale Statale Conte Michele Maria Milano Polistena Classi: 2 E 2 G - a. s. 2012/2013 H T M L Guida base al linguaggio Prof. Rocco Ciurleo 1 Cos è l HTML HTML è l'acronimo di Hypertext
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
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
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
Spazio WEB: spazio fisico dove vengono memorizzate le pagine (15, 50, 100 Mb che si acquistano)
1 Concetti di base Pagina WEB: è un documento scritto in linguaggio html che contiene testo, immagini, link. L estensione di questi file è.html o.htm (pagine statiche, pagine dinamiche). Un sito WEB è
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
2.4 Il linguaggio (X)HTML
Fondamenti di Informatica Sistemi di Elaborazione delle Informazioni Informatica Applicata 2.4 Il linguaggio (X)HTML Antonella Poggi Anno Accademico 2012-2013 DIPARTIMENTO DI SCIENZE DOCUMENTARIE LINGUISTICO
HTML HTML HTML HTML. Le basi del linguaggio HTML. Marco Gribaudo
Le basi del linguaggio Marco Gribaudo marcog@di.unito.it http://www.di.unito.it/~marcog/savigliano E il linguaggio base per produrre documenti per World Wide Web (Internet) Documenti WEB: pagine ipertestuali
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
INSERIMENTO. Un foglio di stile può essere esterno e interno: Un foglio esterno si carica: Un foglio interno può essere compilato
CSS I FOGLI DI STILE HTML serve informare il browser di quali sono le componenti necessarie a mostrare un documento e ad articolare il documento in blocchi semantici. I fogli di stile (Cascading Style
Internet, Browser e HTML
1 2 I protocolli definiscono le regole e il modo per trasferire le informazioni. Internet, Browser e HTML La trasmissione prevede l utilizzo di una pila di protocolli, tale che: I protocolli a basso livello
Informatica A per Ingegneria Gestionale (2005-2006) Il linguaggio HTML. Elisa Quintarelli-Laura Mandelli. HyperText Markup Language
Informatica A per Ingegneria Gestionale (2005-2006) Il linguaggio HTML Elisa Quintarelli-Laura Mandelli 1 HyperText Markup Language Linguaggio di descrizione di testi secondo lo schema SGML (Standard Generalized
HTML. http://www.w3schools.com/html/default.asp
HTML http://www.w3schools.com/html/default.asp HTML Cosa è l'html? HTML è un linguaggio per descrivere le pagine web. HTML è l'acronimo di H yper T ext M arkup L anguage HTML è un markup language Un linguaggio
Laboratorio di Basi di Dati Web/MM
Laboratorio di Basi di Dati Web/MM Docente: Alberto Belussi Lezione 5 HyperText Markup Language Linguaggio di descrizione di testi secondo lo schema SGML (Standard Generalized Markup Language) Gli ipertesti
HTML. Queste slides sono un adattamento di quelle di Luca Anselma, cui va il mio ringraziamento
HTML Queste slides sono un adattamento di quelle di Luca Anselma, cui va il mio ringraziamento Cenni di HTML Hypertext Markup Language Linguaggio con cui sono scritte le pagine web Permette di realizzare
Informatica d ufficio
Informatica d ufficio Anno Accademico 2008/2009 Lezione N 3 Microsoft Word - prima parte Microsoft Word E un Word processor,cioè un programma che consente di creare e modificare documenti. Prevede numerose
MACROSTRUTTURA DEL DOCUMENTO
MACROSTRUTTURA DEL DOCUMENTO Il documento HTML si divide in due parti: l INTESTAZIONE e il CORPO DEL DOCUMENTO Es. dichiarazione iniziale HTML 4.01 :
Il Web è un sottoinsieme di Internet
I principi del Web Il World Wide Web Il Web è un sistema basato su Internet che utilizza la tecnologia degli ipertesti per distribuire documenti, file, immagini,... Il Web è un sottoinsieme di Internet
Il linguaggio HTML - Nozioni di base (2)
Corso IFTS Informatica, Modulo 3 Progettazione pagine web statiche (50 ore) Il linguaggio HTML - Nozioni di base (2) Dott. Chiara Braghin braghin@dti.unimi.it TAG strutturali visti fino ad ora -
ELENCHI. 1. Prima 2. Seconda 3. terza. Prima Seconda terza
ELENCHI Un elenco è una serie di voci di testo che possono essere contrassegnate da un punto elenco oppure da un numero o da una lettera e volendo anche da un elemento grafico. Si possono avere elenchi
caratteristiche del documento </head>
HTML: sintassi caratteristiche del documento documento 21 HTML: titolo del documento
Richiami sugli elementi del linguaggio HTML
Richiami sugli elementi del linguaggio HTML Un documento in formato Web può essere aperto con un browser, attraverso un collegamento a Internet oppure caricandolo dal disco del proprio computer senza connettersi
Laboratorio di Informatica
Laboratorio di Informatica per la laurea triennale in Chimica ESERCITAZIONE 2 - Sistemi per la scrittura 1 Storia Scrivani Macchine da scrivere, ciclostile, fotocopiatrice Primi sistemi per la videoscrittura,
HTML il linguaggio per creare le pagine per il web
Linguaggi di markup il linguaggio per creare le pagine per il web in un documento il markup è il codice che contiene le informazioni per la sua formattazione Parte I: elementi di base 2 Linguaggi di markup
Progettazione multimediale
Progettazione multimediale Le tabelle 1 Obiettivi Perché si usano le tabelle Le proprietà delle tabelle Inserimento e modifica delle proprietà 2 Perché si usano le tabelle Una pagina Web è formata da testo
Tabelle. Verdi A. Bianchi B. Rossi C. 12/02 Trasferta a Milano. Corso in sede. Riunione Ispettori a Milano Riunione in sede.
1 Tabelle Una tabella è una griglia composta da righe e colonne: l intersezione fra una riga e una colonna si chiama cella ed è un elemento di testo indipendente che può avere un proprio formato. Spesso,
INTRODUZIONE HTML. L HTML è un linguaggio (non di programmazione) che consente di realizzare ipertesti.
INTRODUZIONE HTML L HTML è un linguaggio (non di programmazione) che consente di realizzare ipertesti. Un ipertesto è un documento che può essere consultato anche in modo non sequenziale, ma con collegamenti