MODULO 7 HTML HTML. HTLM (Hypertext Markup Language) è un linguaggio per la creazione di documenti ipertestuali e ipermediali
|
|
- Aurora Ranieri
- 7 anni fa
- Visualizzazioni
Transcript
1 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. A differenza di un libro, possiede una organizzazione non lineare. Un sistema ipermediale è un insieme di informazioni di diversi media: testo, immagini, musica, filmati MODULO 6 - HTML 2 1
2 Ipertesto MODULO 6 - HTML 3 Client-Server 1. Creazione documento in HTML 2. Upload su un WebServer (salvataggio del documento in una cartella raggiungibile via http dall esterno) 3. Richiesta di visualizzazione da parte di un client ( 4. Il server risponde al client inviando il file html 5. Il client visualizza il file attraverso un browser MODULO 6 - HTML 4 2
3 Trasferimento HTML WebServer Request Client (browser) Response page.html MODULO 6 - HTML 5 TAG Ogni documento è rappresentato da una serie di tag che definiscono la funzione dell'elemento in esso contenuto Interpretando i tag un browser può visualizzare gli elementi del documento in diversi modi Sintassi dei tag: <nometag listaattributi> elemento contenuto </nometag> Esempio <font face= Arial color= #FF0000 > testo </font> I tag possono essere annidati <html> <body> </body> </html> MODULO 6 - HTML 6 3
4 INTESTAZIONE <HTML> inizio e fine del file descrizioni varie; come il titolo e i Meta Name <TITLE> nome del documento corpo del file MODULO 6 - HTML 7 Esempio - Prima pagina <HTML> <TITLE> Prima pagina </TITLE> Ciao attutti. MODULO 6 - HTML 8 4
5 Testo <H1>,<H2>,,<H6> titoli di diverse misure ed importanza <DIV> divisioni, porzioni di testo <B> bold (grassetto) <I> italic (italico) <U> underline (sottolineato) <PRE> preformattato <FONT> tipo di carattere FACE tipo: Arial, Helvetica, Times New Roman SIZE dimensione COLOR colore MODULO 6 - HTML 9 Immagini <IMG> SRC nome del file immagine HEIGHT altezza WIDTH larghezza HSPACE distanza orizzontale tra immagine e testo VSPACE distanza verticale tra immagine e testo ALIGN allineamento right, left, absmiddle,... ALT testo alternativo BORDER spessore del bordo MODULO 6 - HTML 10 5
6 Paragrafi e liste <P> definizione di paragrafo interruzione di riga <HR> linea orizzontale <UL> lista puntata <OL> lista numerata <LI> elementi di una lista MODULO 6 - HTML 11 Caratteri speciali Per inserire caratteri speciali, si usa la notazione coi simboli & e ; Codice Carattere à à è è > > < < MODULO 6 - HTML 12 6
7 Colori Definizione dei colori: #RRGGBB RR: quantità di rosso da 00 a FF GG: quantità di verde da 00 a FF BB: quantità di blu da 00 a FF Esempi: #FF0000 rosso pieno #0000FF blu pieno # nero #FFFFFF bianco MODULO 6 - HTML 13 Tabelle <TABLE> definizione tabella BORDER dimensione del bordo CELLSPACING spazio tra le celle CELLPADDING spazio tra testo e bordo WIDTH larghezza <TR> riga ALIGN allineamento <TD> dato ALIGN allineamento ROWSPAN righe da occupare COLSPAN colonne da occupare WIDTH larghezza MODULO 6 - HTML 14 7
8 Link <A> NAME definizione di un ancora nel file HREF link ad un file (es. nomefile#nomeancora) TARGET destinazione Esempio <A HREF= > clicka qui </A> MODULO 6 - HTML 15 Frame I frame permettono di divedere la finestra in sezioni <FRAMESET> documento a frame ROWS altezza delle righe COLS larghezza delle colonne BORDER = Yes No presenza bordo <FRAME> singolo frame NAME nome per identificarlo SRC documento da visualizzare I targetr dei link fanno riferimento al nome di un frame oppure a _blank (nuova), _parent (finestra parente),... MODULO 6 - HTML 16 8
9 Form (1) Per ottenere delle informazioni dall utente (cioè dal client verso il server) si ricorre ai moduli realizzati mediante FORM. <FORM> ACTION URL per la gestione del modulo METHOD = GET POST tipo di invio delle informazioni <INPUT> campo d immissione TYPE tipo TEXT PASSWORD CHECKBOX RADIO IMAGE HIDDEN SUBMIT RESET NAME nome identificatore VALUE valore contenuto nel campo MAXLENGTH lunghezza massima di caratteri MODULO 6 - HTML 17 Form (2) <SELECT> elenco di opzioni NAME nome identificativo MULTIPLE selezione multipla <OPTION> ogni singola opzione VALUE valore SELECTED opzione di default <TEXTAREA> finestra d immissione ROWS numero righe COLS numero colonne NAME nome identificativo MODULO 6 - HTML 18 9
10 Altro <CENTER> <MAP> <AREA> BGCOLOR, TEXT LINK, VLINK, ALINK BACKGROUND MODULO 6 - HTML 19 <HTML> es01.html <TITLE> Esempio 01 - Prima pagina </TITLE> Ciao attutti MODULO 6 - HTML 20 10
11 <HTML> <TITLE> Esempio 02 - Testo </TITLE> es02.html <H1>LABORATORIO ECDL</H1> <H2>Modulo 5 - HTML</H2> <H3>Testo</H3> <B>scritta in grassetto</b> <I>scritta in italico</i> <U>scritta sottolineata</u> <FONT FACE="Arial" SIZE="5" COLOR="#FF0000">prova di font</font> <FONT FACE="Times New Roman" SIZE="4" COLOR="#00FF00">prova di font</font> MODULO 6 - HTML 21 <HTML> <TITLE> Esempio 03 - immagini </TITLE> es03.html <CENTER> <B> IMMAGINI </B> </CENTER> <IMG SRC="palla.png"> palla.png <HR> <IMG SRC="palla.png" BORDER="2"> palla.png con bordo <HR> <IMG SRC="palla.png" WIDTH="150" HEIGHT="50"> palla.png ridimensionata <HR> <IMG SRC="palla.png" HSPACE="40"> palla.png con hspace=40 <HR> <IMG SRC="palla.png" ALIGN="absmiddle"> palla.png allineata verticalmente al centro con l'immagine <HR> MODULO 6 - HTML 22 11
12 <HTML> <TITLE> Esempio 04 - Paragrtafi e Liste </TITLE> <CENTER> <B> PARAGRAFI E LISTE </B> </CENTER> es04.html <P> paragrafo 1 paragrafo 1 paragrafo 1 paragrafo 1 </P> <P> paragrafo 2 paragrafo 2 paragrafo 2 paragrafo 2 </P> lista puntata (UL) <UL> <LI> aaa </LI> <LI> bbb </LI> <LI> ccc </LI> </UL> lista numerata (OL) <OL> <LI> primo </LI> <LI> secondo </LI> <LI> terzo </LI> </OL> MODULO 6 - HTML 23 <HTML> <TITLE> Esempio 05 - Colori </TITLE> <CENTER> <B> COLORI </B> </CENTER> es05.html <FONT COLOR="#000000"> nero </FONT> <FONT COLOR="#FF0000"> rosso </FONT> <FONT COLOR="#00FF00"> verde </FONT> <FONT COLOR="#0000FF"> blu </FONT> <FONT COLOR="#FFFF00"> giallo </FONT> <FONT COLOR="#FF00FF"> viola </FONT> <FONT COLOR="#00FFFF"> azzurro </FONT> <FONT COLOR="#000000"> sfumature di rosso </FONT> <FONT COLOR="#220000"> sfumature di rosso </FONT> <FONT COLOR="#440000"> sfumature di rosso </FONT> <FONT COLOR="#660000"> sfumature di rosso </FONT> <FONT COLOR="#880000"> sfumature di rosso </FONT> <FONT COLOR="#AA0000"> sfumature di rosso </FONT> <FONT COLOR="#DD0000"> sfumature di rosso </FONT> <FONT COLOR="#FF0000"> sfumature di rosso </FONT> <FONT COLOR="#000000"> sfumature di blu </FONT> <FONT COLOR="#000022"> sfumature di blu </FONT> <FONT COLOR="#000044"> sfumature di blu </FONT> <FONT COLOR="#000066"> sfumature di blu </FONT> <FONT COLOR="#000088"> sfumature di blu </FONT> <FONT COLOR="#0000AA"> sfumature di blu </FONT> <FONT COLOR="#0000DD"> sfumature di blu </FONT> <FONT COLOR="#0000FF"> sfumature di blu </FONT> MODULO 6 - HTML 24 12
13 <HTML> <TITLE> Esempio 06 - Tabelle </TITLE> <CENTER> <B> TABELLE </B> </CENTER> es06.html <TABLE BORDER=1> <TR> <TD> dato riga 1 colonna 1 </TD> <TD> dato riga 1 colonna 2 </TD> </TR> <TR> <TD> dato riga 2 colonna 1 </TD> <TD> dato riga 2 colonna 2 </TD> </TR> </TABLE> MODULO 6 - HTML 25 <HTML> <TITLE> Esempio 07 - Link </TITLE> <CENTER> <B> LINK </B> </CENTER> es07.html <A NAME="primo"> Inizio pagina <A NAME="secondo"> metà fine pagina <A HREF="#secondo"> torna in mezzo </A> <A HREF="#primo"> torna all'inizio </A> Visita il sito <A HREF=" per ulteriori informazioni sull'html Se stai usando i frame prova <A HREF=" TARGET="sopra">qui</A> l'utilizzo di TARGET. MODULO 6 - HTML 26 13
14 <HTML> <TITLE> Esempio 08 - Frame </TITLE> es08.html <FRAMESET ROWS="100,*"> <FRAME SRC="es05.html" NAME="sopra"> <FRAMESET COLS="200,*"> <FRAME SRC="es06.html" NAME="sinistra"> <FRAME SRC="es07.html" NAME="principale"> </FRAMESET> </FRAMESET> MODULO 6 - HTML 27 <HTML> <TITLE> Esempio 09 - Form </TITLE> <CENTER> <B> FORM </B> </CENTER> <FORM ACTION="check.php" METHOD="POST"> <B> LOGIN </B> login: <INPUT TYPE="TEXT" NAME="usr"> password: <INPUT TYPE="PASSWORD" NAME="pwd"> corso di laurea in: <SELECT NAME=""> <OPTION VALUE="ARC">architettura</OPTION> <OPTION VALUE="DIS" SELECTED>disegno industriale</option> <OPTION VALUE="ALT">altro</OPTION> </SELECT> <B> HOBBIES </B> <INPUT TYPE="CHECKBOX" NAME="cb1"> arte <INPUT TYPE="CHECKBOX" NAME="cb2"> sport <INPUT TYPE="CHECKBOX" NAME="cb3"> computer <INPUT TYPE="CHECKBOX" NAME="cb4"> lettura <B> COMMENTI </B> <TEXTAREA ROWS="10" COLS="20"> scrivi qui i tuoi commenti... </TEXTAREA> <B> INVIA </B> <SUBMIT> </FORM> es09.html MODULO 6 - HTML 28 14
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
DettagliComandi 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
DettagliINTRODUZIONE AL LINGUAGGIO HTML: PARTE 2. Internet + HTML + HTTP = WWW
1 INTRODUZIONE AL LINGUAGGIO HTML: PARTE 2 Internet + HTML + HTTP = WWW Scopo della esercitazione 2 Conoscere i principali tag HTML Realizzare una propria Home Page utilizzando alcuni semplici tag HTML
DettagliHTML: FORM. Prof. Francesco Accarino IIS Altiero Spinelli Via Leopardi 132 Sesto San Giovanni
HTML: FORM Prof. Francesco Accarino IIS Altiero Spinelli Via Leopardi 132 Sesto San Giovanni Form Text Radio Select CheckBox TextArea Button ... L'elemento serve per delimitare un modulo
DettagliCimini 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
DettagliMetodologie 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"-//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:
DettagliServe per impostare. enfatizza il testo (l effetto è quello del grassetto, comando utile per i motori di ricerca) <ul> comandi relativi all immagine
Comandi principali HTML Serve per impostare il titolo della pagina (nella sezione head) il font del titolo 1 il font del titolo 2 paragrafo una o più parole alle quali applicare
DettagliLaboratorio di Basi di Dati e Web/Basi di dati e Multimedia. Docenti: Alberto Belussi e Carlo Combi Lezione 5
Laboratorio di Basi di Dati e Web/Basi di dati e Multimedia Docenti: Alberto Belussi e Carlo Combi Lezione 5 HyperText Markup Language Linguaggio di descrizione di testi secondo lo schema SGML (Standard
DettagliIntroduzione all HTML
prof. ing. Dino Molli SVILUPPO SOFTWARE - FORMAZIONE E CONSULENZA INFORMATICA MARIGLIANO (NA) http://www.dinomolli.it info@dinomolli.it Dispense a cura del prof. ing. Dino Molli Introduzione all HTML Introduzione
DettagliWWW (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
DettagliLinguaggio 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:
DettagliD B M G Il linguaggio HTML
Programmazione Web Il linguaggio HTML Il linguaggio HTML Concetti di base Le interfacce utente in HTML I form Le tabelle Il passaggio dei parametri contenuti nei form @2011 Politecnico di Torino 1 Concetti
Dettagli@2011 Politecnico di Torino 1
Concetti di base Programmazione Web Il linguaggio HTML HTML consente di annotare un testo per contrassegnare le parti che lo compongono Le annotazioni sono realizzate tramite i "tag" Visualizzare documenti
DettagliTabelle 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
DettagliCostruzione 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
DettagliLinguaggi di programmazione PC server-client CSS
Linguaggi di programmazione PC server-client CSS HTML MySQL PHP HTML: Hyper Tex Markup Language PHP: Hypertext Preprocessor CSS: Cascading Style Sheet MySQL: Relational database HTML Hyper Tex Markup Language
DettagliHTML. Es: La prossima parola è in <b>neretto</b> Es: La prossima parola è in neretto
HTML Il linguaggio HTML (HyperText Markup Language) utilizza annotazioni (tag) per descrivere come verrà visualizzato il documento sul browser di un client. HTML non è un linguaggio di programmazione ma
DettagliI 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,
DettagliAPPUNTI DI INFORMATICA IL LINGUAGGIO HTML
APPUNTI DI INFORMATICA IL LINGUAGGIO HTML Vediamo le seguenti istruzioni dell HTML link permette di dare un colore alla nostra "parola calda", se questo attributo non viene esplicitato
DettagliInformatica (Sistemi di elaborazione delle informazioni)
Informatica (Sistemi di elaborazione delle informazioni) Corso di laurea in Scienze dell'educazione Lezione 4 HTML Mario Alviano Sommario Internet Paragrafi Caratteri Titoli Liste puntate e numerate Collegamenti
DettagliLEZIONI 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 , ,...,
DettagliHTML 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
DettagliPrimi 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.
DettagliOgni documento HTML è contraddistinto dai seguenti comandi di base, che ne definiscono la struttura:
COMANDI BASE HTML Ogni documento HTML è contraddistinto dai seguenti comandi di base, che ne definiscono la struttura: Nome del documento All'interno
DettagliRichiami 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
DettagliHTML il linguaggio per creare le pagine per il web
HTML il linguaggio per creare le pagine per il web Parte II: elementi "complessi" HTML: frame i frame servono per suddividere il browser in parti indipendenti all interno delle quali si possono caricare
DettagliIl 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
DettagliManuale 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
DettagliBasi di Dati-X HTML HTML HTML. Corso di Laurea in Informatica Anno Accademico 2013/2014
HTML 2 Basi di Dati-X Corso di Laurea in Informatica Anno Accademico 2013/2014 Hyper Text Markup Language linguaggio testuale per descrivere la struttura di documenti ipertestuali disponibili nel World
DettagliHTML 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
DettagliLinguaggio 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:
DettagliHyperText Markup Language Informatica applicata alla comunicazione multimediale Cristina Bosco
HyperText Markup Language 2016-2017 Informatica applicata alla comunicazione multimediale Cristina Bosco 1. Che cosa e HTML un linguaggio di codifica testuale un linguaggio di marcatura un linguaggio per
Dettagli04/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
DettagliIntroduzione 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
DettagliCOS'E' L'HTML? TAG E ATTRIBUTI IMPOSTARE UNA PAGINA HTML
COS'E' L'HTML? Il linguaggio utilizzato dalle pagine del World Wild Web, l HTML (HyperText Markup Language), non è un complesso linguaggio di programmazione bensì un linguaggio di formattazione, ovvero
DettagliHTML 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
DettagliHTML 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
DettagliLanguage. 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
Dettagli1) 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
DettagliElenchi. Con HTML è possibile generare tre tipi di elenco: - a punti (non ordinato) - numerati - di definizioni
Elenchi Con HTML è possibile generare tre tipi di elenco: - a punti (non ordinato) - numerati - di definizioni Gli elenchi possono contenere al loro interno altri elenchi. Tag utilizzati: (unordered
DettagliLaboratorio di Basi di Dati Web/MM
Laboratorio di Basi di Dati Web/MM Docente: Alberto Belussi Lezione 5 HyperText Markup Language Linguaggio di descrizione di testi secondo lo schema SGML (Standard Generalized Markup Language) Gli ipertesti
DettagliIl 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
DettagliTutorial 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,
DettagliRegistro elettronico Sechi Marco
Modul/0/008, giovedì 0:0Modul M Statistiche Aggiornata a: domenica, febbraio 009 ore.0. in media al giorno a: A) settembre 00 0,0 B) ottobre 00, C) novembre 00 0, D) dicembre 00,0 E) gennaio 008, F) febbraio
DettagliI PRINCIPALI TAG DEL LINGUAGGIO HTML
Struttura generica di una pagina Web: I PRINCIPALI TAG DEL LINGUAGGIO HTML Titolo
DettagliMetodologie Informatiche Applicate al Turismo
Metodologie Informatiche Applicate al Turismo 7. HTML Parte III (Aspetti avanzati) Paolo Milazzo Dipartimento di Informatica, Università di Pisa http://www.di.unipi.it/ milazzo milazzo di.unipi.it Corso
Dettagli<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
DettagliHTML. I tag HTML (parte 1)
HTML I tag HTML (parte 1) I tag HTML I comandi che il browser interpreta Etichette per marcare l inizio e la fine di un elemento HTML Formato e possono essere tag di apertura: tag di chiusura:
DettagliLINGUAGGI PER IL WEB HTML. (HyperText Markup Language)
LINGUAGGI PER IL WEB HTML (HyperText Markup Language) Il World Wide Web World Wide Web = sistema di accesso a Internet basato sul protocollo HTTP insieme di protocolli e servizi (HTTP, FTP, ) insieme di
DettagliStrumenti 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
DettagliGuida al linguaggio HTML (HyperText Markup Language)
1 Guida al linguaggio HTML (HyperText Markup Language) Guida al linguaggio HTML (HyperText Markup Language) Sommario Guida al linguaggio HTML (HyperText Markup Language)... 1 1. Struttura di una pagina
DettagliEsistono editor WYSIWYG (What You See Is What You Get) (FrontPage)
HTML significa Hyper Text Markup Language I documenti HTML sono file plain-text che possono essere creati usando un qualsiasi text editor e possono essere visualizzati con browsers Web. Il documento HTML
DettagliElementi di HTML. grazie a Chiara Renso. KDD Lab, ISTI-CNR, Pisa
Elementi di HTML grazie a Chiara Renso KDD Lab, ISTI-CNR, Pisa HTML: introduzione HTML significa Hyper Text Markup Language I documenti HTML sono file plain text che possono essere creati usando un qualsiasi
DettagliIntroduzione 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
DettagliInformatica 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
DettagliGuida 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
DettagliHyper 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
DettagliUn introduzione a HTML
Fluency Un introduzione a HTML Capitolo 3 HTML HyperText Markup Language Tag descrivono il formato della pagina Web Formattare con i tag Parole o sigle racchiuse tra parentesi angolari Si usano a coppie
DettagliNOZIONI 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
DettagliHTML: tag. HTML: tag. HTML: tag. HTML: un semplice esempio
HTML: tag Alcuni tag prevedono un identificatore di inizio () e di fine marcatura () altri sono dei tag singoli (es.: , ). Esistono delle codifiche per rappresentare in modo universale
DettagliPagine 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
DettagliElementi in HTML Un elemento è una componente fondamentale della struttura di un documento di testo. Alcuni esempi di elementi sono testate, tabelle,
HTML: introduzione HTML significa Hyper Text Markup Language I documenti HTML sono file plain-text (anche conosciuti come ASCII) che possono essere creati usando un qualsiasi text editor e possono essere
DettagliLezione 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
DettagliIl Web è un sottoinsieme di Internet
I principi del Web Il World Wide Web Il Web è un sistema basato su Internet che utilizza la tecnologia degli ipertesti per distribuire documenti, file, immagini,... Il Web è un sottoinsieme di Internet
DettagliTutorial 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
DettagliCristina 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
DettagliLa struttura del WWW: gli ipertesti. Il linguaggio HTML. Ipertesto. Libro. Dizionario. Ipertesto. Il linguaggio HTML
La struttura del WWW: gli ipertesti Il linguaggio HTML Dal libro al Web... Laura Farinetti Dip. Automatica e Informatica Politecnico di Torino farinetti@polito.it lettura sequenziale L. Farinetti - Politecnico
DettagliAPPUNTI DI HTML (QUARTA LEZIONE)
APPUNTI DI HTML (QUARTA LEZIONE) 1. LA STRUTTURA BASE DELLE TABELLE Le tabelle sono una parte estremamente importante del codice HTML. Sono uno strumento indispensabile per gestire i layout grafici. Immaginiamo
DettagliOBIETTIVI MINIMI Anno scolastico TIC-TIT. 1. Foglio elettronico: funzioni fondamentali (Excel)
ISTITUTO TECNICO COMMERCIALE STATALE SCHIAPARELLI-GRAMSCI CLASSI CORSI OBIETTIVI MINIMI Anno scolastico 2010-2011 TIC-TIT OBIETTIVI 1. Foglio elettronico: funzioni fondamentali (Excel) CONTENUTI / tipologia
DettagliProgettazione multimediale
Progettazione multimediale Le tabelle 1 Obiettivi Perché si usano le tabelle Le proprietà delle tabelle Inserimento e modifica delle proprietà 2 Perché si usano le tabelle Una pagina Web è formata da testo
DettagliIL 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
DettagliIntroduzione ad HTML seconda parte WWW. Fabio Vitali
Introduzione ad HTML seconda parte Fabio Vitali Introduzione Oggi esaminiamo in breve, in HTML: u Il tag HEAD u Oggetti e mappe u Form u Frame A seguire: I tag di H EAD 2/26 I tag di H EAD HEAD contiene
DettagliAPPUNTI 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
DettagliCORSI 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
DettagliScegliere il font del testo
Scegliere il font del testo Vediamo ora come formattare il testo mediante la scelta del colore, delle dimensioni e del tipo di carattere del testo attraverso l utilizzo del tag . Il tipo di carattere
DettagliCreazione di tabelle.
Creazione di tabelle. Argomenti trattati: - Premessa: Cosa sono le tabelle in HTML. - Costruiamo una tabella: Come realizzare semplici tabelle con i tag principali ed i loro attributi. - Personalizziamo
DettagliHTML 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
DettagliArchitettura 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
DettagliINTRODUZIONE 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
DettagliFondamenti 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
DettagliHTML 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
DettagliWEB. Introduzione HTML. Gabriele Murara
WEB Introduzione HTML Gabriele Murara 1 HTML HTML = Hypertext Markup Language ("Linguaggio di contrassegno per gli Ipertesti"). non è un linguaggio di programmazione (sono linguaggi di programmazione il
DettagliInterazione 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.
DettagliIl 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
DettagliINTRODUZIONE ALL HTML
INTRODUZIONE ALL HTML Per iniziare a scrivere una pagina HTML serve editor ad esempio Notepad. L'HTML ha alcune regole: i ritorni a capo devono essere indicati esplicitamente con il tag . il browser
DettagliIMMAGINI INTRODUZIONE
IMMAGINI INTRODUZIONE Prima di inserire le immagini nella pagina HTML, le stesse devono essere copiate all interno della cartella del progetto (Sito). La loro copia può avvenire o tramite Risorse del Computer
DettagliForm HTML. <form> campi del modulo </form>
Form HTML I form (o moduli) HTML permettono ad un utente di interagire con la pagina che sta visitando. L inserimento di un form in una pagina web avviene mediante il tag FORM. Attributi del form campi
DettagliHTML (Hyper Text Mark-up Language)
1 Ipertesto HTML (Hyper Text Mark-up Language) Informatica e laboratorio Biotecnologie 2005-2006 Un ipertesto è un testo che può essere letto sequenzialmente oppure seguendo i rimandi (link) associati
DettagliLaboratorio 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
DettagliLaboratorio di reti I: HTTP e HTML
Laboratorio di reti I: HTTP e HTML Stefano Brocchi brocchi@dsi.unifi.it 9 novembre, 2009 Stefano Brocchi Laboratorio di reti I: HTTP e HTML 9 novembre, 2009 1 / 44 Il protocollo HTTP Il protocollo HTTP
DettagliHTML 3. I link (collegamenti) L URL. Accesso a documenti locali. Link Mappe Tabelle. <A HREF= path_del_documento > link </A>
Link Mappe Tabelle HTML 3 I link (collegamenti)! Semplicemente "cliccando" su una parola o su un'immagine si può accedere ad un'altra pagina Web! Questo effetto si ottiene con la cosiddetta ancora. Un'ancora
DettagliEsercizi. 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
DettagliUniversità 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
DettagliTutorial 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 5 Frame 5.1 Cosa sono i Frame e come si specificano icano
DettagliHTML. 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
DettagliINTRODUZIONE 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
DettagliAnno scolastico INFORMATICA. 2. Conoscere e classificare il software
ISTITUTO TECNICO COMMERCIALE STATALE SCHIAPARELLI-GRAMSCI Schiaparelli via Settembrini 4, 20124 Milano tel. 02/2022931 fax 29512285 E-mail schiaparelli@libero.it Gramsci L.go Sereni 1, 20133 Milano tel.
DettagliInternet, 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
DettagliDURANTE 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