Tabelle Tabella: struttura di base
|
|
- Gennaro Russo
- 5 anni fa
- Visualizzazioni
Transcript
1 06 HTML tabelle Prof. Sabato Dario Pagina 1 di 14 Tabelle Tabella: struttura di base Le tabelle sono componenti importanti in HTML: nate agli inizi del Web per impaginare dati aggregati, si sono poi trasformate in uno strumento indispensabile per gestire i layout grafici, per tornare, già nell epoca dei CSS, ad essere elementi utilissimi per rappresentare informazioni. Come sempre in questa guida ci rifacciamo allo standard attuale, per cui l elemento <table> serve alla rappresentazione di dati, anche in più dimensioni, sotto forma di tabelle. Per definire una tabella minimale, che sia comunque interpretata correttamente dai browser possiamo riprodurre un esempio simile al seguente. Esempio: <table> <td>colonna 1 <td>colonna 2 <td>dato 1,1 <td>dato 1,2 <td>dato 2,1 <td>dato 2,2 <td>dato 3,1 <td>dato 3,2 Risultato a video: Nell esempio riusciamo a definire una griglia formata da righe e colonne, il
2 06 HTML tabelle Prof. Sabato Dario Pagina 2 di 14 risultato è piuttosto povero a livello semantico (non distinguiamo ad esempio il nome di una colonna dai suoi valori), ma ci aiuta a presentare i tag di base: Tag <table> <td> Descrizione È il contenitore di tutta la tabella e la definisce table row Contiene una riga della tabella table data Una cella che contiene i valori all interno di una riga Per ottenere una visualizzazione con bordi dobbiamo aggiungere tra il tag di header il seguente codice CSS: <style> table { border-collapse:collapse /*collassa lo spazio dei bordi*/ } td, th { border:1px solid #ddd; /*spessore stile colore*/ padding:8px; } </style> Per l attributo border-collapse serve a collassare gli spazi dei bordi vedi link: Per l attributo border serve definire il bordo spessore, stile colore, vedi link:
3 06 HTML tabelle Prof. Sabato Dario Pagina 3 di 14 Il template di base di una tabella, caption, thead, tbody, tfoot Per scrivere una tabella che fornisca una rappresentazione più chiara dei dati introduciamo un template (modello) leggermente più ricco: <style> table { border-collapse: collapse; //collassa lo spazio dei bordi } th,td { border: 2px solid black;//bordo spessore, tipo linea, colore } </style> <table> <caption> <!--didascalia tabella--> <p>i miei dati</p> </caption> <!--intestazione tabella--> <th>colonna 1</th> <th>colonna 2</th> <tfoot> <!--piè di tabella--> <td>totale 1 <td>totale 2 </tfoot> <!--corpo della tabella--> <td>dato 1,1 <td>dato 1,2 <td>dato 2,1 <td>dato 2,2 <td>dato 3,1 <td>dato 3,2
4 06 HTML tabelle Prof. Sabato Dario Pagina 4 di 14 CAPTION THEAD TBODY TFOOT I tag introdotti sono tutti definiti come facoltativi, nel senso che la tabella non si rompe se manca uno di essi. Tuttavia si tratta di elementi fondamentali per la semantica delle tabelle. Esaminiamoli: Tag <caption> <th> <tfoot> Descrizione È una didascalia che ci permette di dare una contestualizzazione ai dati e rendere più chiaro il loro significato. Serve per raggruppare le righe che rappresentano l intestazione della tabella. table header Indica una cella intestazione (ad esempio il titolo di una colonna o di una riga) e serve a dare una definizione dei dati cui si riferisce. Raggruppa le righe corpo della tabella, spesso con i dati veri e propri. Raggruppa righe footer (piè di tabella) della tabella, in cui si possono inserire dei dati di riepilogo, somme, medie, etc. Interessante notare che thead, tbody e tfoot, creano dei raggruppamenti di righe e che tfoot può apparire, nel markup, anche prima del tbody, questo per consentire ai crowler di leggere prima i dati di sintesi e poi le informazioni più granulari. Alla fine la rappresentazione della tabella rimane quella che ci aspetteremmo:
5 06 HTML tabelle Prof. Sabato Dario Pagina 5 di 14
6 06 HTML tabelle Prof. Sabato Dario Pagina 6 di 14 colgroup e col, raggruppare le colonne Possiamo raggruppare le celle della tabella anche per colonna grazie al tag <colgroup>, che deve essere inserito tra il caption e ogni possibile raggruppamento per riga (thead, tbody, tfood). Con colgroup i gruppi vengono creati prendendo le colonne da sinistra verso destra. Il numero di colonne da considerare lo indichiamo grazie all attributo span. <table style="background-color: red;"> <colgroup id="a" span="3" style="background-color: green;"> </colgroup> <th>head</th><th>head</th><th>head</th> <th>head</th><th>head</th><th>head</th> <td>cell<td>cell<td>cell <td>cell<td>cell<td>cell <td>cell<td>cell<td>cell <td>cell<td>cell<td>cell <td>cell<td>cell<td>cell <td>cell<td>cell<td>cell
7 06 HTML tabelle Prof. Sabato Dario Pagina 7 di 14 Col Possiamo anche sfruttare il tag <col> per definire singole colonne o sottogruppi all interno di un gruppo: <table> <colgroup id="a" span="3" style="background-color: green;"></colgroup> <colgroup id="a"> <col id="b1" style="background-color: red;"> <col id="b2" span="2" style="background-color: yellow;"></colgroup> <th>head</th><th>head</th><th>head</th> <th>head</th><th>head</th><th>head</th> <td>cell<th>head</th><th>head</th> <td>cell<th>head</th><th>head</th> <td>cell<th>head</th><th>head</th> <td>cell<th>head</th><th>head</th> <td>cell<th>head</th><th>head</th> <td>cell<th>head</th><th>head</th> I sottogruppi si creano utilizzando l attributo span all interno di col.
8 06 HTML tabelle Prof. Sabato Dario Pagina 8 di 14 th, l attributo scope Il tag <th> indica il significato dei dati all interno delle celle, ma quali? Possiamo sfruttare questo tag sia per le colonne sia per le righe impostando l attributo scope che prevede 5 valori (stati): Valori di scope per th scope= row scope= col scope= rowgroup scope= colgroup scope= auto Descrizione L header si riferisce ai valori sulla stessa riga L header si riferisce ai valori sulla stessa colonna L header si riferisce a tutte le celle incluse nello stesso gruppo di righe del th (il valore non è ammesso se il th non appartiene a un gruppo di righe) L header si riferisce a tutte le celle incluse nello stesso gruppo di colonne del th (valido solo se th appartiene a un gruppo di colonne) se diamo come scope auto o se omettiamo lo scope, l insieme di celle cui si applica il contenuto di th viene selezionato dal contesto. I tag thead, tbody e tfoot permettono di creare dei raggruppamenti semantici di righe (row group) e dovrebbero sempre contenere almeno una riga. Vedi link:
9 06 HTML tabelle Prof. Sabato Dario Pagina 9 di 14 Annidare tabelle Chiudiamo mostrando come è possibile annidare le tabelle le une dentro le altre e lo facciamo esaminando un semplice esempio: <table style="background-color: green;"> <th>campo</th> <th>tabella</th> <td>campo1 <td> <table style="background-color: red;"> <th>campo</th><th>descrizione</th> <td>campo1<td>descrizione1
10 06 HTML tabelle Prof. Sabato Dario Pagina 10 di 14 colspan Prendiamo ad esempio una tabella 3 3 un cui vogliamo che una riga abbia una intestazione che valga per 2 colonne: <table style="background-color: green;"> <th colspan="2" style="background-color: red;"> double head </th> <th>head</th> <td>cell<td>cell<td>cell <td>cell<td>cell<td>cell <td>cell<td>cell<td>cell Per ottenere una cella che occupi più colonne utilizziamo l attributo colspan che si applica a td e a th come nel nostro caso. In questo modo ad esempio abbiamo indicato un header che vale per entrambe le colonne sottostanti. Importante notare che, poiché la nostra casella occupa due posti, per completare le tre colonne basterà aggiungere solo un altro th. Per completezza facciamo anche un esempio con td e colspan, creando un ipotetica scheda per la palestra:
11 06 HTML tabelle Prof. Sabato Dario Pagina 11 di 14 <table style="background-color: green;"> <th>lunedì</th> <th>mercoledì</th> <th>venerdì</th> <td colspan="3" style="background-color: red;"> Cyclette <td>esercizi spalle <td>pettorali <td>tricipiti <td>squat <td>estensioni gambe <td>polpacci
12 06 HTML tabelle Prof. Sabato Dario Pagina 12 di 14 rowspan Per ottenere una cella che si estenda su più di una riga utilizziamo l attributo rowspan in modo del tutto simile a quanto fatto con colspan: <table style="background-color: green;"> <th>head</th> <th>head</th> <th>head</th> <td rowspan="2" style="background-color: red;"> double row cell <td>cell <td>cell <td>cell <td>cell <td>cell <td>cell <td>cell
13 06 HTML tabelle Prof. Sabato Dario Pagina 13 di 14 Semantica di colspan e rowspan A livello semantico risulta abbastanza inutuitivo: le intestazioni (th) che sono su più colonne o più righe definiscono il significato delle relative colonne o righe, mentre i dati (td) che sussistono su più righe o colonne acquisicono il significato relativo alle righe o alle colonne che occupano. Concludiamo con un ultimo esempio pratico in cui definiamo un ipotetico orario scolastico: <table style="background-color: green;"> <caption>orario III B</caption> <th>ora</th> <th>lunedì</th> <th>martedì</th> <th>mercoledì</th> <th>giovedì</th> <th>venerdì</th> <th>i</th> <td rowspan="3" style="background-color: red;"> Italiano <td>geografia <td nowrap>ed. artistica <td colspan="2" style="background-color: yellow;"> Ed. Musicale <th>ii</th> <td rowspan="2" style="background-color: blu;"> Scienze <td rowspan="2" style="background-color: blu;"> Ed. Fisica <td colspan="2" style="background-color: blu;"> Matematica <th>iii</th> <td colspan="2" style="background-color: blu;"> Italiano <th>iv</th> <td>storia <td>matematica <td>geografia <td colspan="2" style="background-color: blu;"> Ed. tecnica
14 06 HTML tabelle Prof. Sabato Dario Pagina 14 di 14
Laboratorio di Tecnologie Web HTML: Tabelle Dott. Stefano Burigat
Laboratorio di Tecnologie Web HTML: Tabelle Dott. Stefano Burigat www.dimi.uniud.it/burigat Come usare le tabelle Le tabelle HTML possono essere utilizzate in tutti quei casi in cui sia necessario inserire
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
DettagliLe tabelle vengono usate quando hai bisogno di mostrare dei "dati tabulari" cioè informazioni presentate logicamente in righe e colonne.
Le tabelle Le tabelle vengono usate quando hai bisogno di mostrare dei "dati tabulari" cioè informazioni presentate logicamente in righe e colonne. E' difficile? All'inizio costruire le tabelle in HTML
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
DettagliTabella: struttura di base
Tabella: struttura di base Le tabelle sono una delle parti più importanti di tutto il codice HTML: nate sin dagli inizi del Web per impaginare dati aggregati, si sono poi trasformate in uno strumento indispensabile
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
DettagliTabelle. Esempio 20. Inserire righe e colonne. Dimensioni delle tabelle. Attributi del tag TABLE INFO WEB LEZIONE N.6
Tabelle INFO WEB LEZIONE N.6 RAVENNA, 2 APRILE 2008 In HTML le tabelle vengono largamente utilizzate per organizzare i dati in tabelle creare il layout della pagina servendosi di tabelle nascoste Si definiscono
DettagliELENCHI. 1. Prima 2. Seconda 3. terza. Prima Seconda terza
ELENCHI Un elenco è una serie di voci di testo che possono essere contrassegnate da un punto elenco oppure da un numero o da una lettera e volendo anche da un elemento grafico. Si possono avere elenchi
DettagliTabelle. 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
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
DettagliTabella: struttura di base
Tabella: struttura di base Le Tabelle Nel Linguaggio HTML Le tabelle sono una delle parti più importanti di tutto il codice HTML: nate sin dagli inizi del Web per impaginare dati aggregati, si sono poi
DettagliCSS: stili e layout BOX MODEL. Prof.ssa Cristina Gena
CSS: stili e layout BOX MODEL Prof.ssa Cristina Gena Box model In questa lezione vedremo la differenza tra gli elementi blocco e gli elementi in linea e scopriremo le caratteristiche del box model. In
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
DettagliCorso di HTML. Prerequisiti. Modulo L2 B4 - Le tabelle. Concetto di tabella Coordinate di cella in una tabella. M. Malatesta B4-Le tabelle-06
Corso di HTML Modulo L2 B4 - Le tabelle 1 Prerequisiti Concetto di tabella Coordinate di cella in una tabella 2 1 Introduzione In questa Unità illustriamo il concetto e l uso delle tabelle in HTML. Le
DettagliHTML Lezione3 Le Tabelle. Prof. Accarino IIS Altiero Spinelli Via Leopardi 132 Sesto San Giovanni
HTML Lezione3 Le Tabelle Prof. Accarino IIS Altiero Spinelli Via Leopardi 132 Sesto San Giovanni Le Tabelle Non servono soltanto per incolonnare e tabulare i dati come si potrebbe facilmente pensare. Le
DettagliImmaginiamo la nostra prima tabella come una griglia formata da righe e colonne. I tag necessari per creare una tabella sono: <table>
LE TABELLE IN HTML Le tabelle sono una delle parti più importanti di tutto il codice HTML: nate sin dagli inizi del Web per impaginare dati aggregati, si sono poi trasformate in uno strumento indispensabile
DettagliII 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
DettagliCl Calendario dl del corso
Cl Calendario dl del corso 12/02/2010 09.00-12.00 Introduzione al mondo WEB Concetti fondamentali e struttura di un sito e delle pagine pg web Gli URL, i link, le immagini I linguaggi HTML e CSS 16/02/2010
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
Dettagli14 attributi per tabelle.html prof. Uccellani pagina 1
1 2 3 attributi per tabelle nelle pagine HTML 4 5 6 attributi per le tabelle 7 8 border
DettagliInformatica. 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
DettagliWeb design/1. prof. Marco Pagano
Web design/1 prof. Marco Pagano m@accademiabellearti.fr.it Questo documento è pensato come supporto alle lezioni frontali e non è quindi da considerarsi come «testo d esame» o sostitutivo della frequenza
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
DettagliALBO PRETORIO ONLINE
ALBO PRETORIO ONLINE Integrazione dell'albo nel sito della scuola Versione 1.0 Mediasoft snc Guida rapida Per integrare la tabella con l'elenco dei documenti e, eventualmente, il form di ricerca è sufficiente
DettagliPablo Genova I. I. S. Angelo Omodeo Mortara Indirizzo Tecnico-Economico A. S
Breve introduzione all' HTML Pablo Genova gallini.genova@gmail.com I. I. S. Angelo Omodeo Mortara Indirizzo Tecnico-Economico A. S. 2018 2019 Un assaggio di HTML Come abbiamo visto nelle lezioni precedenti
DettagliRealizzare un semplice layout a due colonne. Esempio base (fisso) Alternative posizionamento colonne Lavorare con le percentuali.
Realizzare un semplice layout a due colonne Esempio base (fisso) Alternative posizionamento colonne Lavorare con le percentuali. 1 Tutorial 2 Di cosa abbiamo bisogno? intestazione contenitore (non indispensabile)
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
DettagliAttività interattiva Tabelle
Tutti gli esercizi interattivi propongono quattro schede per le impostazioni di funzionamento: Attività - Opzioni di esecuzione - Sito web - Scorm. Mentre la scheda Attività è ogni volta diversa ed è oggetto
DettagliLEZIONE NO. 3: LE TABELLE DI ATTILIO ABBIEZZI
HTML BASE LEZIONE NO. 3: LE TABELLE DI ATTILIO ABBIEZZI 1 gestire Tabelle La larghezza e l'altezza complessiva di una tabella viene indicata all'interno dell'attributo , il quale appunto
DettagliCORSO DI HTML E CSS CORSO PER LA REALIZZAZIONE DI SITI WEB CON WORDPRESS. ARGOMENTI BASE DEL CORSO
CORSO DI HTML E CSS CORSO PER LA REALIZZAZIONE DI SITI WEB CON WORDPRESS. Grazie al corso di HTML e CSS IkonArt Academy potrai gestire gli elementi che regolano l'impaginazione dei contenuti (HTML) e l'aspetto
Dettagli(b) - Creazione del layout delle pagine nella vista Layout
(b) - Creazione del layout delle pagine nella vista Layout La vista Layout di Dreamweaver semplifica l utilizzo delle tabelle per il layout delle pagine. Nella vista Layout, è possibile progettare le pagine
DettagliCome creare una tabella responsive
Come creare una tabella responsive martedì, 26 dicembre 2017 Uno degli elementi HTML più difficili da trattare quando si passa dalla visualizzazione desktop a quella mobile è senz'altro la tabella. Si
DettagliSommario. Nozioni di base su HTML
Sommario Parte 1 Ringraziamenti.................................................... xiii Introduzione...................................................... xvi Che cos'è HTML?.................................................
DettagliSommario. Introduzione 1. 1 Scrivere in HTML con efficacia 7. 2 Formattazione standard del testo Aggiungere i colori 43. iii
Sommario Ringraziamenti Informazioni sull autore Introduzione 1 Finalità del libro 1 Introduzione a HTML 4 1 Nuove funzionalità di HTML 4 2 Come utilizzare questo libro 2 Struttura del libro 3 1 Scrivere
DettagliTag <br> : per definire l interruzione di riga (andata a capo)(senza tag di chiusura); sta per break row
TAG FONDAMENTALI Tag : per definire l interruzione di riga (andata a capo)(senza tag di chiusura); sta per break row Tag , tag ,.tag : per definire le intestazioni (i titoli) e la loro
DettagliFormattazione 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
DettagliHTML Guida base. Guida grafica essenziale all Hyper Text Markup Language I parte
HTML Guida base Guida grafica essenziale all Hyper Text Markup Language I parte In questa breve guida imparerai come è fatta la struttura della pagina HTML impostare il titolo della pagina impostare lo
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
DettagliLezione del corso CSS - Web Design ed Accessibilità secondo il W3C con CSS ed XHTML
Questo PDF è stato generato su richiesta di Matera Renato il 31/10/2014 alle 16.03. Attenzione: l'uso di questo file in violazione delle norme in materia di diritto d'autore costituisce reato. Lezione
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
DettagliStile di scrittura del sorgente
Stile di scrittura del sorgente Blocchi di testo e rientri................................. 1215 Elenchi............................................. 1217 Figure e tabelle.........................................1218
DettagliCorso di PROGRAMMAZIONE IN RETE
Corso di PROGRAMMAZIONE IN RETE Laurea Specialistica - Media Education Dr. Annamaria Bria 1 1 Dipartimento di Matematica Università della Calabria Riferimenti MANUALE http://www.w3.org/tr/1999/rec-html401-19991224/
DettagliLaboratorio Digitale 1
Informatica Corso di PROGRAMMAZIONE Applicata ai Beni IN Culturali RETE Laboratorio Digitale 1 Corso di Laboratorio Digitale 1 Corso di laurea comunicazione e DAMS Laurea Specialistica - Media Education
DettagliSiti molto ben fatti /1 08
Siti molto ben fatti /1 08 1) Mettiamoci a cucinare Crea la cartella 30 ricette con le sottocartelle css e img. L'obiettivo è di realizzare un sito come questo rappresentato in figura. Cominciamo con l'operare
DettagliCSS Cascading Style Sheet Parte 2 (b)
CSS Cascading Style Sheet Parte 2 (b) Dr. Ing. Information Management Systems (IMS) Research Group, Dipartimento di Ingegneria dell Informazione, Università degli Studi di Padova {silvello}@dei.unipd.it
DettagliReti di calcolatori 27 giugno 2019 N. 1
27 giugno 2019 N. 1 Esercizio 1 [punti 5] Dato il seguente schema di rete Host 3 Host 4 Internet Host 2 Host 1 143.1.32.0/20 101.144.0.0/13 101.144.0.1 192.168.3.2 R2 172.20.1.57 143.1.32.1 172.20.1.56/30
DettagliFoglio elettronico Microsoft Office Excel 2003
Foglio elettronico Microsoft Office Excel 2003 04/06/2015 Nonni su internet 2015 1 Il foglio elettronico è un programma che possiamo usare per creare tabelle di numeri e calcolare automaticamente somme,
DettagliReti di calcolatori I prova intermedia 29 Aprile N. 1
I prova intermedia 29 Aprile 2019 - N. 1 radio button fra i numeri 3, 5, 7. 2. Una pagina che prendendo i parametri del form scrive un messaggio che indica se il numero inserito nel campo di testo è divisibile
DettagliWeb Design. Media Dream Academy. Stefano Gaborin
Web Design Media Dream Academy Stefano Gaborin stefano.gaborin@above.company www.above.company I Fogli di stile: CSS CSS è l acronimo di Cascading Style Sheets, ovvero fogli di stile a cascata. Il CSS
DettagliCosa sono i report. Prof. Emanuele Papotto 05/10/2010
Prof. Emanuele Papotto Cosa sono i report Nei database, gli elenchi di g informazioni pronti per essere stampati (nella figura a fianco l elenco dei cantanti), vengono chiamati report (rapporti) 1 A cosa
DettagliSTILE E CSS. classi sezioni. tag
Perchè occorre lo stile? HTML con i suoi tag e relativi attributi possiede un suo stile standard che offre purtroppo poche personalizzazioni. Un sito web deve avere uniformità di colori, di font e dimensioni
DettagliHTML Sesta lezione. 29 Marzo di Ivano Stranieri
HTML 4.01 Sesta lezione 29 Marzo 2004 di Ivano Stranieri 0 Lezione precedente Costruire una tabella Raggruppare righe (e colonne) Unire righe e colonne Attributi di e Come utilizzare
DettagliAlcune definizioni HTML CSS. Introduzione a HTML. November 13, HTML+CSS+Javascript
Introduzione a November 13, 2016 ++Javascript Outline 1 2 3 ++Javascript Internet vs Web Internet : rete fisica di dispositivi interconnessi. (ARPANET 1970) Web : applicativo di alto livello relativo a
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
DettagliCSS / PRIORITA E CASCADING. INFORMATICA E GRAFICA PER IL WEB HTML+CSS docente: Alessandro Gabbiadini 1
CSS / PRIORITA E CASCADING INFORMATICA E GRAFICA PER IL WEB HTML+CSS docente: Alessandro Gabbiadini 1 CSS / PRIORITA E PRECEDENZA NELLE DEFINIZIONI CSS Gli stili CSS si dicono a cascata perché lo stile
DettagliMetodologie Informatiche Applicate al Turismo
Metodologie Informatiche Applicate al Turismo 6. 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
Dettaglinon è 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
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
DettagliWeb Programming. testi consigliati. Programma di massima. contacts. Beginning PHP and MySQL - Apress. Beginning Ajax with PHP - Apress
Web Programming Costantino Pistagna pistagna@dmi.unict.it http://aladino.dmi.unict.it testi consigliati Beginning PHP and MySQL - Apress Beginning Ajax with PHP - Apress Beginning Javascript 3rd Edt. -
DettagliAppunti sulle Tabelle
Appunti sulle Tabelle Prof. Riccardo conti Le pagine seguenti illustrano, attraverso semplici lezioni, come realizzare tabelle per le tue pagine Web. zatrabeoj I tre tag principali sono: E' il tag principale.
DettagliCorso html Lezione 3
Corso html Lezione 3 ELENCHI 3 ELENCHI NUMERICI 3 ELENCHI PUNTATI O NON ORDINATI 6 ELENCHI DI DEFINIZIONE 7 ELENCHI STRUTTURATI 8 TABELLE 12 DEFINIRE UNA TABELLA 12 TITOLO DI UNA TABELLA 16 BORDI 20 DIMENSIONI
DettagliLena Cota Guido Corso di Informatica - II livello. Excel 2003 Formule. Imparare a usare le formule con la pratica
Excel 2003 Formule Imparare a usare le formule con la pratica 1 Cosa sono Uno degli obiettivi principali dei fogli di calcolo è fornire il risultato di operazioni matematiche, dalla semplice somma alle
DettagliCitazioni, acronimi, codice e altri elementi per il testo
Citazioni, acronimi, codice e altri elementi per il testo Nel testo può essere utile inserire citazioni di frasi celebri, apici e pedici, usare degli acronimi e delle abbreviazioni, codice sorgente o demarcare
DettagliPiccolo tutorial per TimelineJS
Piccolo tutorial per TimelineJS Sommario Scaricare lo spreadsheet... 1 Modificare il file con i propri contenuti... 1 Lo spreadsheet passo passo... 2 La data... 2 Il corpo della slide... 2 Contenuti multimediali...
Dettaglilayout senza tabelle Posizionamento con i CSS Ad ogni elemento HTML corrisponde un area rettangolare, detta box Contenuto
Posizionamento con i CSS creare layout senza tabelle 1 Gestione degli elementi della pagina Il box model Ad ogni elemento HTML corrisponde un area rettangolare, detta box Margine Bordo Area di padding
DettagliCSS. Esercizi CC BY ALESSANDRO URSOMANDO DIAPOSITIVA 2 CSS PROPRIETÀ
CSS Esercizi CSS PROPRIETÀ DIAPOSITIVA 2 Corredare l esercizio precedentemente realizzato di un file.css che presenti delle dichiarazioni per impostare: l ampiezza del body a 800 pixel a giallo chiaro
DettagliINSERIMENTO. Un foglio di stile può essere esterno e interno: Un foglio esterno si carica: Un foglio interno può essere inserito
CSS I FOGLI DI STILE HTML serve informare il browser di quali sono le componenti necessarie a mostrare un documento e ad articolare il documento in blocchi semantici. I fogli di stile (Cascading Style
DettagliZoom è una Pagina web multimedia che si crea accedendo al seguente menù: File > Nuova pagina web multimedia > Zoom (figura 1).
Zoom è una che si crea accedendo al seguente menù: File > Nuova pagina web multimedia > Zoom (figura ). Figura È una pagina che permette all'utente di esplorare un immagine tramite uno zoom. Per questa
DettagliCSS 2. I selettori e le classi
CSS 2 I selettori e le classi Tipi di selettori Selettore generale Selettori tipo (quelli singoli) Selettori di gruppo (raggruppamento) Selettori contestuali Selettori figli Selettori fratelli adiacenti
DettagliLE MASCHERE. Maschera standard. Maschera semplice. Questa maschera però non consente di nascondere alcuni campi e visualizza i record uno ad uno.
LE MASCHERE Inserire i dati direttamente in tabella non è agevole. Questa operazione normalmente viene svolta utilizzando le maschere. I vantaggi offerti dalle maschere sono: Aspetto grafico più accattivante
DettagliOperazioni preliminari: creare una cartella in Documenti
Operazioni preliminari: creare una cartella in Documenti 1. Fare clic in successione su Start (cerchio con il logo Microsoft in basso a sinistra), Documenti. 2. Cliccare su Nuova cartella comparirà una
DettagliOperazioni preliminari: creare una cartella in Documenti
Operazioni preliminari: creare una cartella in Documenti 1. Fare clic in successione su Start (cerchio con il logo Microsoft in basso a sinistra), Documenti. 2. Cliccare su Nuova cartella comparirà una
DettagliHTML. Linguaggio testuale formato da TAG, che consente il collegamento tra diversi file.
Con la sigla HTML si intende: HYPER TEXT MARKUP LANGUAGE HTML Linguaggio testuale formato da TAG, che consente il collegamento tra diversi file. Iper testo Un documento o pagina puo essere collegato ad
DettagliEXCEL software Excel .xlxs, La cella intestazione della colonna intestazione di righe l indirizzo della cella testo numeri formule
EXCEL Il software Excel appartiene alla categoria dei fogli elettronici. Ogni foglio è composto da 1.048.576 righe per 16.384 colonne suddivise in celle che è possibile collegare tra loro: in tal modo
DettagliSommario. HTML e CSS I fogli di stile. cosa sono principali proprietà
HTML e CSS Sommario HTML e CSS I fogli di stile cosa sono principali proprietà CSS CSS La specifica HTML elenca le linee guida su come i browser dovrebbero visualizzare i diversi elementi del documento
DettagliExcel. I fogli di calcolo Le funzioni base Gli strumenti. 1
Excel I fogli di calcolo Le funzioni base Gli strumenti www.vincenzocalabro.it 1 I fogli di calcolo Utilizzando questo programma possiamo costruire fogli di calcolo più o meno complessi che ci consento
DettagliOpzioni contenitore Prodotti
Opzioni contenitore Prodotti Clicca il pulsante destro del mouse sul contenitore prodotti per accedere alle opzioni. Clicca il pulsante OPZIONI del menù che appare. Adesso puoi accedere a tutte le opzioni
DettagliTabelle. Verdi A. Bianchi B. Rossi C. 12/02 Trasferta a Milano. Corso in sede. Riunione Ispettori a Milano Riunione in sede.
1 Tabelle Una tabella è una griglia composta da righe e colonne: l intersezione fra una riga e una colonna si chiama cella ed è un elemento di testo indipendente che può avere un proprio formato. Spesso,
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. L HTML non è un linguaggio di programmazione
DettagliIstituto Comprensivo Rapallo Zoagli - Anno scolastico 2015/ Funzionamento ed uso delle LIM P. Spinetti
7.8.1 Inserire una tabella 1. fare click su Draw > Table sulla barra del menù; in alternativa fare click sul bottone nella barra degli strumenti comuni o nella barra mobile degli strumenti. 2. Selezionare
DettagliInformatica. Comunicazione & DAMS A.A. 2015/16. Dr.ssa Valeria Fionda
Informatica Comunicazione & DAMS A.A. 2015/16 Dr.ssa Valeria Fionda World Wide Web Ø IlWorld Wide Web, abbreviato Web, sigla WWW, è uno dei principali servizi di Internet che permette di navigare e usufruire
DettagliCSS 6. Il modello contenitore (box model) Elementi flottanti
CSS 6 Il modello contenitore (box model) Elementi flottanti Il modello contenitore Tecnologie di Sviluppo per il WEB 2 BOX MODEL CSS assume che ogni elemento genera uno o più box rettangolari, chiamati
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 Appendice A Riepilogo dei tag HTML A.1 Struttura del documento
DettagliTabelle. di voti oppure ai quadri delle promozioni esposti a fine anno nelle scuole, ad un bilancio contabile di un esercizio
Tabelle Molti sviluppatori di siti web ritengono che uno degli strumenti più utili per realizzare pagine web sia costituito dalle tabelle. Queste, infatti, permettono di realizzare layout ordinati, leggibili
DettagliGuida al documento ben formato
Passo 1. Operazioni preliminari Scelgo dal menu Formato il comando Stili e formattazione Sulla destra viene visualizzata la finestra Stili e formattazione Passo 2. Via formattazione e paragrafi vuoti Cancellazione
DettagliFigura 1 - Finestra Tabella
Capitolo IV Oggetti Creare una tabella Creare una tabella per inserire dei dati Per inserire una tabella premere il pulsante Tabella presente nella sezione Tabella della barra Inserisci. Viene visualizzata
DettagliMaschere. Consentono di visualizzare e gestire in modo diverso i dati contenuti nelle tabelle Creazione di una maschera
Maschere Consentono di visualizzare e gestire in modo diverso i dati contenuti nelle tabelle Creazione di una maschera Visualizzare la scheda Maschere e selezionare Nuovo. Si può utilizzare: funzione di
DettagliEsempio: Ogni colonna può contenere un solo tipo di dati. Colonne e righe sono numerate partendo da zero. L Header non conta nella numerazione:
JTable Cos è una JTable Una JTable è un elemento Swing che rende possibile visualizzare delle informazioni sotto forma di tabella e se necessario ne permette la modifica. Header - Nelle JTabel è possibile
DettagliGUIDA ALLA GESTIONE DEL SITO
GUIDA ALLA GESTIONE DEL SITO Layout pubblico... 3 Layout gestione... 4 Layout... 4 Menu... 5 Area dati... 5 Pulsanti della tabella... 6 Pulsanti del record... 6 I tipi di informazione gestiti nel sito...
DettagliUn documento ben formato
Un documento ben formato Sommario PREMESSA... 1 PASSO 1. OPERAZIONI PRELIMINARI... 1 PASSO 2.VIA FORMATTAZIONE E PARAGRAFI VUOTI...2 CANCELLAZIONE FORMATTAZIONE...... 2 ELIMINO I PARAGRAFI VUOTI... 2 PASSO
DettagliProf. Pagani Corrado HTML
Prof. Pagani Corrado HTML IPERTESTI E MULTIMEDIALITÀ Un ipertesto è un insieme di documenti messi in relazione tra loro per mezzo di parole chiave sensibili (link). Può essere visto come una rete grafo:
DettagliExcel 2003 Operazioni di base
Excel 2003 Operazioni di base Inserire cancellare selezionare 1 Fogli di lavoro Ogni cartella di lavoro contiene inizialmente tre fogli di lavoro, ognuno dei quali ha un nome (che, se non vengono modificati,
DettagliProgrammazione Web D B M G. Il linguaggio HTML
Programmazione Web Il linguaggio HTML Il linguaggio HTML Concetti di base Le interfacce utente in HTML I form Le tabelle Il passaggio dei parametri contenuti nei form HTML: HyperText Markup Language Standard
DettagliCorso sul PACCHETTO OFFICE. Modulo Access
Corso sul PACCHETTO OFFICE Modulo Access Docente: dott. Marco Cardani Lezione 2 Come creare un database 1 2 Come creare un database Impareremo ora come creare un nuovo database in modo da raggiungere un
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
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
DettagliElementi blocco e Elementi in linea
Elementi blocco e Elementi in linea Sostanzialmente il box model di una pagina Internet basata su markup (x)html è composto da due tipologie di elementi: gli inline elements e i block-level elements. Rientrano
DettagliLEZIONE BASI DI DATI I 22/10/2008 XML
LEZIONE BASI DI DATI I 22/10/2008 XML Il linguaggio XML (Extended Markup Language) è uno standard per la strutturazione dei dati sul web. A differenza di html, che è utilizzato per formattare documenti
Dettagli