Per gli aggiornamenti consultare il sito del World Wide Web Consortium all'indirizzo

Dimensione: px
Iniziare la visualizzazioe della pagina:

Download "Per gli aggiornamenti consultare il sito del World Wide Web Consortium all'indirizzo http://www.w3.org/markup/."

Transcript

1 Per gli aggiornamenti consultare il sito del World Wide Web Consortium all'indirizzo SIMBOLI UTILIZZATI NEL TESTO URL URL di un file esterno (oppure solo il nome del file se presente nello stesso indirizzario)? Numero arbitrario (ad esempio: <H?> significa < H1>,<H2>,<H3>,ecc.) % Percentuale arbitraria (ad esempio: <HR WIDTH=%> significa <HR WIDTH=50%>, ecc.) *** Testo arbitrario (ad esempio: ALT="***" significa spazio da riempire con testo) $$$$$$ Numeri esadecimali (hex) arbitrari (ad esempio: BGCOLOR="#$$$$$$" significa BGCOLOR="#00FF1C", ecc.) ::: Data arbitraria (ad esempio DATETIME=":::" significa " T08:15:30" Indirizzo (ad esempio "mailto:@" significa "mailto:kevin@werbach.com" ecc.),,, Valori separati da virgole (ad esempio COORDS=",,," significa COORDS="0,0,50,50", ecc.) In alternativa (ad esempio: ALIGN=LEFT RIGHT CENTER significa scegli una di queste tre variabili) Indicano genericamente codice HTML TAG DI BASE Documento <HTML> </HTML> inizio e fine del file Testata <HEAD> </HEAD> contiene titolo o script Corpo <BODY> </BODY> contenuto della pagina TAG DI STRUTTURA Titoli <H?> </H?> sono definiti 6 livelli Allineam. Titoli <H? ALIGN=LEFT CENTER RIGHT>...</H?> Separazione <DIV> </DIV> <DIV ALIGN=LEFT RIGHT CENTER JUSTIFY>...</DIV> Contenuto <SPAN> </SPAN> Citazione <Q> </Q> (per citazioni brevi) con URL <Q CITE="URL"> </Q> Evidenziato <EM> </EM> (in genere visualizzato in corsivo) Molto evidenziato <STRONG> </STRONG> (in genere visualizzato in neretto) Citazione <CITE> </CITE> (in genere visualizzato in corsivo) Codice <CODE> </CODE> (per listati di programmazione) Esempio di output <SAMP> </SAMP> Immissione da tastiera <KBD> </KBD> Variabile <VAR> </VAR> Definizione <DFN> </DFN> (poco utilizzato) Indirizzo dell'autore <ADDRESS> </ADDRESS> Font molto grande <BIG> </BIG> Font molto piccolo <SMALL> </SMALL> Inserito <INS> </INS> (segna le modifiche 1

2 Data modifica Commenti Cancellato Data modifica Ccommenti Acronimo Abbreviazione <INS DATETIME=":::"> </INS> <INS CITE="URL"> </INS> <DEL> </DEL> <DEL DATETIME=":::"> </DEL> <DEL CITE="URL"> </DEL> <ACRONYM> </ACRONYM> <ABBR> </ABBR> introdotte in una nuova versione) (segna le cancellazioni apportate in una nuova versione) TAG DI PRESENTAZIONE Neretto <B> </B> Italic <I> </I> Corsivo <U> </U> (poco utilizzato) Barrato <STRIKE> </STRIKE> (poco utilizzato) Barrato <S> </S> (poco utilizzato) Pendice <SUB> </SUB> Apice <SUP> </SUP> Macchina da scrivere <TT> </TT> (visual. a spaziatura fissa) Preformattato <PRE> </PRE> (visualizzato tale e quale) Larghezza <PRE WIDTH=?> </PRE> (in caratteri) Centrato <CENTER> </CENTER> (sia per testo che immagini) Lampeggiante <BLINK> </BLINK> (il comando più ridicolo) Font: misura <FONT SIZE=?>...</FONT> (valori da 1 a 7) Modifica misura <FONT SIZE="+ -?">...</FONT> Colore <FONT COLOR="#$$$$$$">...</FONT> Tipo <FONT FACE="***">...</FONT> Misura in punti <FONT POINT-SIZE=?>...</FONT> Spessore <FONT WEIGHT=?>...</FONT> Font: misura base <BASEFONT SIZE=?> (da 1 a 7; valore default 3) Testo scorrevole <MARQUEE> </MARQUEE> TAG DI COLLOCAZIONE Multicolonne <MULTICOL COLS=?> </MULTICOL> Spazio tra colonne <MULTICOL GUTTER=?> </MULTICOL> Larghezza colonna <MULTICOL WIDTH=?> </MULTICOL> Spazio <SPACER> Tipo <SPACER TYPE=HORIZONTAL VERTICAL BLOCK> Misura <SPACER SIZE=?> Dimensioni <SPACER WIDTH=? HEIGHT=?> <SPACER ALIGN=LEFT RIGHT CENTER> Layer (strato) <LAYER>...</LAYER> Nome <LAYER ID="***">...</LAYER> Ubicazione <LAYER LEFT=? TOP=?>...</LAYER> Posizione (x,y) <LAYER PAGEX=? PAGEY=?>...</LAYER> File sorgente <LAYER SRC="***">...</LAYER> Stacking (z) <LAYER Z-INDEX=?>...</LAYER> Posizione stack <LAYER ABOVE="***" BELOW="***">...</LAYER> Dimensioni <LAYER HEIGHT=? WIDTH=?>...</LAYER> Ritaglio <LAYER CLIP=,,,>...</LAYER> Visibile? <LAYER VISIBILITY=SHOW HIDDEN INHERIT>...</LAYER> Colore sfondo <LAYER BACKGROUND="$$$$$$">...</LAYER> Colore sfondo <LAYER BGCOLOR="$$$$$$"> </LAYER> 2

3 Inline Layer <ILAYER> </ILAYER> (stessi attributi di LAYER) Contenuto in <NOLAYER> </NOLAYER> alternativa TAG PER COLLEGAMENTI, IMMAGINI E SUONI Coll. a documento <A HREF="URL">...</A> Coll. a riferimento <A HREF="URL#***">...</A> (in un altro documento) <A HREF="#***">...</A> (nello stesso documento) Coll. A finestra <A HREF="URL" TARGET="***">...</A> Coll.a mouse click <A HREF="URL" ONCLICK="***">...</A> (Javascript) Coll.a posiz. mouse <A HREF="URL" ONMOUSEOVER="***">...</A> (Javascript) Coll.a allont. mouse <A HREF="URL" ONMOUSEOUT="***"> </A> (Javascript) Indirizzo <A HREF="mailto:@"> </A> Coll. a oggetto del <A HREF="mailto:@?SUBJECT=***">...</A> (utilizzare il carattere?) messaggio Definizione del <A NAME="***"> </A> riferimento Visualizzazione <IMG SRC="URL"> immagine <IMG SRC="URL" ALIGN=TOP BOTTOM MIDDLE LEFT RIGHT> <IMG SRC="URL" ALIGN=TEXTTOP ABSMIDDLE BASELINE ABSBOTTOM> Testo in alternativa <IMG SRC="URL" ALT="***"> (se l'immagine non viene visualizzata) Dimensioni <IMG SRC="URL" WIDTH=? HEIGHT=?> (in pixel) <IMG SRC="URL" WIDTH=% HEIGHT=%> (in % della larghezza e altezza della pagina) Bordo <IMG SRC="URL" BORDER=?> (in pixel) Spazio perimetrale <IMG SRC="URL" HSPACE=? VSPACE=?> (in pixel) Prima a bassa <IMG SRC="URL" LOWSRC="URL"> risoluzione Mappa <IMG SRC="URL" ISMAP> (richiede uno script) Mappa URL <IMG SRC="URL" USEMAP="URL"> Clip di film <IMG DYNSRC="***" START="***" LOOP=?> Suono di fondo <BGSOUND SRC="***" LOOP=? INFINITE> Definizione della <MAP NAME="***"> </MAP> (descrizione della mappa) mappa Sezioni <AREA SHAPE="DEFAULT RECT CIRCLE POLY" COORDS=",,," HREF="URL" NOHREF> Metodo per la richiesta automatica di un URL <META HTTP-EQUIV="Refresh" CONTENT="?; URL=URL"> Incorporazione oggetti Misure Oggetto Parametri <EMBED SRC="URL"> <EMBED SRC="URL" WIDTH=? HEIGHT=?> <OBJECT> </OBJECT> <PARAM> (inserisce l'oggetto nella pagina) TAG DI DI DIVISIONE Paragrafo <P> </P> (chiusura opzionale) <P ALIGN=LEFT CENTER RIGHT>...</P> Giustificazione <P ALIGN=JUSTIFY> </P> Interruzione riga <BR> (singolo ritorno a capo) Pulizia margini <BR CLEAR=LEFT RIGHT ALL> Riga orizzontale <HR> 3

4 <HR ALIGN=LEFT RIGHT CENTER> Spessore <HR SIZE=?> (in pixel) Larghezza <HR WIDTH=?> (in pixel) Larghezza % <HR WIDTH="%"> (percentuale rispetto alla larghezza della pagina) Piena <HR NOSHADE> (senza l'effetto ombra) Senza interruzione <NOBR> </NOBR> (per evitare l'interruzione automatica della riga) Interruzione <WBR> (per inserire l'interruzione in NOBR) TAG DI LISTA Liste non ordinate <UL> <LI> </UL> (prima di ogni elemento) Lista compatta <UL COMPACT> </UL> Tipo di puntatore <UL TYPE=DISC CIRCLE SQUARE> (per tutta la lista) Tipo di puntatore <LI TYPE=DISC CIRCLE SQUARE> (questo e successivi) Liste numerate <OL> <LI> </OL> (prima di ogni elemento) Compatta <OL COMPACT></OL> Tipo di numero <OL TYPE=A a I i 1> (per tutta la lista) Tipo di numero <LI TYPE=A a I i 1> (questo e successivi) Num. di partenza <OL START=?> (per tutta la lista) Num. di partenza <LI VALUE=?> (questo e successivi) Lista di definizioni <DL> <DT> <DD> </DL> (<DT>=termine, <DD>=definizione) Compatta <DL COMPACT> </DL> Lista tipo Menu <MENU> <LI> </MENU> (prima di ogni elemento) Compatta <MENU COMPACT> </MENU> Lista tipo indirizzario <DIR> <LI> </DIR> (prima di ogni elemento) Compatta <DIR COMPACT> </DIR> TAG DI SFONDI E COLORI Immagine di sfondo <BODY BACKGROUND="URL"> Fissa (senza scorrimento verticale) <BODY BGPROPERTIES="FIXED"> Colore di sfondo <BODY BGCOLOR="#$$$$$$"> (codice Red/Green/Blue) Del testo <BODY TEXT="#$$$$$$"> Dei collegamenti <BODY LINK="#$$$$$$"> Dei collegamenti visitati <BODY VLINK="#$$$$$$"> Del collegamento selezionato <BODY ALINK="#$$$$$$"> In Appendice 1 sono riportati i codici esadecimali dei 127 colori e i corrispondenti nomi. CARATTERI SPECIALI Carattere speciale Simbolo Commenti &#?; (dove? indica il codice ISO ) < < > > & & " " Marchio registrato (TM) Marchio registrato (TM) Copyright 4

5 Copyright Spazio da mantenere (La lista completa è disponibile all'indirizzo passau.de/%7eramsch/iso html) TAG PER MODULI Definizione <FORM ACTION="URL" METHOD=GET POST> </FORM> Upload file <FORM ENCTYPE="multipart/form-data"></FORM> Campo di immissione <INPUT TYPE="TEXT PASSWORD CHECKBOX RADIO FILE BUTTON IMAGE HIDDEN SUBMIT RESET"> Nome del campo <INPUT NAME="***"> Valore del campo <INPUT VALUE="***"> Segnato? <INPUT CHECKED> (checkbox e radio) Misura <INPUT SIZE=?> (in caratteri) Lunghezza massima <INPUT MAXLENGTH=?> (in caratteri) Bottone <BUTTON> </BUTTON> Nome <BUTTON NAME="***"> </BUTTON> Ttipo <BUTTON TYPE="SUBMIT RESET BUTTON"> </BUTTON> Valore iniziale <BUTTON VALUE="***"> </BUTTON> Etichetta <LABEL> </LABEL> Elemento <LABEL FOR="***"> </LABEL> Lista di selezione <SELECT> </SELECT> Nome della lista <SELECT NAME="***"> </SELECT> Numero di opzioni <SELECT SIZE=?> </SELECT> Scelta multipla <SELECT MULTIPLE> (per selezionare più di un elemento) Opzioni <OPTION> (elementi che possono essere selezionati) Opzione iniziale <OPTION SELECTED> Valore <OPTION VALUE="***"> Gruppo di opzioni. <OPTGROUP LABEL="***"> </OPTGROUP> Area di immissione <TEXTAREA ROWS=? COLS=?> </TEXTAREA> Nome dell'area <TEXTAREA NAME="***"> </TEXTAREA> Ritorno a capo nel testo <TEXTAREA WRAP=OFF HARD SOFT> </TEXTAREA> Gruppo di campi <FIELDSET> </FIELDSET> Legenda <LEGEND></LEGEND> (didascalia per i fieldset) <LEGEND ALIGN="TOP BOTTOM LEFT RIGHT">...</LEGEND> TAG DI TABELLE Definizione <TABLE>...</TABLE> Allineam. <TABLE ALIGN=LEFT RIGHT CENTER> Bordo <TABLE BORDER>...</TABLE> (con o senza) Spessore bordo <TABLE BORDER=?>...</TABLE> (valore) Spazio tra celle <TABLE CELLSPACING=?> Spazio nella cella <TABLE CELLPADDING=?> Larghezza <TABLE WIDTH=?> (in pixel) Larghezza % <TABLE WIDTH=%> (% pagina) 5

6 Colore sfondo Cornice Regole Colore bordo Colore scuro Colore chiaro Riga Cella <TABLE BGCOLOR="$$$$$$">...</TABLE> <TABLE FRAME=VOID ABOVE BELOW HSIDES LHS RHS VSIDES BOX BORDER> < /TABLE> <TABLE RULES=NONE GROUPS ROWS COLS ALL> </TABLE> <TABLE BORDERCOLOR="$$$$$$"> </TABLE> <TABLE BORDERCOLORDARK="$$$$$$"> </TABLE> <TABLE BORDERCOLORLIGHT="$$$$$$"> </TABLE> <TR> </TR> <TR ALIGN=LEFT RIGHT CENTER MIDDLE BOTTOM> <TD> </TD> (deve essere all'interno di una riga) <TD ALIGN=LEFT RIGHT CENTER VALIGN=TOP MIDDLE BOTTOM> Senza interruzione <TD NOWRAP> Unione colonne <TD COLSPAN=?> Unione righe <TD ROWSPAN=?> Larghezza <TD WIDTH=?> (in pixel) Larghezza % <TD WIDTH="%"> (% della tab) Colore sfondo cella Titolo <TD BGCOLOR="#$$$$$$"> <TH></TH> (grass. e centrate) <TH ALIGN=LEFT RIGHT CENTER MIDDLE BOTTOM> Senza interruzione <TH NOWRAP> Unione colonne <TH COLSPAN=?> Unione righe <TH ROWSPAN=?> Larghezza <TH WIDTH=?> (in pixel) Larghezza % <TH WIDTH="%"> (% della tab) Colore sfondo cella Corpo tabella Piè di pagina Titolo Legenda Colonna Unione colonne Larghezza Larghezza % Gruppo colonne Unione colonne Larghezza Larghezza % <TH BGCOLOR="#$$$$$$"> <TBODY> <TFOOT>...</TFOOT> <THEAD>...</THEAD> <CAPTION>...</CAPTION> <CAPTION ALIGN=TOP BOTTOM LEFT RIGHT> <COL>...</COL> <COL SPAN=?>...</COL> <COL WIDTH=?>...</COL> <COL WIDTH="%">...</COL> <COLGROUP></COLGROUP> <COLGROUP SPAN=?></COLGROUP> <COLGROUP WIDTH=?></COLGROUP> <COLGROUP WIDTH="%"></COLGROUP> (indicare prima di THEAD) (attributi per gruppi di colonne) (per gruppi di colonne) TAG DI FRAME Documento Frame <FRAMESET>...</FRAMESET> (al posto di <BODY>) Altezza in righe <FRAMESET ROWS=,,,>...</FRAMESET> (pixel o %) Altezza in righe <FRAMESET ROWS=*>...</FRAMESET> (* = misura relativa) Larghezza in colonne <FRAMESET COLS=,,,>...</FRAMESET> (pixel o %) Larghezza in colonne <FRAMESET COLS=*>...</FRAMESET> (* = misura relativa) 6

7 Cornice <FRAMESET FRAMEBORDER="yes no">...</frameset> Larghezza <FRAMESET BORDER=?> </FRAMESET> Colore <FRAMESET BORDERCOLOR="#$$$$$$"> </FRAMESET> Spaziatura <FRAMESET FRAMESPACING=?> </FRAMESET> Definizione del Frame <FRAME> (contenuto di una sezione) Documento da visualizzare <FRAME SRC="URL"> Denominazione <FRAME NAME="***" _blank _self _parent _top> Larghezza dei margini <FRAME MARGINWIDTH=?> (margine destro e sinistro) Altezza dei margini <FRAME MARGINHEIGHT=?> (margine alto e basso) Barra di scorrimento? <FRAME SCROLLING="YES NO AUTO"> Dimensione non modificabile <FRAME NORESIZE> Cornice <FRAME FRAMEBORDER="yes no"> Colore della cornice <FRAME BORDERCOLOR="#$$$$$$"> Contenuto in assenza di (per i browser che non <NOFRAMES> </NOFRAMES> frame supportano i frame) Inline Frame <IFRAME> </IFRAME> (con gli stessi attributi di FRAME) Dimensioni <IFRAME WIDTH=? HEIGHT=?> </IFRAME> Dimensioni <IFRAME WIDTH="%" HEIGHT="%"> </IFRAME> TAG JAVASCRIPT E JAVA Script <SCRIPT> </SCRIPT> Ubicazione <SCRIPT SRC="URL"> </SCRIPT> Tipo <SCRIPT TYPE="***"> </SCRIPT> Linguaggio <SCRIPT LANGUAGE="***"> </SCRIPT> Contenuto alt. <NOSCRIPT> </NOSCRIPT> (se il browser non supporta gli script) Applet <APPLET> </APPLET> Nome del file <APPLET CODE="***"> Parametri <APPLET PARAM NAME="***"> Ubicazione <APPLET CODEBASE="URL"> Denominazione <APPLET NAME="***"> (per riferimenti) Testo in alternativa <APPLET ALT="***"> (per i browser che non supportano Java) <APPLET ALIGN="LEFT RIGHT CENTER"> Dimensioni <APPLET WIDTH=? HEIGHT=?> (in pixel) Spaziatura <APPLET HSPACE=? VSPACE=?> (in pixel) Server Script <SERVER> </SERVER> TAG VARI Commenti <!-- *** --> (non visualizzati dal browser) Prologo <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"> Ricerca <ISINDEX> (indica un documento indice) Prompt <ISINDEX PROMPT="***"> (testo da anteporre alla casella di inserimento) Invio ricerca <A HREF="URL?***"></a> (usare il punto di domanda) URL di base per questo file <BASE HREF="URL"> (deve essere nella testata) 7

8 Nome della finestra di base <BASE TARGET="***"> (deve essere nella testata) Relazioni <LINK REV="***" REL="***" HREF="URL"> (deve essere nella testata) Relazioni <LINK TYPE="***" SRC="***"></LINK> Meta Informazioni <META> (deve essere nella testata) Fogli di stile <STYLE> </STYLE> (varie modalità di impiego) Bidirect Off <BDO DIR=LTR RTL></BDO> (per alcuni set di caratteri) Dimensioni <APPLET WIDTH=? HEIGHT=?> (in pixel) Spaziatura <APPLET HSPACE=? VSPACE=?> (in pixel) Server Script <SERVER> </SERVER> 8

9 Appendice 1 I codici dei colori Si riportano di seguito i codici esadecimali e i nomi dei 126 colori fondamentali. "#A0CE00" "ALICEBLUE" "#FAEBD7" "ANTIQUEWHITE" "#00FFFF" "AQUA" "#7FFFD4" "AQUAMARINE" "#F0FFFF" "AZURE" "#F5F5DC" "BEIGE" "#FFE4C4" "BISQUE" "#000000" "BLACK" "#FFEBCD" "BLANCHEDALMOND" "#0000FF" "BLUE" "#8A2BE2" "BLUEVIOLET" "#A52A2A" "BROWN" "#DEB887" "BURLYWOOD" "#5F9EA0" "CADETBLUE" "#7FFF00" "CHARTREUSE" "#D2691E" "CHOCOLATE" "#FF7F50" "CORAL" "#6495ED" "CORNFLOWERBLUE" "#FFF8DC" "CORNSILK" "#DC143C" "CRIMSON" "#00FFFF" "CYAN" "#00008B" "DARKBLUE" "#483D8B" "DARKSLATEBLUE" "##008B8B" "DARKCYAN" "#B8860B" "DARKGOLDENROD" "#A9A9A9" "DARKGRAY" "#FF1493" "DEEPPINK" "#00BFFF" "DEEPSKYBLUE" "##696969" "DIMGRAY" "#1E90FF" "DODGERBLUE" "#822222" "FIREBRICK" "#FFFAF0" "FLORALWHITE" "#228B22" "FORESTGREEN" "#FF00FF" "FUCHSIA" "#DCDCDC" "GAINSBORO" "#F8F8FF" "GHOSTWHITE" "#FFD700" "GOLD" "#DAA520" "GOLDENROD" "#808080" "GRAY" "#008800" "GREEN" "#ADFF2F" "GREENYELLOW" "#F0FFF0" "HONEYDEW" "#FF69B4" "HOTPINK" "#CD5C5C" "INDIANRED" "#4B0082" "INDIGO" "#FFFFF0" "IVORY" "#F0E68C" "KHAKY" "#E6E6FA" "LAVENDER" "#FFF0F5" "LAVENDERBLUSH" "#FFFACD" "LEMONCHIFFON" "#ADD8E6" "LIGHTBLUE" "#F08080" "LIGHTCORAL" "#E0FFFF" "LIGHTCYAN" "#FAFAD2" "LIGHTGOLDENRODYELLOW" "#90EE90" "LIGHTGREEN" "#D3D3D3" "LIGHTGRAY" "#FFB6C1" "LIGHTPINK" "#FFA07A" "LIGHTSALMON" "#20B2AA" "LIGHTSEAGREEN" "#87CEFA" "LIGHTSKYBLUE" "#778899" "LIGHTSLATEGRAY" "#B0C4DE" "LIGHTSTEELBLUE" "#FFFFE0" "LIGHTYELLOW" "#00FF00" "LIME" "#32CD32" "LIMEGREEN" "#FAF0E6" "LINEN" "#FF00FF" "MAGENTA" "#800000" "MAROON" "#66CDAA" "MEDIUMAQUAMARINE" "#0000CD" "MEDIUMBLUE" "#BA55D3" "MEDIUMMORCHID" "#9370DB" "MEDIUMPURPLE" "#3CB371" "MEDIUMSEAGREEN" "#7B68EE" "MEDIUMSLATEBLUE" 9

10 "#00FA9A" "MEDIUMSPRINGGREEN" "#48D1CC" "MEDIUMTORQUOISE" "#C71585" "MEDIUMVIOLETRED" "#191970" "MIDNIGHTBLUE" "#F5FFFA" "MINTCREAM" "#FFE4E1" "MISTYROSE" "#FFDEAD" "NAVAJOWHITE" "#000080" "NAVY" "#FDF5E6" "OLDLACE" "#808000" "OLIVE" "#6B8E23" "OLIVEDRAB" "#FFA500" "ORANGE" "#FF4500" "ORANGERED" "#DA70D6" "ORCHID" "#EEE8AA" "PALEGOLDENROD" "#98FB98" "PALEGREEN" "#AFEEEE" "PALETURQUOISE" "#DB7093" "PALEVIOLETRED" "#FFEFD5" "PAPAYAWHIP" "#FFDAB9" "PEACHPUFF" "#CD853F" "PERU" "#FFC0CB" "PINK" "#DDA0DD" "PLUM" "#B0E0E6" "POWDERBLUE" "#800080" "PURPLE" "#FF0000" "RED" "#BC8F8F" "ROSYBROWN" "#4169E1" "ROYALBLUE" "#8B4513" "SADDLEBROWN" "#FA8072" "SALMON" "#F4A460" "SANDYBROWN" "#2E8B57" "SEAGREEN" "#FFF5EE" "SEASHELL" "#A0522D" "SIENNA" "#C0C0C0" "SILVER" "#87CEEB" "SKYBLUE" "#6A5ACD" "SLATEBLUE" "#708090" "SLATEGRAY" "#FFFAFA" "SNOW" "#00FF7F" "SPRINGGREEN" "#468284" "STEELBLUE" "#D2B48C" "TAN" "#008080" "TEAL" "#D8BFD8" "THISTLE" "#FF6347" "TOMATO" "#40E0D0" "TURQUOISE" "#EE82EE" "VIOLET" "#F5DEB3" "WHEAT" "#FFFFFF" "WHITE" "#F5F5F5" "WHITESMOKE" "#FFFF00" "YELLOW" "#9ACD32" "YELLOWGREEN" 10

I comandi HTML. FORMATTAZIONE DI STRUTTURA Intestazioni (Headings) <H?></H?> (sono definiti 6

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,

Dettagli

1. Guida all uso del linguaggio HTML

1. Guida all uso del linguaggio HTML LIBRERIA WEB Struttura di una pagina HTML 1. Guida all uso del linguaggio HTML ........ .......... Intestazioni ... ... ...

Dettagli

Tali moduli sono riutilizzabili -come tanti mattoncini - in altre pagine dello stesso progetto.

Tali moduli sono riutilizzabili -come tanti mattoncini - in altre pagine dello stesso progetto. 1. WebIbrix wi_ WebIbrix (di seguito wi_) è un framework, un ambiente che genera dinamicamente [su di un server web] pagine html. Basato su script php, è rilasciato per l utilizzo sia su server Apache

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

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 <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:

Dettagli

Primi passi con HTML. Il documento HTML

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.

Dettagli

I tag di HTML Pag. 1 / 6

I tag di HTML  Pag. 1 / 6 I tag di HTML www.webguide.it Pag. 1 / 6 ELEMENTI DI BASE (tutti i documenti HTML devono contenere questi tag) Tipo documento (segnano l'inizio e la fine del file) Titolo

Dettagli

HTML 6. I frame. Sintassi di base. I frame e DOCTYPE FRAME. ...head... <FRAMESET lista_attributi> <FRAME SRC= URL lista_attributi>

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

Dettagli

Tutorial di HTML basato su HTML 4.0 e CSS 2

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

Dettagli

Il linguaggio HTML - Parte 2

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

Dettagli

Costruzione di un sito web - HTML

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

Dettagli

HTML HTML. HyperText Markup Language. Struttura di un documento. Gli elementi essenziali di un documento HTML sono i seguenti TAG: <HTML>...

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

Dettagli

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à... 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 , ,...,

Dettagli

Metodologie Informatiche Applicate al Turismo

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

Dettagli

Cimini Simonelli - Testa

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

Dettagli

L HTML è il "linguaggio" usato per creare documenti World Wide Web. È stato realizzato nel 1990 da Tim Bernes-Lee, ricercatore del CERN di Ginevra.

L HTML è il linguaggio usato per creare documenti World Wide Web. È stato realizzato nel 1990 da Tim Bernes-Lee, ricercatore del CERN di Ginevra. Appunti di HTML prof.claudio Maccherani bibliografia: - "Guida HTML", Massimiliano Valente - "Manuale Cremisi2" - " Gestione dei dati aziendali", A.Lorenzi e F.Gallizioni, Atlas - appunti personali HTML...1

Dettagli

GUIDA ALL HTML. Creato da SUPREMO KING

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

Dettagli

Lezione 6: Form 27/04/2012

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

Dettagli

Immagini & Colori in HTML

Immagini & Colori in HTML Immagini & Colori in HTML Prima dell avvento del World Wide Web la parte multimediale di internet era quasi inesistente, predominava il grigio. Inserimento di un immagine Il documento HTML anche se ben

Dettagli

WWW (World Wide Web)!& ( # %% (*0 #,% )0#1( &#"#2

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

Dettagli

04/05/2011. Lezione 6: Form

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

Dettagli

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 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

Dettagli

caratteristiche del documento </head>

caratteristiche del documento </head> HTML: sintassi caratteristiche del documento documento 21 HTML: titolo del documento

Dettagli

Strumenti a disposizione

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

Dettagli

Corso HTML. Appendice. Catalogo corsi Perchè scegliere noi? Caratteristiche DEMO Attestato Tutor FAQ Aziende e PA. Home» I tuoi corsi» HTML» Lezione

Corso HTML. Appendice. Catalogo corsi Perchè scegliere noi? Caratteristiche DEMO Attestato Tutor FAQ Aziende e PA. Home» I tuoi corsi» HTML» Lezione Catalogo corsi Perchè scegliere noi? Caratteristiche DEMO Attestato Tutor FAQ Aziende e PA Corso HTML Home» I tuoi corsi» HTML» Lezione Appendice 13.1 Elenco dei Tag HTML in ordine alfabetico L'HTML è

Dettagli

Il linguaggio HTML Laboratorio Matematico Informatico 2 Matematica specialistica Pierluigi Amodio

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

Dettagli

Esercizi. Introduzione all HTML. Il WWW

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

Dettagli

"-//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

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 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

Dettagli

II LINGUAGGIO HTML...1

II LINGUAGGIO HTML...1 Indice 1 II LINGUAGGIO HTML...1 1.1 INTRODUZIONE AL WWW...1 1.2 IL DOCUMENTO HTML...2 1.2.1 Elementi...3 1.2.2 Attributi...4 1.2.3 Riferimenti a caratteri...4 1.2.4 Commenti...4 1.3 STRUTTURA GLOBALE DI

Dettagli

HTML e XML. Politecnico di Milano Facoltà del Design Bovisa Elementi di Informatica e Reti di calcolatori

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

Dettagli

Il linguaggio HTML - Parte 4

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

Dettagli

Tutorial HTML. Realizzato da:

Tutorial HTML. Realizzato da: Tutorial HTML Realizzato da: http://cercalibro.myblog.it/ L'HTML è un linguaggio di programmazione finalizzato alla creazione di ipertesti: HTML è infatti l'acronimo di Hyper Text Markup Lenguage. Un codice

Dettagli

WWW.ICTIME.ORG. NVU Manuale d uso. Cimini Simonelli Testa

WWW.ICTIME.ORG. NVU Manuale d uso. Cimini Simonelli Testa WWW.ICTIME.ORG NVU Manuale d uso Cimini Simonelli Testa Cecilia Cimini Angelo Simonelli Francesco Testa NVU Manuale d uso EDIZIONE Gennaio 2008 Questo manuale utilizza la Creative Commons License www.ictime.org

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

L HTML è il "linguaggio" usato per creare documenti World Wide Web. È stato realizzato nel 1990 da Tim Bernes-Lee, ricercatore del CERN di Ginevra.

L HTML è il linguaggio usato per creare documenti World Wide Web. È stato realizzato nel 1990 da Tim Bernes-Lee, ricercatore del CERN di Ginevra. Appunti di HTML prof.claudio Maccherani, Perugia, 2000, revisione 2008 bibliografia: - "Guida HTML", Massimiliano Valente - "Manuale Cremisi2" - " Gestione dei dati aziendali", A.Lorenzi e F.Gallizioni,

Dettagli

Il linguaggio HTML - Parte 3

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

Dettagli

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 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

Dettagli

LEZIONE 1 HTML. Come costruire il proprio sito con pochi strumenti e tanta creatività...

LEZIONE 1 HTML. Come costruire il proprio sito con pochi strumenti e tanta creatività... LEZIONE 1 HTML Come costruire il proprio sito con pochi strumenti e tanta creatività... La struttura di una pagina web intestazione Qui si dichiara il titolo del documento

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

DURANTE LA NAVIGAZIONE NEI SITI WEB I VISITATORI NON SOLO POSSONO CONSULTARE INFORMAZIONI STATICHE

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

Dettagli

Tutorial di HTML basato su HTML 4.0 e CSS 2

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 Appendice A Riepilogo dei tag HTML A.1 Struttura del documento

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

Germano Pettarin. Manuale HTML

Germano Pettarin. Manuale HTML A01 99 Germano Pettarin Manuale HTML Copyright MMVII ARACNE editrice S.r.l. www.aracneeditrice.it info@aracneeditrice.it via Raffaele Garofalo, 133 A/B 00173 Roma (06) 93781065 ISBN 978 88 548 1371 7

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

a cura di Romina Biava HTML IMMAGINI ELENCHI TABELLE LINK FRAME FORM STRUTTURA DI UNA PAGINA HTML

a cura di Romina Biava HTML IMMAGINI ELENCHI TABELLE LINK FRAME FORM STRUTTURA DI UNA PAGINA HTML a cura di Romina Biava HTML IMMAGINI ELENCHI TABELLE LINK FRAME FORM STRUTTURA DI UNA PAGINA HTML Le pagine web consistono in una "testa", in inglese head e un "corpo", detto anche body.

Dettagli

<html> <head> <title> Il nome della pagina </title> </head> <body> </body> </html>

<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

Dettagli

I Tag dell html. Parte quarta

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:

Dettagli

Il linguaggio HTML - Nozioni di base (2)

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 -

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

Dispensa di HTML per chi muove i primi passi nel Web

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 è

Dettagli

<nome tag>testo influenzato dal tag</nome tag>

<nome tag>testo influenzato dal tag</nome tag> HTML (Hyper Text Mark-up Language) nasce come linguaggio per la descrizione di testi strutturati. HTML non è come un linguaggio di programmazione ma un semplice sistema di contrassegno, i cui TAG vengono

Dettagli

1) Il client(browser utilizzato) invia al server i dati inseriti dall utente. Server

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

Dettagli

UTILIZZO DEI CSS. categoria e lente possiamo aggregare le istruzioni inserite ed avere infondo alla colonna stessa un anteprima.

UTILIZZO DEI CSS. categoria e lente possiamo aggregare le istruzioni inserite ed avere infondo alla colonna stessa un anteprima. UTILIZZO DEI CSS FOGLI STILE Il CSS consente di associare regole stilistiche agli elementi del codice HTML come o . Queste regole definiscono l aspetto rappresentativo degli elementi HTML a cui

Dettagli

Richiami sugli elementi del linguaggio HTML

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

Dettagli

Pagine HTML. Concetti chiave. G.1 Tag. Basi del linguaggio HTML Realizzare semplici pagine HTML

Pagine HTML. Concetti chiave. G.1 Tag. Basi del linguaggio HTML Realizzare semplici pagine HTML Pagine HTML G Concetti chiave Basi del linguaggio HTML Realizzare semplici pagine HTML G.1 Tag Accludiamo questa appendice al fine di dare al lettore non esperto della materia gli elementi di base necessari

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 Le tabelle Creazione di una tabella: le tabelle vengono utilizzate sia per inserire dati che per migliorare

Dettagli

MS Word per la TESI. Barra degli strumenti. Rientri. Formattare un paragrafo. Cos è? Barra degli strumenti

MS Word per la TESI. Barra degli strumenti. Rientri. Formattare un paragrafo. Cos è? Barra degli strumenti MS Word per la TESI Barra degli strumenti Cos è? Barra degli strumenti Formattazione di un paragrafo Formattazione dei caratteri Gli stili Tabelle, figure, formule Intestazione e piè di pagina Indice e

Dettagli

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

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

Dettagli

Indice PARTE PRIMA L INIZIO 1

Indice PARTE PRIMA L INIZIO 1 Indice Introduzione XIII PARTE PRIMA L INIZIO 1 Capitolo 1 Esplorare il World Wide Web 3 1.1 Come funziona il World Wide Web 3 1.2 Browser Web 10 1.3 Server Web 14 1.4 Uniform Resource Locators 15 1.5

Dettagli

Formattazione e Stampa

Formattazione e Stampa Formattazione e Stampa Formattazione Formattazione dei numeri Formattazione del testo Veste grafica delle celle Formattazione automatica & Stili Formattazione dei numeri Selezionare le celle, poi menu:

Dettagli

Informatica di Base. Programma Lezioni

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

Dettagli

Modulo ECDL WEBSTARTER. Obiettivi del modulo. Categoria Skill set Rif. Task Item. 1.1 Il web - Concetti. 1.2 HTML 1.2.1 Fondamenti

Modulo ECDL WEBSTARTER. Obiettivi del modulo. Categoria Skill set Rif. Task Item. 1.1 Il web - Concetti. 1.2 HTML 1.2.1 Fondamenti EUROPEAN COMPUTER DRIVING LICENCE WEBSTARTER - Versione 1.5 Copyright 2009 The European Computer Driving Licence Foundation Ltd. Tutti I diritti riservati. Questa pubblicazione non può essere riprodotta

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

Fondamenti di Informatica II 28. Elementi di programmazione web e linguaggi di script (1)

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

Dettagli

I PRINCIPALI TAG DEL LINGUAGGIO HTML

I PRINCIPALI TAG DEL LINGUAGGIO HTML Struttura generica di una pagina Web: I PRINCIPALI TAG DEL LINGUAGGIO HTML Titolo

Dettagli

HTML. http://www.w3schools.com/html/default.asp

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

Dettagli

EUROPEAN COMPUTER DRIVING LICENCE WEB EDITING - Versione 2.0

EUROPEAN COMPUTER DRIVING LICENCE WEB EDITING - Versione 2.0 EUROPEAN COMPUTER DRIVING LICENCE WEB EDITING - Versione 2.0 Copyright 2010 The European Computer Driving Licence Foundation Ltd. Tutti I diritti riservati. Questa pubblicazione non può essere riprodotta

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

Che cos'è un modulo? pulsanti di opzione caselle di controllo caselle di riepilogo

Che cos'è un modulo? pulsanti di opzione caselle di controllo caselle di riepilogo Creazione di moduli Creazione di moduli Che cos'è un modulo? Un elenco di domande accompagnato da aree in cui è possibile scrivere le risposte, selezionare opzioni. Il modulo di un sito Web viene utilizzato

Dettagli

I FORM. L'attributo action contiene l'url del file php a cui devono essere inviati i file per essere elaborati.

I FORM. L'attributo action contiene l'url del file php a cui devono essere inviati i file per essere elaborati. I FORM Che cosa sono e che caratteristiche hanno Un form contiene molti oggetti che permettono di inserire dati usando la tastiera. Tali dati verranno poi inviati alla pagina php che avrà il compito di

Dettagli

HTML HyperText Markup Language:

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

Dettagli

Tutorial di HTML HyperText Markup Language

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,

Dettagli

HTML. Alcuni contenuti di queste slides sono tratti dal testo:

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

Dettagli

Appunti sugli Elaboratori di Testo. Introduzione. D. Gubiani. 19 Luglio 2005

Appunti sugli Elaboratori di Testo. Introduzione. D. Gubiani. 19 Luglio 2005 Appunti sugli Elaboratori di Testo D. Gubiani Università degli Studi G.D Annunzio di Chieti-Pescara 19 Luglio 2005 1 Cos è un elaboratore di testo? 2 3 Cos è un elaboratore di testo? Cos è un elaboratore

Dettagli

APPUNTI DI HTML (TERZA LEZIONE)

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

Dettagli

HTML 5. Tabelle. Bordi di una tabella. Il tag <TABLE> Le tabelle. Tag fondamentali. Costruzione di tabelle riga per riga. Esempi

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

Dettagli

La pagina Web modulo.html utilizza le specifiche di stile descritte nel foglio feedback.css.

La pagina Web modulo.html utilizza le specifiche di stile descritte nel foglio feedback.css. Moduli di feedback Uno degli strumenti per l interattività con gli utenti è la pagina per raccogliere suggerimenti o commenti dai visitatori, formata da moduli sul video da riempire con il nome del mittente,

Dettagli

PROGRAMMA DEL CORSO WEB GRAPHIC DESIGNER

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

Dettagli

Architettura a tre livelli. Lo scenario e l ambiente. HTML - Hyper Text Markup Language. Enrico Cavalli. Anno Accademico 2012-2013

Architettura a tre livelli. Lo scenario e l ambiente. HTML - Hyper Text Markup Language. Enrico Cavalli. Anno Accademico 2012-2013 HTML - Hyper Text Markup Language Enrico Cavalli Anno Accademico 2012-2013 Lo scenario e l ambiente Architettura a tre livelli 1 Server 6 Web 2 5 3 Php 4 Database Server DB 1. Il browser richiede una pagina

Dettagli

<html> </html> Tag di apertura e chiusura di una pagina web #############################################################################

<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

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

Hyper Text Markup Language HTML

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

Dettagli

Tutorial di HTML basato su HTML 4.0 e CSS 2

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 3 Immagini in documenti HTML 3.1 Rappresentazione delle

Dettagli

Tabelle. Tag fondamentali. Costruzione di tabelle riga per riga. Esempi. Tecnologie di Sviluppo per il WEB 2

Tabelle. Tag fondamentali. Costruzione di tabelle riga per riga. Esempi. Tecnologie di Sviluppo per il WEB 2 HTML 5 Le tabelle 1 Tabelle Tag fondamentali Costruzione di tabelle riga per riga Esempi Tecnologie di Sviluppo per il WEB 2 Il tag Una tabella è suddivisa in righe e ciascuna riga è suddivisa

Dettagli

Come creare un modulo

Come creare un modulo Come creare un modulo Aggiungi moduli al tuo sito per registrare le informazioni dei tuoi clienti su un database, o per riceverle via e- mail. Trascina un widget Modulo sulla tua pagina Nel pannello Widget

Dettagli

Dott.ssa Adriana Pietramala

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

Dettagli

EUROPEAN COMPUTER DRIVING LICENCE SYLLABUS VERSIONE 5.0

EUROPEAN COMPUTER DRIVING LICENCE SYLLABUS VERSIONE 5.0 Pagina I EUROPEAN COMPUTER DRIVING LICENCE SYLLABUS VERSIONE 5.0 Modulo 3 Elaborazione testi Il seguente Syllabus è relativo al Modulo 3, Elaborazione testi, e fornisce i fondamenti per il test di tipo

Dettagli

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. 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

Dettagli

Internet, Browser e HTML

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

Dettagli

ESEMPI DI FORM (da www.html.it)

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,

Dettagli

INTRODUZIONE ALL HTML

INTRODUZIONE ALL HTML INTRODUZIONE ALL HTML LE REGOLE GENERALI Di seguito, sono raccolti i tag html (comandi) di uso più frequente per la formattazione dei testi e la gestione di una pagina web all interno del nostro sistema

Dettagli

IL WEB. Il linguaggio 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

Dettagli

Interazione con l utente : i moduli.

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.

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

DISPENSA INTRODUTTIVA ALL'EDITOR DI PAGINE HTML DI STAROFFICE 7

DISPENSA INTRODUTTIVA ALL'EDITOR DI PAGINE HTML DI STAROFFICE 7 DISPENSA INTRODUTTIVA ALL'EDITOR DI PAGINE HTML DI STAROFFICE 7 L editor di pagine HTML si StarOffice è un editor di pagine scritte con il linguaggio HTML. Un testo HTML è un documento ipermediale, scritto

Dettagli

Tabelle HTML. Tabelle Un po di notazione.

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

Dettagli

[Tutoriale] Realizzare un cruciverba con Excel

[Tutoriale] Realizzare un cruciverba con Excel [Tutoriale] Realizzare un cruciverba con Excel Aperta in Excel una nuova cartella (un nuovo file), salviamo con nome in una precisa nostra cartella. Cominciamo con la Formattazione del foglio di lavoro.

Dettagli

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. 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

Dettagli