HTML. Introduzione. Pag. 1
|
|
|
- Ippolito Casagrande
- 5 anni fa
- Visualizzazioni
Transcript
1 HTML Introduzione Il linguaggio HTML è un tipo di documenti SGML. Questo significa che esiste un DTD di HTML che è espresso secondo le regole menzionate. HTML viene usato dai browser WWW per visualizzare documenti ipertestuali. I browser sono poco preoccupati della correttezza sintattica o strutturale dei documenti HTML secondo le regole date dal DTD SGML. Questo significa che tra un documento HTML visualizzabile da un browser WWW ed un documento HTML corretto esistono differenze anche sensibili. A noi invece interessano documenti HTML corretti secondo la definizione del DTD. Pag. 1
2 È normale associare un significato strutturale agli elementi definiti in un DTD. HTML associa anche significati grafici agli elementi che definisce. Cioè dà istruzioni più o meno precise su come rendere graficamente gli elementi che definisce. Questo porta anche ad abusi della resa grafica che a noi interessano poco. Per noi la resa grafica finale, in assenza di linguaggi di stile appropriato, è secondaria. HTML non forza strutture gerarchiche nei suoi documenti. Inoltre in HTML i vincoli di contenimento tra elementi sono pochi e piuttosto ovvi. I browser WWW sono ancora più lassisti a questo proposito. Tuttavia vanno rigorosamente rispettati. Gli identificatori di elementi ed attributi sono case-insensitive. Questo significa che maiuscolo o minuscolo sono irrilevanti (anche combinazioni di maiuscolo e minuscolo). Tuttavia nelle entità, nei valori degli attributi e ovviamente nel contenuto del testo maiuscole e minuscole possono essere importanti. Pag. 2
3 Stili di blocco e stili di carattere <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN"> <HTML> <HEAD> <TITLE>Titolo del documento</title> </HEAD> <BODY> <H1>Intestazione maggiore</h1> <P>Questo é un paragrafo completo di un documento. Scrivo e scrivo finchè non riempio varie righe, perchè voglio vedere come va a capo automaticamente. Certo non é un documento molto eccitante.</p> Pag. 3
4 <P>Forse che vi aspettavate <B>poesia</B>?</P> <HR> Una lista di cose importanti da ricordare <UL> <LI>Gestione di spazi, tabulatori e ritorni a capo</li> <LI>Dichiarazione di tipo del documento</li> <LI>Struttura del documento</li> <LI>Annidamento e chiusura dei tag</li> </UL> </BODY> </HTML> Pag. 4
5 Pag. 5
6 Commenti All inizio del documento, la dichiarazione <!DOCTYPE HTML PUBLIC "- //W3C//DTD HTML 3.2//EN"> serve per identificare in SGML il tipo di documento realizzato. I browser WWW non ne hanno bisogno, ma noi la mettiamo sempre. Gli spazi tra un elemento e l altro hanno un significato speciale: spazi, ritorni a capo e tabulazioni, anche multipli, sono egualmente trasformati in spazi semplici nella visualizzazione dei dati. Quindi è uguale scrivere: <P>Forse che vi aspettavate <B>poesia</B>?</P> e <P>Forse che vi aspettavate <B>poesia</B>?</P> e anche <P>Forse che vi aspettavate <B>poesia</B>?</P> Pag. 6
7 ma non <P>Forse che vi aspettavate <B>poesia</B>? </P> Tag di struttura del documento: HTML, HEAD, BODY, TITLE Tag di strutturazione di blocchi: Intestazione: H1, H2, H3, H4, H5, H6 Paragrafo: P, PRE, XMP, LISTING, ADDRESS Liste: UL, OL, DIR, MENU, DL Tag di strutturazione dei caratteri: Elementi idiomatici: CITE, CODE, EM, KBD, SAMP, STRONG, VAR Elementi tipografici: B, I, TT Pag. 7
8 Pag. 8
9 Pag. 9
10 Pag. 10
11 Pag. 11
12 Pag. 12
13 Link ed immagini <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN"> <HTML> <HEAD> <TITLE>Prova di A ed IMG</TITLE> </HEAD> <BODY> <H1>Questa é una prova di IMG ed A</H1> <P>L'elemento <a> introduce un estremo di un link ipertestuale. L'elemento <img> introduce un'immagine. </P> <P>In entrambi i casi dobbiamo specificare dei parametri.</p> Pag. 13
14 <DL> <DT> <a HREF="indirizzo di un documento"> testo </a> <DD> Crea l'estremo di partenza di un documento. Qui c'é un esempio che porta al <A HREF="esempio1.html">primo documento</a>. <DT> <a NAME="nome locale"> testo </a> <DD> Permette di specificare la locazione dell'elemento come luogo notevole del documento. Potrò poi utilizzarlo per la specificazione <A NAME="prova">dell'estremo di un link</a>. <DT> <img SRC="nome locale" ALT="Testo alternativo"> <DD> Inserisce in questa posizione un'immagine memorizzata in un file esterno. Se non può, mostra una stringa di testo alternativo. Qui c'è un esempio: <IMG SRC="esempio.gif" ALT="Un rettangolo ed un'ellisse"> </DL> </BODY> </HTML> Pag. 14
15 Pag. 15
16 Commenti Un anchor (elemento A) deve avere o un attributo HREF o un attributo NAME. Può averli entrambi. Un'immagine deve avere l'attributo SRC. E' molto opportuno che abbia anche l'attributo ALT. L'attributo HREF specifica una destinazione. Quindi <A HREF="xx"> è un estremo di partenza. La destinazione è specificata come un URL (Universal Resource Locator). Gli URL sono o assoluti (" o relativi ("esempio2.html"). Distinzione tra i due. L'attributo NAME specifica una stringa come nome dell'anchor. E' poi possibile utilizzarlo in altri contesti. L'uso più comune è come destinazione puntuale di un link. Es: <A HREF="esempio2.html#prova">click </A> Pag. 16
17 L'attributo SRC specifica l'url del file contenente l'immagine. L'URL, di nuovo, può essere o assoluto o relativo. Due sono i formati accettati comunemente: GIF e JPEG. Ci sarà una lezione sui formati grafici in seguito. A permette altri attributi: TITLE: indica il titolo da dare ad un documento senza titolo REL: specifica il tipo di relazione esistente tra il documento di partenza e quello di arriva. Importantissimo, ma solitamente inutilizzato. REV: specifica il tipo inverso di relazione esistente tra partenza ed arrivo. Pag. 17
18 IMG permette altri attributi: ALIGN: permette di specificare come allineare l'immagine al testo circostante. Può avere i valori TOP, MIDDLE e BOTTOM. ISMAP (senza valori): indica che l'immagine è una mappa server-side. La vedremo in seguito. WIDTH: Può forzare una larghezza dell'immagine. L'immagine può venire espansa o ristretta per forzare la larghezza indicata, o semplicemente tagliata. L'unità di misura è il pixel. HEIGHT: forza una altezza dell'immagine. Vale il discorso che vale per WIDTH. Pag. 18
19 Altri elementi di HTML 2.0 Elementi del corpo BLOCKQUOTE: Contiene paragrafi di testo presi da un altra fonte. Tipicamente vengono resi con un margine diverso (più stretto) e forse in corsivo. BR: Forza un ritorno a capo nel testo. Tipicamente viene reso senza spazio tra le righe HR: crea un elemento divisorio (una riga, tipicamente) tra sezioni diverse del testo. Pag. 19
20 Pag. 20
21 Elementi di HEAD BASE: Specifica l indirizzo di base rispetto al quale considerare gli URL relativi di link ed immagini del documento. Deve essere un URL assoluto. ISINDEX: Indica che il documento è indiciozzato presso il server. Permette di specificare stringhe di ricerca sul documento. Equivalente ad un metodo GET di un form. Non ha contenuto. LINK: Specifica l esistenza di un documento collegato globalmente al documento visto. META: Specifica l esistenza di una metainformazione associata al documento. In particolare l esistenza di intestazione MIME del documento. Pag. 21
22 Pag. 22
23 FORM Con i FORM si utilizzano le pagine HTML per inserire valori che vengono poi elaborati sul server. I FORM sono inestricabilmente legati al CGI (Common Gateway Interface): Il browser raccoglie dati con un form dall utente. Crea una connessione HTTP con il server, specificando una ACTION (cioè un destinatario) a cui fare arrivare i dati così raccolti. Il destinatario riceve i dati, li elabora e genera un documento di risposta, che viene spedito, tramite il server HTTP, al browser. I form permettono di specificare l inserimento di dati in modulistica: campi di inserimento dati, pulsanti, bottoni radio, checkbox, liste a scomparsa. Pag. 23
24 Pag. 24
25 <P> Questo documento contiene una prova di FORM:</P> <FORM METHOD="GET" ACTION=" <BR>Nome: <INPUT TYPE=text NAME="Nome" VALUE="Ugo" SIZE=40> <BR>Cognome: <INPUT TYPE=text NAME="Cognome" VALUE="Rossi" SIZE=40> <BR>Password: <INPUT TYPE=password NAME="Password" SIZE=40> <P>Sesso: <INPUT TYPE=radio NAME="Sesso" VALUE="Maschio" CHECKED>Maschio <INPUT TYPE=radio NAME="Sesso" VALUE="Femmina"> Femmina <BR>Gusti: <INPUT TYPE=checkbox NAME="Gusti" VALUE="Lett"> Letteratura <INPUT TYPE=checkbox NAME="Gusti" VALUE="Arte"> Arte <INPUT TYPE=checkbox NAME="Gusti" VALUE="Cinema"> Cinema <INPUT TYPE=checkbox NAME="Gusti" VALUE="Fumetti"> Fumetti <BR><TEXTAREA NAME="Commenti" ROWS=3 COLS=50>Questo e' spazio per commenti</textarea> <INPUT TYPE=hidden NAME="Lingua" VALUE="Italiana"> <P>Città di residenza: <SELECT NAME="Citta'"> <OPTION SELECTED>Bologna <OPTION>Modena <OPTION>Forlì <OPTION>Ravenna </SELECT> <BR>Possiedi qualcuno tra: <SELECT MULTIPLE NAME="Possesso" SIZE=5> <OPTION>Computer <OPTION>Telefonino <OPTION>Automobile <OPTION>Televisore <OPTION>Impianto HiFi </SELECT> <P><INPUT TYPE=submit NAME="Submit" VALUE="Ok"> <INPUT TYPE=reset NAME="Cancel" VALUE="Annulla inserimento"> </FORM> Pag. 25
26 Commenti su FORM ACTION è obbligatoria, e specifica l URL dell applicazione che riceverà i dati del form. Tipicamente è un applicazione CGI ed e un URL con protocollo HTTP. Netscape supporta anche il protocollo mailto. METHOD: indica il metodo HTTP utilizzato. Può essere o GET o POST. GET è opportuno per piccoli form. E equivalente ad una query da URL. POST serve per form più lunghi. ENCTYPE: permette di specificare il formato di dati con cui vengono trasmessi i dati al server. Per default e il tipo application/x-www-formurlencoded. Funziona così: Nome=Ugo&Cognome=Rossi&Password=&Sesso=Maschio&Lingua=It aliana&commenti=%0d%0aquesto+e%27+spazio+per+commenti%0d %0A&Citta%27=Bologna&Submit=Ok I campi sono messi nell ordine del form, nella forma campo=valore, e separati da &. Tutti i caratteri proibiti nei form (ASCII>127, ritorni a capo, ecc) sono codificati nella forma %xx dove xx è il codice esadecimale del carattere. Gli spazi sono sostituiti da + Pag. 26
27 Commenti su INPUT L attributo TYPE specifica il tipo di oggetto da utilizzare. Valori possibili sono: text, password, radio, checkbox, submit e reset. L attributo SIZE specifica la dimensione in caratteri degli INPUT di tipo testo e password. L attributo VALUE è il valore che viene passato all applicazione CGI. Nel caso di teso e password viene visualizzato sullo schermo. Nel caso di reset e submit viene visualizzato all interno del campo. L attributo CHECKED è utilizzabile solo per radio e checkbox, ed indica lo stato di default per il pulsante: in questo caso è attivato. Il tipo PASSWORD mostra dei pallini al posto dei caratteri, ma il valore della password viene trasmesso in chiaro (cioè non crittografato) nella trasmissione all applicazione CGI. Il tipo RADIO permette di scegliere uno tra molti possibili valori. L unicità è data dal fatto che il nome dell oggetto di input è lo stesso. Il tipo SUBMIT crea un pulsante attivando il quale viene trasmesso il form. Il tipo RESET invece svuota i campi e ripristina la situazione di default. Pag. 27
28 Commenti su TEXTAREA e SELECT TEXTAREA prevede come attributi solo COLS e ROWS, che indicano la larghezza e l altezza rispettivamente della zona di testo. Il contenuto del tag è il valore di default dell oggetto. I SELECT sono di due tipi: se è previsto l attributo MULTIPLE visualizza una lista da cui è possibile scegliere più di un valore. Altrimenti visualizza una menu pop-up da cui è possibile scegliere un solo valore. In caso di SELECT MULTIPLE, l attributo SIZE specifica quanti elementi vengono visualizzati contemporaneamente. OPTION introduce le singole scelte di un SELECT. Se si vuole che la scelta sia automaticamente selezionata, bisogna usare l attributo SELECTED. Pag. 28
29 Entità in HTML HTML definisce un certo numero di entità per quei caratteri che sono: proibiti perché usati in HTML (<, >, &,, ecc.) proibiti perché non presenti nell ASCII a 7 bit. amp & quot lt (less than) < gt (greater than) > reg nbsp (non-breaking space) Aelig Æ Aacute Á Agrave À Auml Ä aelig æ aacute á agrave à auml ä ccedil ç ntilde ñ ecc. Pag. 29
30 HTML 3.2 Novità in HEAD STYLE: HTML 3.2 non definisce criteri di stile, ma prevede uno spazio dove inserire delle specifiche, che dipendono dal browser utilizzato. SCRIPT: HTML 3.2 non definisce script da eseguire sul client, ma prevede uno spazio dove inserire le specifiche, che dipendono dal browser utilizzato. ISINDEX: E possibile specificare la stringa di richiesta: <INSINDEX prompt= Inserisci una parola > Pag. 30
31 BODY permette degli attributi: BGCOLOR: colore del background TEXT: colore del testo LINK: colore del link non visitato VLINK: colore del link visitato ALINK: colore del link attivato Novità in BODY I colori sono introdotti dal carattere # e composti da tre numeri esadecimali, che rappresentano la quota di componente di rosso, verde e blu del colore. Es: # = Nero #FF0000 = Rosso #00FF00 = Verde scuro #0000FF = Blu scuro #FFFFFF = Bianco #FFFF00 = Giallo Pag. 31
32 Allineamenti e liste Tutti gli heading (H1, H2,..., H6), P ed il nuovo elemento DIV consentono l attributo align che permette di specificare che allineamento dare al paragrafo: <P ALIGN=RIGHT> <H1 ALIGN=CENTER> <H3 ALIGN=LEFT> DIV è un nuovo tipo di elemento di blocco. Simile al paragrafo, ma non impone uno spazio tra paragrafi. <DIV ALIGN=RIGHT> kdjbdkas </DIV> UL e OL hanno l attributo type per stabilire il tipo di numerazione o di pallini: <UL type=disc> (oppure square, circle) <OL type=1> (o a, A, i, I ) Pag. 32
33 Nuovi elementi di testo All interno dei paragrafi, sono definiti nuovi elementi di testo: STRIKE: causa la scrittura di testo barrato BIG: sceglie il font di una dimensione maggiore del normale SMALL: sceglie il font di una dimensione minore del normale SUB: mette il testo in posizione di pedice SUP: mette il testo in posizione di apice FONT: permette di scegliere caratteristiche assolute come dimensioni e colore. La dimensione (size) va da 1 a 7, con 3 valore normale. Posso usare sia valori assoluti che relativi (+1, -2, ecc.). Il colore (color) segue le regole dei colori visti in precedenza. <FONT size=3 color=#ff00ff> sldsdlj </FONT> Alcuni browser ammettono l attributo face per scegliere il nome del font, con una lista separata da virgole di suggerimenti. Non fa parte di HTML 3.2. Pag. 33
34 Pag. 34
35 Tabelle La tabella viene specificata riga per riga. Di ogni riga si possono precisare gli elementi, che sono o intestazioni o celle normali. Una tabella può anche avere una didascalia. TABLE introduce una tabella. Le tabelle possono annidarsi. TR introduce una riga di una tabella TH introduce una cella intestazione. TD una cella normale. CAPTION introduce una didascalia. Pag. 35
36 Pag. 36
37 Pag. 37
38 Attributi di TABLE ALIGN: allineamento della tabella rispetto al documento WIDTH: larghezza (in assoluto o in percentuale) rispetto al documento BORDER: larghezza della riga dei bordi. Con 0 non c è bordo. CELLSPACING: Spaziatura tra i bordi delle celle. CELLPADDING: Spaziatura tra il bordo e il testo della cella. Attributi di TR HALIGN (left, center, right): allineamento orizzontale della riga VALIGN (top, bottom): allineamento verticale della riga Pag. 38
39 Attributi di TR e TD NOWRAP (sopprime l andata a capo) ROWSPAN: numero di righe della cella COLSPAN: numero di colonne della cella HALIGN (left, center, right): allineamento orizzontale della riga VALIGN (top, bottom): allineamento verticale della riga WIDTH: larghezza della cella HEIGHT: altezza della cella Pag. 39
40 Mappe: Mappe server-side L'attributo "ismap" del tag IMG serve per indicare che l'immagine in questione è una mappa sensibile al click di tipo server-side. Cioè: <A HREF="/cgi-bin/imagemap/mappa"> <IMG SRC="immagine.gif" ISMAP> </A> viene interpretato come segue: ogni volta che l'utente fa un click col mouse sull'immagine 'immagine.gif', la posizione del click viene spedita come argomento al link ipertestuale relativo, che attiva il programma "/cgibin/imagemap/" con "mappa" come argomento di specifica. "Mappa" è un file che indica le forme delle zone sensibili al click dell'immagine, e associa ad ogni zona una destinazione diversa. "/cgi-bin/imagemap/", allora, confronta la posizione del click con la forma delle zone dell'immagine, e attiva la destinazione corrispondente. Questo è chiamato un imagemap server-side, perché la corrispondenza tra click e zona vien fatta sul server. Pag. 40
41 Mappe client-side HTML 3.2 permette imagemap client-side, cioè tali per cui la corrispondenza viene fatta sul browser, poiché l'elenco delle zone viene spedito insieme al documento. Esso ha questa forma: <IMG SRC=immagine.gif USEMAP="#pippo"> <MAP NAME="pippo"> <AREA shape=rect coord="0,0,100,100" href="doc1.html"> </MAP> Questo viene interpretato come segue: l'immagine usa la mappa con URL "#pippo". L'URL è locale, e quindi viene cercato all'interno del documento quella MAP che ha nome "pippo". Pag. 41
42 SHAPE stabilisce la forma della zona in questione. Può essere rect (rettangolo), circle (cerchio) o poly (poligonale). COORD specifica le coordinate dell'oggetto. Consiste in una stringa composta da una lista di numeri separati da virgole. shape=rect coord="left-x, top-y, right-x, bottom-y" shape=circle coord="center-x, center-y, radius" shape=poly coord="x1,y1, x2, y2,..., xn, yn" HREF indica la destinazione associata con la zona specificata. Se non si vuole associare una destinazione ad una zona, si usa l'attributo (senza valore) NOHREF. ALT permette di precisare un testo mostrato nella zona di status o elementi per creare un menù di scelte nel caso di un browser non-grafico. Pag. 42
43 Estensioni proprietarie Netscape Navigator e Communicator BLINK: Lampeggia il testo <BLINK> Questo lampeggia! </BLINK> EMBED: permette di inserire oggetti esterni, tramite plug-in. Se hanno una visualizzazione, è necessario prenotare spazio del documento. <EMBED SRC=URL WIDTH=n HEIGHT=n>Testo alternativo </EMBED> MULTICOL: divide automaticamente il testo tra più colonne. E possibile preciosare il numero di colonne e la distanza (gutter) tra una colonna e l altra. <MULTICOL COLS=n GUTTER=pixel WIDTH=perc> Testo </MULTICOL> LAYER: Permette di precisare livelli sovrapposti di testo. Funziona con Javascript. Pag. 43
44 Microsoft Internet Explorer BGSOUND: Un suono o musica da emettere durante la visualizzazione della pagina. Non può essere né inibito, né interrotto. <BGSOUND SRC="URL" LOOP=n> Tabelle: è possibile associare caratteristiche globali alle colonne di tabelle. Ha senso con gli stili CSS (di cui parleremo). E inoltre possibile specificare altri elementi di tabella come la testa e la coda. <COL> <COLGROUP> <TBODY> <TFOOT> <THEAD> Table Column Table Column Group Table Body Table Footer Table Head MARQUEE: permette di specificare un testo che scrolla sullo schermo come un insegna luminosa. Molto fastidioso. <MARQUEE BEHAVIOR="scroll slide alternate" DIRECTION="left right" LOOP=n>testo</MARQUEE> Pag. 44
45 Frame Un documento HTML di Netscape ed Internet Explorer (ma NON W3C!!!) può contenere o un BODY o un FRAMESET. I frame servono per dividere la finestra in più zone indipendenti ed associare a ciascuna di loro un documento diverso. Ogni zona (o frame) ha un nome, che viene usata per specificare in quale zona viene visualizzato la destinazione di un link. FRAMESET introduce una serie di frame o verticali o orizzontali. FRAMESET può contenere annidati altri FRAMESET (per cambiare l orientamento). La definizione dei link A cambia per rendere possibile precisare il nome di una zona o di una finestra come destinazione del documento. La parte NOFRAME contiene il documento che deve essere visualizzato da parte dei browser che non supportano i frame. Pag. 45
46 <HTML> <HEAD> <TITLE> Prova frame </FRAME> </HEAD> <FRAMESET COLS= 50%,* > <FRAME SRC= pippo.html NAME= sinistra > <FRAME SRC= pluto.html NAME= destra > </FRAMESET> <NOFRAMES> <BODY> etc... </BODY> </HTML> Pag. 46
47 FRAMESET specifica il numero di colonne o di righe della serie di frame. Vengono precisati con una sequenza di valori in pixel o proporzionali rispetto alla finestra. Il termine * significa tutto lo spazio rimanente. <FRAMESET ROWS="100,57,*" <FRAMESET COLS="20%,*,70%"> <FRAMESET ROWS= *,*,* > FRAME specifica le caratteristiche di un frame, indicandone l URL di default ed il nome da usare nei link. L attributo SCROLLING (valori: yes, no, auto) precisa se debbano essere visualizzate o meno le barre di scrolling. L attributo NORESIZE (senza valore) specifica che non è possibile ridefinire per l utente la dimensione del frame. <FRAME SRC=URL NAME="sinistra" SCROLLING="yes" NORESIZE> NOFRAMES contiene il documento sostitutivo da mostyrare da parte dei browser che non conoscono i frame. Esso contiene una parte BODY regolare. E importante ricordarsi di metterla e testarla. Pag. 47
48 Usare i frame nei link: È definito un nuovo attributo, TARGET, per specificare in quale frame o finestra debba comparire il documento. Viene specificato il nome del frame oppure quattro nomi speciali (non utilizzabili come nomi di frame): _blank: forza la destinazione in una nuova finestra _self: forza la destinazione nella stessa finestra _parent: forza la destinazione al posto del frameset di cui fa parte _top: forza la destinazione nella finestra intera di cui fa parte. <A HREF=URL TARGET= sinistra > IFRAME: estensione di Explorer per creare un frame volante (una finestra autonoma sempre in primo piano). <IFRAME SRC=URL NAME="winname"> Pag. 48
49 Spazi NOBR crea una zona di testo il cui contenuto non va mai a capo, a meno di specificare esplicitamente la rottura con il tag <BR> <NOBR>testo che non va a capo tranne <BR> qui.</nobr> SPACER crea uno spazio bianco orizzontale o verticale o interna ad un paragrafo(attributo TYPE con valori horizontal, vertical o block) e di dimensione definita in pixel. Non ha contenuto. <SPACER TYPE="horizontal" SIZE=50> WBR specifica dove, all interno di una parola, è possibile spezzarla. Permette cioè di specificare la divisione sillabica. E utile per parole MOLTO lunghe. Precipitevo<WBR>lissimevol<WBR>mente Pag. 49
I comandi HTML. FORMATTAZIONE DI STRUTTURA Intestazioni (Headings) <H?></H?> (sono definiti 6
I comandi HTML La guida elenca tutti i comandi che le versioni attuali della maggioranza dei browser probabilmente supportano. Sono stati inclusi tutti i comandi presenti nelle specifiche di HTML 3.2,
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
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
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
Metodologie Informatiche Applicate al Turismo
Metodologie Informatiche Applicate al Turismo 9. HTML Parte II Paolo Milazzo Dipartimento di Informatica, Università di Pisa http://www.di.unipi.it/ milazzo milazzo di.unipi.it Corso di Laurea in Scienze
NOZIONI BASE DI HTML
NOZIONI BASE DI HTML Aggiornato al 06 marzo 2006 Ermes ZANNONI (ermes@zannoni.to.it) (http://www.zannoni.to.it) Indice : 1. Introduzione 2. Tag di default 3. Formattazione del testo 3.1 Dimensione del
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
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:
HTML 6. I frame. Sintassi di base. I frame e DOCTYPE FRAME. ...head... <FRAMESET lista_attributi> <FRAME SRC= URL lista_attributi>
FRAME HTML 6 I frame Danno la possibilità di creare finestre multiple all'interno della finestra del browser Si riesce a suddividere la pagina in più sezioni indipendenti, ma che si possono influenzare
GUIDA ALL HTML. Creato da SUPREMO KING
GUIDA ALL HTML Creato da SUPREMO_KING 1 PREMESSE L html è il linguaggio fondamentale attraverso il quale è possibile creare delle semplici pagine web. L html non è un linguaggio di programmazione ma un
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
04/05/2011. Lezione 6: Form
Lezione 6: Form In alcuni documenti HTML può essere utile creare dei moduli (form) che possono essere riempiti da chi consulta le pagine stesse (es. per registrarsi ad un sito). Le informazioni sono poi
<html> <head> <title> Il nome della pagina </title> </head> <body> </body> </html>
Per creare una pagina html bisogna innanzitutto decidere quale programma utilizzare per la sua realizzazione, il blocco note di windows 95 è perfetto per il nostro scopo ma non sono esclusi altri programmi
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
1) Il client(browser utilizzato) invia al server i dati inseriti dall utente. Server
2) Il Server richiama l'interprete PHP il quale esegue i comandi contenuti nel file.php specificato nell'attributo action del tag form creando un file HTML sulla base dei dati inviati dall utente 1) Il
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
caratteristiche del documento </head>
HTML: sintassi caratteristiche del documento documento 21 HTML: titolo del documento
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
Strumenti a disposizione
FORM Strumenti a disposizione L'HTML visto fino ad ora permette di descrivere solo documenti statici e passivi Colori, immagini, testi, etc... L'utente può solo interagire con i link Non sempre questo
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
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
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
Sommario. HTML e CSS I fogli di stile. cosa sono principali proprietà
HTML e CSS Sommario HTML e CSS I fogli di stile cosa sono principali proprietà CSS CSS La specifica HTML elenca le linee guida su come i browser dovrebbero visualizzare i diversi elementi del documento
Primi passi con HTML. Il documento HTML
Primi passi con HTML. Il documento HTML La mia prima pagina in HTML Questo è il corpo del documento che stiamo realizzando. Questa non è una nuova riga.
L aspetto dei file HTML
L aspetto dei file HTML Le pagine HTML contengono due tipi di oggetti: il testo del documento i TAG HTML Il documento si presenta come una successione di elementi (annidati) del tipo Testo influenzato
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
Dott.ssa Adriana Pietramala
Corso di Informatica Laurea Triennale - Comunicazione&Dams Dott.ssa Adriana Pietramala a.pietramala@mat.unical.it Riferimenti Sito del corso: Manuale PHP http://www.php.net/download-docs.php Editor di
ESEMPI DI FORM (da www.html.it)
ESEMPI DI FORM (da www.html.it) Vediamo, nel particolare, tutti i tag che HTML 4.0 prevede per la creazione di form. Questo tag apre e chiude il modulo e raccoglie il contenuto dello stesso,
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
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 -
DURANTE LA NAVIGAZIONE NEI SITI WEB I VISITATORI NON SOLO POSSONO CONSULTARE INFORMAZIONI STATICHE
MODULI O FORM DURANTE LA NAVIGAZIONE NEI SITI WEB I VISITATORI NON SOLO POSSONO CONSULTARE INFORMAZIONI STATICHE ADATTE ALLA LETTURA MA POSSONO SVOLGERE UN RUOLO ATTIVO NEI CONFRONTI DI UNA PAGINA WEB
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:
Laboratorio Progettazione Web PHP e FORMs HTML. Andrea Marchetti IIT-CNR andrea.marchetti@iit.cnr.ita 2013/2014
Laboratorio Progettazione Web PHP e FORMs HTML Andrea Marchetti IIT-CNR andrea.marchetti@iit.cnr.ita 2013/2014 Struttura Applicazioni Web Browser Web HTTP Server Web API Dati Presentation Application Storage
Il linguaggio HTML Laboratorio Matematico Informatico 2 Matematica specialistica Pierluigi Amodio
Il linguaggio HTML Laboratorio Matematico Informatico 2 Matematica specialistica Pierluigi Amodio Dipartimento di Matematica Università di Bari Il linguaggio HTML p. 1/3 HTML L HTML è il linguaggio (di
Guida HTML. Progetto di formazione. Tele-PMI. Iniziativa Comunitaria ADAPT/bis
Guida HTML Progetto di formazione Tele-PMI Iniziativa Comunitaria ADAPT/bis Tele-PMI Guida HTML 2/22 1 Indice 1Indice 2 2Introduzione 3 3Il Testo 4 3.1Grandezza 5 3.2Formattazione 5 3.3Allineamento 5 3.4Colori
LEZIONI DI HTML. Come costruire il proprio sito con pochi strumenti e tanta creatività...
LEZIONI DI HTML Come costruire il proprio sito con pochi strumenti e tanta creatività... FORMATTARE IL CARATTERE Per formattare titoli interni del documento web possiamo utilizzare i tag , ,...,
Appunti di HTML. Department of Computing (doc) Imperial College (ic) rete academic (ac) dominio United Kingdom (uk)
Appunti di HTML Il concetto di ipertesto Un ipertesto è formato da un insieme di documenti, collegati tra loro tramite riferimenti ipertestuali, denominati link. Questi documenti possono essere costituiti
Linguaggio base per produrre documenti per World Wide Web (WWW o WEB)
Dip Informatica - Univ. Torino HTML 1 HTML (HyperText Markup Language) Linguaggio base per produrre documenti per World Wide Web (WWW o WEB) Documenti WEB pagine ipermediali che contengono o testo o immagini
LEZIONE NO. 2: <BODY> E TAG DI FORMATTAZIONE DEL TESTO DI ATTILIO ABBIEZZI
HTML BASE LEZIONE NO. 2: E TAG DI FORMATTAZIONE DEL TESTO DI ATTILIO ABBIEZZI FONTI: HTML.IT 1 Impostare lo sfondo L'operazione successiva all'impostazione del documento è la definizione
Il linguaggio HTML - Parte 3
Corso IFTS Informatica, Modulo 3 Progettazione pagine web statiche (50 ore) Il linguaggio HTML - Parte 3 Dott. Chiara Braghin braghin@dti.unimi.it Addenda Vedi tabella caratteri speciali Vedi file caratteri_speciali.html
Interazione con l utente : i moduli.
Interazione con l utente : i moduli. Nelle lezioni fin qui riportate, non abbiamo mai trattato l input di utente. Nelle applicazioni web, l input dell utente si acquisisce tramite i moduli (o FORM) HTML.
I PRINCIPALI TAG DEL LINGUAGGIO HTML
Struttura generica di una pagina Web: I PRINCIPALI TAG DEL LINGUAGGIO HTML Titolo
l'editing delle pagine web non è nella forma ma nella metodologia di costruzione e di pubblicazione.
CHE COS'È UNA WEB-UNIT? Web-unit è uno strumento per la costruzione di pagine web: la differenza con altri strumenti per l'editing delle pagine web non è nella forma ma nella metodologia di costruzione
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
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
HTML. Alcuni contenuti di queste slides sono tratti dal testo:
HTML Alcuni contenuti di queste slides sono tratti dal testo: Vito Roberto, Marco Frailis, Alessio Gugliotta, Paolo Omero Introduzione alle Tecnologie Web MCGraw Hill, 2005 1 HTML HyperText Markup Language
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 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
Tutorial di HTML HyperText Markup Language
Tutorial di HTML HyperText Markup Language 1 Indice L'HTML E I BROWSER... 3 STRUTTURA PAGINA... 3 TESTO... 5 FONT DEL TESTO... 5 COLORE DEL TESTO... 5 DIMENSIONI DEL TESTO... 6 STILE DEL TESTO... 6 TITOLI,
Il linguaggio HTML - Parte 4
Corso IFTS Informatica, Modulo 3 Progettazione pagine web statiche (50 ore) Il linguaggio HTML - Parte 4 Dott. Chiara Braghin braghin@dti.unimi.it HTML - I Riferimenti Ipertestuali Il piatto forte di tutto
Dispensa di HTML per chi muove i primi passi nel Web
Giorno dopo Giorno - Scritture quotidiane Un blog di Sergio Fumich www.sergiofumich.com Helps & Tools for the Web and Webmasters Dispensa di HTML per chi muove i primi passi nel Web INDICE 1 Che cos è
HTML combines two well-known ideas: hypertext and markup language.
1. Una Premessa Questo materiale è tratto dal sito http://www.cirocom.it/html e successivamente integrato dal docente. Altre citazioni sono tratte dalle lezioni del Dott. Franceschet e del Dott. Bistarelli
HTML HyperText Markup Language:
HTML HyperText Markup Language: Linguaggio utilizzato per creare pagine Web 421 Introduzione HTML è l'acronimo di HyperText Markup Language HTML e il linguaggio standard per descrivere e definire il contenuto
I Tag dell html. Parte quarta
I Tag dell html Parte quarta Le Form I moduli, o form, rendono interattive le pagine Web. Per creare un elemento modulo si usa il tag:
Lezione 6: Form 27/04/2012
Lezione 6: Form In alcuni documenti HTML può essere utile creare dei moduli (form) che possono essere riempiti da chi consulta le pagine stesse (es. per registrarsi ad un sito). Le informazioni sono poi
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
MODULO 1 PARTE 3. Programmazione (scripting) server-side con PHP 3.a HTTP request e HTTP response (form e link)
MODULO 1 PARTE 3 Programmazione (scripting) server-side con PHP 3.a HTTP request e HTTP response (form e link) Goy - a.a. 2009/2010 Programmazione Web 1 Gli oggetti HTTP request e HTTP response -I Vi ricordate?
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
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
, utilizzando il tasto destro
HTML è l'acronimo di Hypertext Markup Language ("Linguaggio di contrassegno per gli Ipertesti") e non è un linguaggio di programmazione (sono linguaggi di programmazione il C, il C++, il Pascal, il Java,
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
Marziana Monfardini 2004-2005 lezioni di word
1 2 3 4 5 TABUlAZIONI, RIENTRI, ELENCHI...IN BREVE PER IMPOSTARE UNA TABULAZIONE... Posizionarsi nella riga in cui si vuole inserire una tabulazione. Selezionare il tipo di tabulazione desiderato sul pulsante
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
Un introduzione al linguaggio HTML e alla creazione di una pagina Web. Stefania Funari
Un introduzione al linguaggio HTML e alla creazione di una pagina Web Appunti per il corso di Informatica (idoneità) N-R a.a. 2001-2002 Stefania Funari Dipartimento di Matematica Applicata Università Ca
CORSI PER ADULTI. Le basi del Web: il linguaggio HTML e correlati. Corso: 14.03.2011 05.05.2011. Tecnico sistemi e reti n.colombini@gmail.
CORSI PER ADULTI Corso: 14.03.2011 05.05.2011 Docente: Professione: Specializzazione: E-mail : Natan Colombini Consulente Informatico Progettista tecnico WEB Tecnico sistemi e reti n.colombini@gmail.com
Linguaggi Corso M-Z - Laurea in Ingegneria Informatica A.A. 2009-2010 HTML - 2
Linguaggi Corso M-Z - Laurea in Ingegneria Informatica A.A. 2009-2010 Alessandro Longheu http://www.diit.unict.it/users/alongheu alessandro.longheu@diit.unict.it - lezione 12 - HTML - 2 1 HTML Introduzione
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
Introduzione. Portare HTML nella famiglia XML Mantenere compatibilità con i software che supportano HTML
Lezione 8 XHTML Introduzione " XHTML = HTML + XML " HTML: linguaggio di marcatura per presentare i contenuti di una pagina web " XML: super-linguaggio che consente la creazione di nuovi linguaggi di marcatura
Linguaggi per il Web. Parte 2 HTML
Sapienza Università di Roma corso di laurea in Ingegneria Informatica e Automatica corso di laurea in Ingegneria dei Sistemi Informatici Linguaggi per il Web a.a. 2013/2014 Parte 2 HTML Riccardo Rosati
I link e l'ipertestualità
I link e l'ipertestualità I link sono "il ponte" che consente di passare da un documento all altro. In quanto tali, i link sono formati da due componenti: il contenuto che "nasconde" il collegamento (può
Cristina Baroglio a.a. 2002-2003. Ipertesti. Fonti
Ipertesti Fonti Dexter Model: Halasz, F. and Schwartz, M. (1994) "The Dexter hypertext reference model." Grønbaek, K. & Trigg, R., Eds., Communications of ACM 37, 2, Feb. pp. 30-39. http://citeseer.nj.nec.com/halasz94dexter.html
IL WEB. Il linguaggio HTML
IL WEB Il World Wide Web (o web o WWW) nasce al CERN come strumento a disposizione degli scienziati per la condivisione di informazioni utili per la ricerca. Ben presto l uso del web si estende dal mondo
Applicazioni Web: meccanismi per il passaggio di informazioni tramite HTTP Corso di Applicazioni Telematiche
Applicazioni Web: meccanismi per il passaggio di informazioni tramite HTTP Corso di Applicazioni Telematiche A.A. 2006-07 Lezione n.10 parte II Prof. Roberto Canonico Università degli Studi di Napoli Federico
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. 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
Ipertesti. Informatica. Internet e WEB WEB. Come funziona il WWW. Come funziona il WWW. Lezione III. Il linguaggio HTML Hyper Text Murkup Language
Informatica Lezione III Il linguaggio HTML Hyper Text Murkup Language Ipertesti Sono testi che possono essere letti sia in modo sequenziale sia eseguendo salti da un paragrafo ad un altro Sono il soggetto
Hyper Text Markup Language HTML
Operatore informatico giuridico A.A 2003/2004 I Semestre Hyper Text Markup Language HTML Dr. Raffaella Brighi HTML HTML è un linguaggio di marcatura (markup) per la creazione di ipertesti Le sezioni di
Frammento dalla Bibbia di Gutenberg, il primo libro stampato del mondo occidentale (Mainz 1455)
Il linguaggio HTML Frammento dalla Bibbia di Gutenberg, il primo libro stampato del mondo occidentale (Mainz 1455) Oggi la tecnologia del World Wide Web consente il trasferimento di documenti qualsiasi
Prof. Pagani Corrado HTML
Prof. Pagani Corrado HTML IPERTESTI E MULTIMEDIALITÀ Un ipertesto è un insieme di documenti messi in relazione tra loro per mezzo di parole chiave sensibili (link). Può essere visto come una rete; i documenti
HTML Base. Dispensa per il Corso. Laboratorio Informatico: Reti e Internet 1
HTML Base Dispensa per il Corso Laboratorio Informatico: Reti e Internet 1 Sommario Sommario...2 1. HTML come linguaggio di markup...3 1.1 Cos è HTML...3 1.2 La sintassi basilare di HTML...3 2 Il documento
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
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
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
<html> </html> Tag di apertura e chiusura di una pagina web #############################################################################
PaginaN (1) Guida all'html by ^shiva^ html-tag ########################### HTML ################### ####################################################### Tag di apertura e chiusura di
APPUNTI DI HTML (TERZA LEZIONE)
Il web è costituito non da testi ma da ipertesti. APPUNTI DI HTML (TERZA LEZIONE) I link ci permettono di passare da un testo all altro. I link sono formati da due componenti: IL CONTENUTO "nasconde" il
Fondamenti di Informatica II 28. Elementi di programmazione web e linguaggi di script (1)
Cenni storici sul web (Internet) Fondamenti di Informatica II 28. Elementi di programmazione web e linguaggi di script (1) Web significa letteralmente ragnatela Avviato nel 1989 (Tim Berners-Lee) come
Sicurezza Protezioni in una pagina Web
Pagina 1 di 7 Sicurezza Protezioni in una pagina Web HTML è un linguaggio che consente di presentare informazioni in pagine di formato predefinito e accattivante. Quando non si hanno a disposizione informazioni
Basi di Dati. Programmazione e gestione di sistemi telematici
Basi di Dati. Programmazione e gestione di sistemi telematici Coordinatore: Prof. Paolo Nesi Docenti: Prof. Paolo Nesi Dr.sa Michela Paolucci Dr. Emanuele Bellini Obiettivi Scopo del corso: Comprensione
Corso di HTML. Prerequisiti. Modulo L3. 1-Concetti generali. Browser Rete Internet Client e server. M. Malatesta 1-Concetti generali-12 28/07/2013
Corso di HTML Modulo L3 1-Concetti generali 1 Prerequisiti Browser Rete Internet Client e server 2 1 Introduzione In questa Unità introduciamo alcuni semplici elementi del linguaggio HTML, con il quale
Modulo 13. Concetti avanzati di HTML Liste
Pagina 1 di 8 Concetti avanzati di HTML Liste Il formato HTML mette a disposizione 5 Tag per definire delle liste, supportando liste numerate, non numerate, di descrizione, menu e directory. Liste Numerate
ACCESSO ALLA POSTA ELETTRONICA TRAMITE OUTLOOK WEB ACCESS
ACCESSO ALLA POSTA ELETTRONICA TRAMITE OUTLOOK WEB ACCESS Versione 1.2 9 Luglio 2007 Pagina 1 di 16 SOMMARIO 1. Cos è Outlook Web Access... 3 2. Quando si usa... 3 3. Prerequisiti per l uso di Outlook
Università degli Studi di Modena e Reggio Emilia. Facoltà di Ingegneria Reggio Emilia CORSO DI TECNOLOGIE E APPLICAZIONI WEB HTML. Ing.
Università degli Studi di Modena e Reggio Emilia Facoltà di Ingegneria Reggio Emilia CORSO DI TECNOLOGIE E APPLICAZIONI WEB HTML Ing. Marco Mamei Anno Accademico 2004-2005 M. Mamei - Tecnologie e Applicazioni
HTML 4.01 XHTML 1.0 Il linguaggio dei siti web
HTML 4.01 XHTML 1.0 Il linguaggio dei siti web Autore: Dott.Ing. Ivan Ferrazzi V1.2 del 04/09/2013 (c)2013 Ferrazzi s.a.s. http://www.ferrazzi.info 1/37 Copyright 2013 Dott.Ing. Ivan Ferrazzi Permission
Il linguaggio HTML - Nozioni di base
Corso IFTS Informatica, Modulo 3 Progettazione pagine web statiche (50 ore) Il linguaggio HTML - Nozioni di base Dott. Chiara Braghin braghin@dti.unimi.it What is HTML? HTML (HyperText Markup Language)
HTML per tu+ Chiara Pere+
HTML per tu+ Chiara Pere+ Cos é L HTML è il linguaggio con cui potete indicare come i vari elemen7 saranno dispos7 in una pagina Web. L estensione del file è.html e verrà visualizzato corre?amente trascinandolo
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 è
Infrastrutture Informatiche Ospedaliere 2
Infrastrutture Informatiche Ospedaliere 2 IINFO2 Anno Accademico 2005/2006 Docente: Andrea Bertagnoli Email: bertagnoli@ing.uniroma2.it Sito Internet: www.uniroma2.it/didattica/iinfo2 Indice 1. HTML -
ALCUNI ESEMPI DI DATI 6,28 numerico costante
Scheda 21 JAVA SCRIPT I DATI DATI E TIPI DI DATI In una elaborazione i dati sono l elemento essenziale: senza dati non c è elaborazione. Si possono avere dati VARIABILI e dati COSTANTI oppure dati NUMERICI
Brescianet.com Sito didattico - Prof. Sechi Marco. II Modulo - Classe 3O. Accoda qui le risposte. differenze per aree sovrapposte.
Brescianet.com Sito didattico - Prof. Sechi Marco FAQ Cerca Lista degli utenti Gruppi utenti Registrati Profilo Entra per controllare i messaggi privati Entra II Modulo - Classe 3O Indice del forum ->
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