Il linguaggio HTML Laboratorio Matematico Informatico 2 Matematica specialistica Pierluigi Amodio
|
|
- Agnolo Tarantino
- 8 anni fa
- Visualizzazioni
Transcript
1 Il linguaggio HTML Laboratorio Matematico Informatico 2 Matematica specialistica Pierluigi Amodio Dipartimento di Matematica Università di Bari Il linguaggio HTML p. 1/3
2 HTML L HTML è il linguaggio (di mark-up) con cui si indica come posizionare i vari elementi in una pagina Web. Un documento html non è nient altro che un file di testo (ascii) con delle indicazioni sul colore delle scritte, sulla posizione delle immagini all interno della pagina, su come far scorrere il testo, e altre cose di questo genere. Non essendo un linguaggio di programmazione, l HTML non ha meccanismi che consentono di prendere delle decisioni, e non è in grado di compiere delle iterazioni, né ha altri costrutti propri della programmazione. Pur essendo dotato di una sua sintassi, non presuppone la logica ferrea e inappuntabile dei linguaggi di programmazione (non vengono prodotti messaggi di errore). Il linguaggio HTML p. 2/3
3 Browser Il Browser è il programma che serve a navigare nel Web; svolge principalmente due compiti: scarica i vari files che si trovano su un computer remoto (il server) e che fanno riferimento a un certo indirizzo; legge i documenti scritti in html, e a seconda delle indicazioni ivi contenute, visualizza la pagina in un modo, piuttosto che in un altro. Esempi di browser: Explorer (windows) Netscape Mozilla, Opera, ecc. Il linguaggio HTML p. 3/3
4 tag All interno di ogni pagina sono presenti una serie di marcatori (TAG), a cui viene affidata la visualizzazione e che hanno differenti nomi a seconda della loro funzione. I tag vanno inseriti tra parentesi i simboli < e > (<TAG>). La chiusura del tag viene indicata con uno / seguito dal nome del tag (</TAG>) Il contenuto va inserito tra l apertura e la chiusura del tag medesimo <TAG> testo </TAG> Dentro il tag è possibile inserire gli attributi del tag stesso, scrivendo <TAG attr1="val1" attr2="val2">testo</tag> Esempio: <p align="right">testo</p> Il linguaggio HTML p. 4/3
5 tag Alcuni particolari tag (detti vuoti) non hanno contenuto perché, ad esempio, indicano la posizione di alcuni elementi. Conseguentemente questi tag non hanno neanche chiusura. La loro forma sarà dunque: <TAG attributi> Esempio: <IMG widht="20" height="20" src="miaimmagine.gif" alt="alt"> Il linguaggio HTML p. 5/3
6 annidamento, indentazione, commenti I tag possono essere annidati l uno dentro l altro. Anzi molto spesso è necessario annidarli. L annidamento permette quindi di attribuire formattazioni successive al testo che stiamo inserendo. Spazi e righe vuote non hanno significato. Buona norma (ma non è obbligatorio) è quella di utilizzare dei caratteri di tabulazione. In HTML è possibile inserire commenti mediante <!-- e --> Esempio: <!-- commento --> L HTML è case unsensitive, cioè i tag possono essere scritti in maiuscolo o minuscolo. Il linguaggio HTML p. 6/3
7 Struttura della pagina HTML La prima riga di una pagina HTML indica che si stanno utilizzando le specifiche del World Wide Web Consortium: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> Quel che segue è normalmente diviso in due sezioni: Testa (<head>) contiene informazioni che riguardano il modo in cui il documento deve essere letto e interpretato. Questo è il luogo dove scrivere, ad esempio, i meta-tag (alcuni sono ad esclusivo beneficio dei motori di ricerca), script JavaScript o VbScript, fogli di stile, eccetera; Corpo (<body>) racchiude il contenuto vero e proprio del documento. Il linguaggio HTML p. 7/3
8 head I due tag che devono essere sicuramente presenti in questa sezione sono: <meta http-equiv="content-type" content="text/html; charset=iso "> indica al browser che deve caricare il set di caratteri occidentale (e non - ad esempio - il set di caratteri giapponese). <title>nome della pagina</title> Il title contiene il titolo della pagina e compare in alto sulla barra del browser. È bene scriverlo da subito, onde evitare poi di avere pagine senza titolo. Il linguaggio HTML p. 8/3
9 css L HTML in origine è nato come linguaggio per formattare i documenti presenti sul Web. Proprio per questo motivo il contenuto (ad esempio <p>qui il mio testo</p>) e i tag che indicano uno stile o una colorazione del contenuto (ad esempio <font color="red">, che colora il testo di rosso) si possono trovare mischiati allo stesso livello. Tuttavia vari anni di Web hanno fatto nascere l esigenza di separare il contenuto (il testo) dalla presentazione del contenuto medesimo (il colore, la dimensione del carattere, ecc.). Per farlo è necessario utilizzare i fogli di stile (detti anche CSS: "Cascading Style Sheets"). Esempio: <p class="formato"> titolo 1 </p> Il linguaggio HTML p. 9/3
10 css Tutto ciò che riguarda la presentazione del testo viene affidato alla classe "formato", descritta altrove del documento, o su un file separato. Dunque basta modificare la classe "formato" per cambiare l aspetto di tutte le pagine che utilizzano questa classe. Alcuni elementi riguardanti il formato (come il tag <font>) sono addirittura "deprecati" dal W3C, cioè destinati a cadere in disuso. Il linguaggio HTML p. 10/3
11 css Nella trattazione CSS gli elementi vengono classificati secondo tre tipologie: Elementi di blocco: sono sostanzialmente gli elementi che costituiscono un blocco attorno a sé, e che di conseguenza vanno a capo, come i paragrafi, le tabelle, le form. Elementi "inline": sono gli elementi che - non andando a capo - possono essere integrati nel testo, come i collegamenti o le immagini Liste: liste numerate, o non numerate Il linguaggio HTML p. 11/3
12 sfondo È importante assegnare sempre un colore alla pagina anche quando lo sfondo della pagina è bianco (al massimo assegnare bgcolor="#ffffff"). Infatti, come impostazione predefinita, il browser assegna alla pagina il colore di sfondo che lšutente ha impostato nella finestra del sistema operativo. <body bgcolor="blue"> <body bgcolor="darkblue"> <body bgcolor="#0000ff"> <body background="imgsfondo.gif"> Il linguaggio HTML p. 12/3
13 attributi di body <body leftmargin="0" topmargin="0"> <body lang="it"> <body text="red"> <body link="red" vlink="green" alink="yellow"> Tutti gli attributi del body (ad eccezione dell attributo "lang") sono caratteristiche che riguardano il layout della pagina HTML. Quindi possono essere inseriti in un foglio di stile. Il linguaggio HTML p. 13/3
14 testo Per racchiudere il testo: titoli: <h1>... <h6> paragrafi: <p> blocchi di testo: <div> contenitori: <span> Per allineare il testo: <p align="left"> (o "right", "justify") Per andare a capo: <br> <hr noshade size="5" width="50%" align="center"> Il linguaggio HTML p. 14/3
15 stile Stili fisici: <b> grassetto <i> corsivo <pre> preformattato <u> sottolineato (da non usare) <strike> barrato <sup>, <sub> apici e pedici Stili logici: <abbr>, <acronym>, <address>, <blockquote>, <code>, <em>, <strong>, <var>... Il linguaggio HTML p. 15/3
16 font Il tipo di carattere (cioè il "font") che il browser visualizza di default è il "Times". In genere, si preferisce però utilizzare dei caratteri senza grazie come il "Verdana", l "Arial" o l "Helvetica" <font face="arial">testo in Arial</font> Non è possibile utilizzare un carattere fantasioso creato da noi, in quanto poi dipende dal browser che interpreta la pagina. <font face="verdana, Arial, Helvetica, sans-seri <font color="blue">testo blu</font> Le dimensioni del testo si attribuisco mediante l attributo "size" del tag font (valori da 1 a 7). <font size="1">testo di grandezza 1</font> E possibile utilizzare valori relativi rispetto a quelli di default scrivendo +1, -1, ecc. La vera dimensione dipende però dal browser. Il linguaggio HTML p. 16/3
17 elenchi In HTML le liste sono di tre tipi: <ol> elenchi ordinati <ul> elenchi non ordinati <dl> elenchi di definizioni I primi due funzionano allo stesso modo: <elenco> <li> nome del primo elemento</li> <li> nome del secondo elemento</li> </elenco> Il linguaggio HTML p. 17/3
18 elenchi <ol type="a"> oppure "A", "1", "i", "I" <ul type="disc"> oppure "circle", "square" Elenchi di definizioni: <dl> <dt> definition term</dt> <dd> definition description</dd> </dl> Il linguaggio HTML p. 18/3
19 link I link sono l oggetto principale delle pagine HTML in quanto trasformano semplici testi in ipertesti. Sono costituiti da due parti: il contenuto (che nasconde il collegamento) la risorsa (verso cui si punta) La pagina web del corso è <a href= " amodio/labmatinf.html" >questa</a>. Il linguaggio HTML p. 19/3
20 link La destinazione può essere un altra pagina HTML, un immagine, un file pdf, un file zip, o un file exe. Può anche essere un indirizzo . In questo caso è necessario scrivere <a href="mailto:tuamail@nometuosito.it"> Mandami una </a>. I percorsi possono essere assoluti o relativi, nel caso il link punti a qualcosa all interno dello stesso sito. Per il nome del file evitare di lasciare spazi. Piuttosto utilizzare l underscore. Il linguaggio HTML p. 20/3
21 link interni E possibile anche creare un indice interno al documento, utilizzando le ancore. Ciascuna ancora può avere infatti un nome: <a name="primo">questo è il punto di partenza </a> Da notare che in mancanza dell attributo che indica il collegamento (href) le ancore non vengono viste come link. In un ipotetico indice è allora possibile far riferimento all ancora presente all interno del documento attraverso un link <a href="#primo">vai al primo paragrafo</a> Il cancelletto indica che il collegamento deve cercare un ancora chiamata "primo" all interno della pagina stessa. Il linguaggio HTML p. 21/3
22 link (attributi) target finestra nella quale aprire la pagina linkata (target="_blank" fa riferimento ad una pagina nuova) title testo esplicativo del link hreflang lingua del documento accesskey scorciatoie da tastiera Il linguaggio HTML p. 22/3
23 tabelle I tag necessari per creare una tabella sono: <table> apre la tabella <tr> indica l apertura di una riga <td> indica una cella all interno di una riga Attributi dei tre tag: border="2" width="75%" oppure width="150" height="250" (non sempre funziona) Il linguaggio HTML p. 23/3
24 gruppi di righe nella tabella Questi tag, nel caso, vanno inseriti in quest ordine: <caption> l intestazione o il titolo <thead> la riga iniziale (all interno si usa <th> per specificare i singoli elementi; in questo caso il contenuto è automaticamente centrato e in grassetto) <tfoot> la riga finale <tbody> il corpo Per la formattazione della tabella, usare l attributo align="..." all interno di <div> Il linguaggio HTML p. 24/3
25 attributi di table cellaspacing="50" distanza in pixel tra le celle cellpadding="50" distanza in pixel o percentuale tra il contenuto ed il bordo di una cella frame="above" (oppure "void", "hsides", "lhs", "box", ecc. ) indica la visualizzazione del bordo della tabella rules="rows" (oppure "none", "all", ecc. ) riferito anche a <tr> e <td> indica la visualizzazione del bordo delle celle Il linguaggio HTML p. 25/3
26 formattazione della tabella Per uniformare la formattazione di una colonna, si utilizza il tag <colgroup>. Attributi: align="left" (oppure "right", "center") e valign="top" (oppure "bottom", "middle", "baseline"), riferiti anche a <tr> e <td>, indicano l allineamento orizzontale e verticale bgcolor="blue" e background="sfondo.gif", riferiti anche a <table>, <tr> e <td> indicano il colore ed un immagine di background width="100" o in percentuale indica la larghezza span="2" indica il numero di colonne a cui è riferita la formattazione Il linguaggio HTML p. 26/3
27 esempio <table width="75%" border="1"> <caption> <div align="center"> <b>fatturato dell azienda XYZ</b></div> </caption> <colgroup bgcolor="#00ffcc" width="20%" align="right"></colgroup> <colgroup span="2" bgcolor="#33ccff" width="30%" align="center"> Il linguaggio HTML p. 27/3
28 esempio <thead> <tr> <th>mesi di attività</th> <th>fatturato da attività 1 (in euro)</th> <th>fatturato da attività 2 (in euro)</th> </tr> </thead> eccetera... </table> Il linguaggio HTML p. 28/3
29 raggruppare celle Le tabelle sono molto usate sia per impaginare i dati che per creare i layout grafici delle pagine web. L alternativa alle tabelle è quella di usare frames o linguaggi pi u evoluti dell HTML. Per raggruppare le celle all interno delle colonne si può usare <td colspan="2">. Analogamente tramite <td rowspan="2"> è possibile creare delle celle che occupino più di una riga. Infine, per creare tabelle più particolari, è possibile annidare le tabelle una dentro l altra. Esempio Il linguaggio HTML p. 29/3
30 frame I frame (riquadri) permettono di suddividere lo schermo in sottofinestre indipendenti. Presentano alcuni vantaggi: non bisogna ricaricare di volta in volta tutta la pagina, ma solo il frame nuovo chi scrive la pagina, non deve replicare contenuti comuni su più pagine (ora in frame diversi) può essere comodo avere sempre "a vista" un menù di navigazione Esempio: Pagina web del XVIII Congresso dell UMI Il linguaggio HTML p. 30/3
31 struttura di un file con frame <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//IT" " <html> <head>... </head> <frameset rows="50%,50%" cols="50%,50%"> <frame src="prima.html"> <frame src="seconda.html">... <noframes> <a href="senzaframe.html">versione senza frame</a> </noframes> </frameset> </html> Il linguaggio HTML p. 31/3
32 struttura di un file con frame cambia la prima riga scompare il tag <body> che viene sostituito dal tag <frameset> la pagina non ha contenuti, ma solo link ad altre pagine che contengono i vari frame Attributi di <frameset> sono rows e cols. I valori permettono di avere frames con dimensione fissa, percentuale e proporzionale. Esempi <frameset rows="150,*" cols="100,200,*"> <frameset rows="20%,80%" cols="25%,25%,50%"> <frameset rows="1*,3*" cols="3*,2*,1*"> Il linguaggio HTML p. 32/3
33 frame annidati È possibile annidare diversi frames l uno dentro l altro. In questo caso, al posto di uno dei tag <frame> è sufficiente includere le indicazioni del nuovo frameset. Esempio: <frameset rows="15%,70%,15%"> <frame src="11.html"> <frameset cols="25%,50%,25%"> <frame src="21.html"> <frame src="22.html"> <frame src="23.html"> </frameset> <frame src="12.html">... Il linguaggio HTML p. 33/3
34 attributi Il tag <frameset> non dovrebbe avere attributi, anche se sono in genere supportati) frameborder e bordercolor. Il tag <frame> ha invece diversi attributi: <frame src="prima.html" id="riquadro" name="riquadro"> serve a dare un nome (name ha senso solo per retro-compatibilità con vecchi browser). scrolling="auto" (anche "yes" e "no") noresize frameborder="0" (anche "1" che sta per sì) marginwidth="50" marginheight="50" Il linguaggio HTML p. 34/3
35 target dei link L attributo target serve a specificare la destinazione del link <a href="paginadalinkare.html" target="nomedelframe"> Ci sono poi delle "parole chiave" che ci consentono di ricaricare i link in destinazioni predefinite: target="_blank" (in una nuova finestra) target="_self" (nel frame stesso, default) target="_parent" (nel frameset precedente a quello corrente) target="_top" (nella finestra originale, cancellando ogni struttura a frame) Il linguaggio HTML p. 35/3
36 noframes e iframe Un tempo il tag noframes serviva nel caso in cui il browser non era in grado di visualizzare la struttura a frames. Attualmente non ha più questa funzione ma serve in quanto i motori di ricerca "catturano" il contenuto del <noframes> come descrizione di un sito. Il tag <iframe> serve ad aprire nuovi frame "al volo". Ad esempio: <iframe src="newpag.html" width="300" height="300"> Contenuto alternativo per i browser che non leggono iframe. </iframe> Anche in questo caso al posto di un contenuto alternativo conviene scrivere una descrizione del frame. Il linguaggio HTML p. 36/3
37 form Il tag <form> serve ad introdurre dei dati tramite una pagina web. L HTML da solo non è però in grado di gestire questi dati. Per questo scopo è necessario introdurre altri linguaggi (ad esempio il PHP o il JavaScript). Il linguaggio HTML p. 37/3
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
DettagliHTML 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
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
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:
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
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
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 , ,...,
DettagliCos è HTML. Hypertext Markup Language non è un linguaggio di programmazione. linguaggio 'di marcatura (Markup)
HTML Olga Scotti Cos è HTML Hypertext Markup Language non è un linguaggio di programmazione non ha meccanismi che consentono di prendere delle decisioni non è in grado di compiere delle iterazioni linguaggio
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
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:
DettagliHTML INFORMATICA PER LE APPLICAZIONI ECONOMICHE PROF.SSA BICE CAVALLO
HTML INFORMATICA PER LE APPLICAZIONI ECONOMICHE PROF.SSA BICE CAVALLO Introduzione 2 HTML è l'acronimo di Hypertext Markup Language ("Linguaggio di contrassegno per gli Ipertesti") e non è 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
DettagliBasi 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
DettagliPer accedere clicca su START o AVVIO (in basso a sinistra sul tuo schermo), poi su PROGRAMMI, ACCESSORI e infine su BLOCCO NOTE.
Cos'è l'html HTML è una sigla che viene da una frase inglese che vuol dire: " Linguaggio di contrassegno di ipertesti" (Hyper Text Markup Language) L'Html non è un vero e proprio linguaggio di programmazione,
DettagliHTML 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
DettagliGUIDA 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
DettagliAPPUNTI DI HTML (SECONDA LEZIONE)
APPUNTI DI HTML (SECONDA LEZIONE) 1. TITOLI, PARAGRAFI, BLOCCHI DI TESTO E CONTENITORI. E utile scrivere il testo che vogliamo inserire nella nostra pagina html all interno di appositi tag. La pagina sarà
DettagliUTILIZZO 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
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
Dettaglilo 2 2-1 - PERSONALIZZARE LA FINESTRA DI WORD 2000
Capittol lo 2 Visualizzazione 2-1 - PERSONALIZZARE LA FINESTRA DI WORD 2000 Nel primo capitolo sono state analizzate le diverse componenti della finestra di Word 2000: barra del titolo, barra dei menu,
DettagliCreare un Ipertesto. www.vincenzocalabro.it 1
Creare un Ipertesto www.vincenzocalabro.it 1 Obiettivi Il corso si prefigge di fornire: Le nozioni tecniche di base per creare un Ipertesto I consigli utili per predisporre il layout dei documenti L illustrazione
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
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
DettagliCorso 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
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.
DettagliHTML 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
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
Dettagli<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
Dettaglicaratteristiche del documento </head>
HTML: sintassi caratteristiche del documento documento 21 HTML: titolo del 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
DettagliIl 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 -
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
DettagliWWW.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
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
DettagliI PRINCIPALI TAG DEL LINGUAGGIO HTML
Struttura generica di una pagina Web: I PRINCIPALI TAG DEL LINGUAGGIO HTML Titolo
DettagliDisegnare il Layout. www.vincenzocalabro.it 1
Disegnare il Layout www.vincenzocalabro.it 1 Il problema dell interfaccia Una buona interfaccia deve assolvere a diverse funzioni: far percepire i contenuti permettere di individuare le principali aree
DettagliREPORT DI VALUTAZIONE DELL ACCESSIBILITÀ
Pag. 1 di 13 REPORT DI VALUTAZIONE DELL ACCESSIBILITÀ PUBBLICA AMMINISTRAZIONE Comune di Pella (NO) http://www.comune.pella.no.it/ DATA DELLA VALUTAZIONE 09/07/2008 AUTORE DELLA VALUTAZIONE Alessio Mantegna
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
DettagliModulo 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
DettagliEsercitazioni di HTML
Esercitazioni di HTML a cura di Maria Finazzi (23 novembre-1 dicembre 2006) e-mail: maria.finazzi@unipv.it pagine web: Dietro una pagina web Alcuni esempi:
DettagliPULSANTI E PAGINE Sommario PULSANTI E PAGINE...1
Pagina 1 Sommario...1 Apertura...2 Visualizzazioni...2 Elenco...2 Testo sul pulsante e altre informazioni...3 Comandi...3 Informazioni...4 Flow chart...5 Comandi...6 Pulsanti Principali e Pulsanti Dipendenti...6
DettagliIntroduzione. Le pagine web sono scritte in HTML un semplice linguaggio di scrittura. HTML è la forma abbreviata di HyperText Markup Language
HTML 05/04/2012 1 Introduzione Le pagine web sono scritte in HTML un semplice linguaggio di scrittura. HTML è la forma abbreviata di HyperText Markup Language L'ipertesto è semplicemente un testo che funziona
DettagliOlga Scotti. Esercizi. Create nella vostra directory HTML un albero di directory come quello della prossima slide (arancio = directory verde = file)
Esercizi Create nella vostra directory HTML un albero di directory come quello della prossima slide (arancio = directory verde = file) Esercizi 12biz htdocs img Index.html Canzoni.html Galleria.htm guestbook
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
DettagliLogin. Gestione contenuto. www.sitofaidate.it
www.sitofaidate.it Questa guida è stata scritta per utenti di basso/medio livello, guida pratica per chi vede per la prima volta l editor di testo jce i cui riferimenti delle icone sono visibili cliccando
DettagliManuali.net. Nevio Martini
Manuali.net Corso base per la gestione di Siti Web Nevio Martini 2009 Il Linguaggio HTML 1 parte Introduzione Internet è un fenomeno in continua espansione e non accenna a rallentare, anzi è in permanente
DettagliIntroduzione allo sviluppo Web. Studium Generale, a.a. 2013-2014, II semestre
Introduzione allo sviluppo Web Studium Generale, a.a. 2013-2014, II semestre 1 Contatto Daniel Graziotin graziotin@inf.unibz.it http://task3.cc/teaching/introduzion e-allo-sviluppo-web 2 Ciao mondo File
DettagliSettaggio impostazioni tema. Cliccando nuovamente su aspetto e poi su personalizza si avrà modo di configurare la struttura dinamica della template.
I TEMI PREDEFINITI (TEMPLATE) Scelta del tema I temi predefiniti di wordpress sono la base di un sito che usa un utente che per ragioni pratiche o per incapacità non può creare un sito usando solo codice
DettagliIntroduzione. 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
DettagliGUIDA HTML 4.01 andreavasini@libero.it HTML.IT
Tutti i diritti sono riservati. Per pubblicazioni od utilizzo di questo materiale pregasi contattare l autore al seguente indirizzo: andreavasini@libero.it Andrea Vasini HTML.IT HTML.IT - Andrea Vasini
DettagliMS 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
DettagliFtpZone Guida all uso Versione 2.1
FtpZone Guida all uso Versione 2.1 La presente guida ha l obiettivo di spiegare le modalità di utilizzo del servizio FtpZone fornito da E-Mind Srl. All attivazione del servizio E-Mind fornirà solamente
DettagliIl foglio elettronico 5/06/2013
Il foglio elettronico 5/06/2013 Che cos'è un foglio elettronico Quando dobbiamo eseguire dei calcoli, rappresentare tabelle, fare disegni, siamo portati naturalmente a servirci di fogli a quadretti perché
DettagliEsercitazione n. 10: HTML e primo sito web
+ Strumenti digitali per la comunicazione A.A 0/4 Esercitazione n. 0: HTML e primo sito web Scopo: Creare un semplice sito web con Kompozer. Il sito web è composto da una home page, e da altre due pagine
DettagliLA CORRISPONDENZA COMMERCIALE
LA CORRISPONDENZA COMMERCIALE GLI ELEMENTI ESSENZIALI DELLA LETTERA COMMERCIALE Intestazione Individua il nome e il cognome o la ragione sociale di chi scrive; contiene inoltre l indirizzo e i recapiti
DettagliAppunti 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
DettagliI 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ò
DettagliRealizzare il layout di un sito web senza utilizzare frame e tabelle
Realizzare il layout di un sito web senza utilizzare frame e tabelle Questa guida descrive in maniera semplice e essenziale i passi necessari alla realizzazione di una pagina web strutturata in maniera
DettagliHTML 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
DettagliFONDAMENTI DI INFORMATICA. 3 Elaborazione testi
FONDAMENTI DI INFORMATICA 3 Elaborazione testi Microsoft office word Concetti generali Operazioni principali Formattazione Oggetti Stampa unione Preparazione della stampa Schermata iniziale di Word Come
DettagliExcel. A cura di Luigi Labonia. e-mail: luigi.lab@libero.it
Excel A cura di Luigi Labonia e-mail: luigi.lab@libero.it Introduzione Un foglio elettronico è un applicazione comunemente usata per bilanci, previsioni ed altri compiti tipici del campo amministrativo
DettagliLista dei Punti di Controllo per l'accessibilità dei contenuti web
Lista dei Punti di Controllo per l'accessibilità dei contenuti web Questo documento è tratto dal sito del W3C http://www.w3.org/tr/wai-webcontent/full-checklist.html ed è stato tradotto dagli studenti
Dettagli- La formattazione con foglio di stile esterno: Come realizzare e collegare un file con codice di stile ad una pagina web.
I fogli di stile. Argomenti trattati: - La formattazione con foglio di stile interno: Come dichiarare lo stile di una pagina web all'interno del suo codice. - Ereditarietà e selettori contestuali: Come
DettagliPROGRAMMA 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
DettagliCorso di PHP. Prerequisiti. 1 - Introduzione
Corso di PHP 1 - Introduzione 1 Prerequisiti Conoscenza HTML Principi di programmazione web Saper progettare un algoritmo Saper usare un sistema operativo Compilazione, link, esecuzione di programmi Conoscere
DettagliCos è un word processor
Cos è un word processor è un programma di videoscrittura che consente anche di applicare formati diversi al testo e di eseguire operazioni di impaginazione: font diversi per il testo impaginazione dei
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
DettagliFUNZIONI DI IMPAGINAZIONE DI WORD
FUNZIONI DI IMPAGINAZIONE DI WORD IMPOSTARE LA PAGINA Impostare la pagina significa definire il formato del foglio e vari altri parametri. Per impostare la pagina occorre fare clic sul menu File e scegliere
DettagliIndice 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
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
DettagliCapitolo 4 Pianificazione e Sviluppo di Web Part
Capitolo 4 Pianificazione e Sviluppo di Web Part Questo capitolo mostra come usare Microsoft Office XP Developer per personalizzare Microsoft SharePoint Portal Server 2001. Spiega come creare, aggiungere,
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
DettagliHTML (Hyper Text Markup Language)
HTML (Hyper Text Markup Language) E un linguaggio di scrittura di pagine per Internet (pagine web) nato nel 1992. E un linguaggio di marcatura ipertestuale Non è un linguaggio di programmazione, in quanto
DettagliEUROPEAN 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
DettagliWord è un elaboratore di testi in grado di combinare il testo con immagini, fogli di lavoro e
Word è un elaboratore di testi in grado di combinare il testo con immagini, fogli di lavoro e grafici, tutto nello stesso file di documento. Durante il lavoro testo e illustrazioni appaiono sullo schermo
DettagliInformatica A per Ingegneria Gestionale (2005-2006) Il linguaggio HTML. Elisa Quintarelli-Laura Mandelli. HyperText Markup Language
Informatica A per Ingegneria Gestionale (2005-2006) Il linguaggio HTML Elisa Quintarelli-Laura Mandelli 1 HyperText Markup Language Linguaggio di descrizione di testi secondo lo schema SGML (Standard Generalized
Dettagliextensible Markup Language
XML a.s. 2010-2011 extensible Markup Language XML è un meta-linguaggio per definire la struttura di documenti e dati non è un linguaggio di programmazione un documento XML è un file di testo che contiene
DettagliMANUALE D USO DELLA PIATTAFORMA ITCMS
MANUALE D USO DELLA PIATTAFORMA ITCMS MANULE D USO INDICE 1. INTRODUZIONE... 2 2. ACCEDERE ALLA GESTIONE DEI CONTENUTI... 3 3. GESTIONE DEI CONTENUTI DI TIPO TESTUALE... 4 3.1 Editor... 4 3.2 Import di
DettagliGUIDA RAPIDA PER LA COMPILAZIONE DELLA SCHEDA CCNL GUIDA RAPIDA PER LA COMPILAZIONE DELLA SCHEDA CCNL
GUIDA RAPIDA BOZZA 23/07/2008 INDICE 1. PERCHÉ UNA NUOVA VERSIONE DEI MODULI DI RACCOLTA DATI... 3 2. INDICAZIONI GENERALI... 4 2.1. Non modificare la struttura dei fogli di lavoro... 4 2.2. Cosa significano
DettagliCorso html 5. Di Roberto Abutzu. *********** Terza parte: Prime nozioni: Tag e prima pagina, continuazione. **********
Corso html 5. Di Roberto Abutzu. *********** Terza parte: Prime nozioni: Tag e prima pagina, continuazione. ********** Prime nozioni: Tag e prima pagina, continuazione. Nota bene, al fine di avere anche
DettagliFormattazione 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:
DettagliConsorzio Triveneto S.p.A. Payment Gateway
Consorzio Triveneto S.p.A. Payment Gateway Specifiche di Personalizzazione della Hosted Payment Page Release 1.4.0 Data Versione Autore Descrizione 02/10/2003 1.2.0 PM Prima Release, associata al Manuale
DettagliCosa è un foglio elettronico
Cosa è un foglio elettronico Versione informatica del foglio contabile Strumento per l elaborazione di numeri (ma non solo...) I valori inseriti possono essere modificati, analizzati, elaborati, ripetuti
DettagliEXCEL PER WINDOWS95. sfruttare le potenzialità di calcolo dei personal computer. Essi si basano su un area di lavoro, detta foglio di lavoro,
EXCEL PER WINDOWS95 1.Introduzione ai fogli elettronici I fogli elettronici sono delle applicazioni che permettono di sfruttare le potenzialità di calcolo dei personal computer. Essi si basano su un area
DettagliUTILIZZO DEL TEMPLATE Parte 1 - struttura
UTILIZZO DEL TEMPLATE Parte 1 - struttura PROGRAMMI UTILIZZATI: gestione del codice HTML - HTML-Kit è un Editor Web non di tipo visuale, che consente la costruzione ex-novo di pagine web o la loro modifica,
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
DettagliCompito di laboratorio di informatica HTML
Compito di laboratorio di informatica HTML Creare un sito che tratti un argomento a vostra scelta, cercando i testi e le immagini su Internet. Il sito deve prevedere una organizzazione a cartelle che separi
DettagliHTML+XML= XHTML. Che cos è l XHTML
HTML+XML= XHTML Il ritorno al futuro del WEB A cura di Barbara Lotti Che cos è l XHTML Nel gennaio del 2000 il W3C ha rilasciato, anziché una nuova versione, una riformulazione dell HTML come applicazione
Dettagliwww.filoweb.it STAMPA UNIONE DI WORD
STAMPA UNIONE DI WORD Molte volte abbiamo bisogno di stampare più volte lo stesso documento cambiando solo alcuni dati. Potremmo farlo manualmente e perdere un sacco di tempo, oppure possiamo ricorrere
DettagliSistemi di Content Managment. http://www.besmart.it
Sistemi di Content Managment http://www.besmart.it Cos è un CMS? 1. CMS sta per Content Managment System 2. E un applicazione in grado di gestire tutti i contenuti (testi, banche dati, profili utente ecc.)
DettagliTecniche della comunicazione web - 8 CFU
Tecniche della Comunicazione Web A.A. 2007/08 Corso di laurea in Scienze e Cultura delle Alpi Tecniche della comunicazione web - 8 CFU DocenTe: Viviana Patti Ricercatrice Dipartimento di Informatica Università
DettagliSistema operativo. Sommario. Sistema operativo...1 Browser...1. Convenzioni adottate
MODULO BASE Quanto segue deve essere rispettato se si vuole che le immagini presentate nei vari moduli corrispondano, con buona probabilità, a quanto apparirà nello schermo del proprio computer nel momento
DettagliINTRODUZIONE AD HTML
INTRODUZIONE AD HTML I Frames ovvero Le cornici. Nelle lezioni precedenti abbiamo imparato a creare il nostro sito facendo uso di testo, immagini, links e meta comandi. Pochi e semplici ingredienti per
DettagliUsare la webmail Microsoft Hotmail
Usare la webmail Microsoft Hotmail Iscriversi ad Hotmail ed ottenere una casella di posta Innanzitutto è necessario procurarsi una casella di posta elettronica (detta anche account di posta elettronica)
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
Dettagli, 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,
DettagliL'HTML e i browser Browser Netscape Navigator Mozilla Opera mentalità multi-browser cache
L'HTML e i browser L'HTML è il linguaggio con cui potete indicare come i vari elementi vanno disposti in una pagina Web. Un documento html non è nient'altro infatti che un file di testo con delle indicazioni
DettagliXSL: extensible Stylesheet Language
XSL: extensible Stylesheet Language XSL è un insieme di tre linguaggi che forniscono gli strumenti per l elaborazione e la presentazione di documenti XML in maniera molto flessibile. I tre linguaggi devono
DettagliWord. Cos è Le funzioni base Gli strumenti. www.vincenzocalabro.it 1
Word Cos è Le funzioni base Gli strumenti www.vincenzocalabro.it 1 Cos è e come si avvia Word è un programma per scrivere documenti semplici e multimediali Non è presente automaticamente in Windows, occorre
Dettagli