Le tabelle vengono usate quando hai bisogno di mostrare dei "dati tabulari" cioè informazioni presentate logicamente in righe e colonne.
|
|
- Gustavo Salvi
- 7 anni fa
- Visualizzazioni
Transcript
1 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 può sembrare complicato, ma se mantieni la calma e fai attenzione, in effetti è esattamente logico - proprio come ogni altra cosa in HTML. Esempio 1: <table> Sul browser sarà così: Cella 1 Cella 2 Che differenza c'è tra e <td>? Come vedrai dall'esempio sopra, questo probabilmente è l'esempio HTML più complicato che abbiamo fatto finora. Scomponiamolo e spieghiamo i diversi tag: Vengono usati 3 elementi diversi per costruire una tabella: il tag di apertura <table> e il tag di chiusura iniziano e terminano la tabella. Logico. è la sigla delle parole inglesi "table row" (cioè, riga della tabella) e inizia e termina una riga orizzontale. Ancora logico. <td> è la sigla delle parole inglesi "table data" (cioè, dati della tabella). Questo tag inizia e termina ogni cella della riga della tua tabella. Tutto semplice e logico. Questo è quello che succede nell'esempio 1: la tabella inizia con un <table>, seguito da un, che indica l'inizio di una nuova riga. In ogni riga vengono inserite due celle: e. In seguito la riga viene chiusa con un e immeditamente dopo inizia una nuova riga. Anche la nuova riga contiene due celle. La tabella viene chiusa con. Solo per chiarire: le righe sono le linee orizzontali di celle e le colonne sono linee verticali di celle:
2 Cella 1 Cella 2 Cella 1 e Cella 2 formano una riga. Cella 1 e Cella 3 formano una colonna. Nell'esempio sopra la tabella è formata da due righe e due colonne. Tuttavia, una tabella può avere un numero illimitato di righe e di colonne. Esempio 2: <table> <td>cella 5</td> <td>cella 6</td> <td>cella 7</td> <td>cella 8</td> <td>cella 9</td> <td>cella 10</td> <td>cella 11</td> <td>cella 12</td> Cella 1 Cella 2 Cella 5 Cella 6 Cella 7 Cella 8 Cella 9 Cella 10 Cella 11 Cella 12 Ci sono degli attributi? Naturalmente ci sono degli attributi. Per esempio, l'attributo border viene usato per specificare lo spessore del bordo intorno alla tua tabella: Esempio 3:
3 Cella 1 Cella 2 Lo spessore del bordo viene specificato in pixel Così come si fa con le immagini, puoi definire la larghezza della tabella in pixel - o, alternativamente, in percentuale dello schermo: Esempio 4: <table border="1" width="30%"> Questo esempio visualizzerà sul tuo browser una tabella di larghezza 30% dello schermo. Provalo da sola. Altri attributi? Ci sono tanti attributi per le tabelle. Qui ne vedi altri due: align: specifica l'allineamento orizzontale di tutta la tabella, in una riga o in una singola cella. Per esempio, sinistro, centro o destro. valign: specifica l'allineamento verticale del contenuto di una cella. Per esempio, alto, mezzo o basso. Esempio 5: <td align="right" valign="top">cell 1</td> Cosa posso inserire nella mia tabella? In teoria nella tabella puoi inserire qualsiasi cosa: testo, link, imagini...ma, le tabelle sono destinate alla presentazione di dati tabellari (cioè dati che possono essere significativamente presentati in righe e colonne), quindi evita di mettere nelle tabelle oggetti, semplicemente perchè vuoi che siano posizionatii uno accanto all'altro. Tempo fa su Internet - cioè pochi anni fa - le tabelle venivano spesso usate come strumento per il layout. Ma se vuoi avere il controllo di come verranno presentati testo e immagini c'è un modo molto più interessante per farlo (suggerimento: CSS). Ne parleremo di più in seguito.
4 Adesso metti in pratica quello che hai appena imparato e progetta tabelle di diverse misure, con diversi attributi e contenuto. Questo ti dovrebbe tenere impegnato per un po' di ore. I due attributi colspan e rowspan vengono usati quando vuoi creare delle tabelle elaborate. Colspan è l'abbreviazione delle parole inglesi "column span" (cioè, colonne accoppiate). Colspan viene usato nel tag <td> per specificare quante colonne dovranno essere unite insieme: Esempio 1: <td colspan="3">cella 1</td> Cella 1 Cella 2 FIssando colspan a "3", la cella nella prima riga occupa tre colonne. Se invece avessimo fissato colspan a "2", la cella sarebbe stata formata solo da due colonne e sarebbe stato necessario inserire una cella aggiuntiva nella prima riga in modo da fare combaciare le due righe. E cosa mi dici di rowspan? Come potrai già immaginare, rowspan specifica quante righe dovrebbero essere comprese in una cella: Esempio 3: <td rowspan="3">cella 1</td>
5 Cella 1 Cella 2 Cella 3 Cella 4 Nell'esempio sopra rowspan è fissato a "3" nella Cella 1. Questo significa che la cella sarà formata da 3 righe (la sua stessa riga più altre due). Così la Cella 1 e la Cella 2 stanno sulla stessa riga, mentr la Cella 3 e la Cella 4 formano due righe indipendenti. Confuso? Bene, non è semplice ed è facile perdersi. Quindi, sarebbe una buona idea disegnare la tabella su un pezzo di carta prima di iniziare con l'html.
Tabelle HTML. Tabelle Un po di notazione.
Tabelle HTML!! Le tabelle in HTML permettono di rappresentare tabelle di dati ", ma anche di formattare del testo, delle immagini, altre tabelle in righe e colonne, possono cioè essere usate per l impaginazione
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
DettagliLaboratorio 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
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
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
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
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
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. 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
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
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
DettagliTabelle Tabella: struttura di base
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
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
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
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
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
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
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
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
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
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
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 3. Liste puntate ed ordinate Immagini
HTML 3 Liste puntate ed ordinate Immagini Creazione di elenchi Elenchi puntati (elenchi non ordinati) Elenchi numerati (elenchi ordinati) Elenchi annidati Elenchi menu Elenchi glossario Tecnologie di Sviluppo
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
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
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.
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
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
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
DettagliCosa vuol dire HTML? Hyper Text Markup Language
IMPARIAMO Cosa vuol dire HTML? Hyper Text Markup Language PROGRAMMIAMO IN HTML? NO! L'HTML è un linguaggio di formattazione che descrive le modalità di impaginazione o visualizzazione grafica (layout)
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
DettagliHTML Lezione2 Le Immagini e i link. Prof. Accarino IIS Altiero Spinelli Via Leopardi 132 Sesto San Giovanni
HTML Lezione2 Le Immagini e i link Prof. Accarino IIS Altiero Spinelli Via Leopardi 132 Sesto San Giovanni Le immagini I formati supportati dal websono diversi e variano a seconda del browser adoperato.i
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
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
DettagliFogli Google: nozioni di base sui fogli di lavoro
Fogli Google: nozioni di base sui fogli di lavoro Una volta acquisita familiarità con le procedure di accesso, creazione e modifica dei Documenti Google, leggi queste informazioni per conoscere le nozioni
Dettaglicaratteri speciali + form, tabelle e testi
caratteri speciali + form, tabelle e testi Caratteri Speciali I caratteri di un testo che necessitano, per essere rappresentati in HTML, di un sistema di rappresentazione che sia indipendente dal set di
DettagliInformatica di base Laboratorio di HTML Dott. Serena Villata A.A. 2004/05
Informatica di base Multid@ms Laboratorio di HTML Dott. Serena Villata A.A. 2004/05 Le tabelle Creazione di una tabella: le tabelle vengono utilizzate sia per inserire dati che per migliorare
DettagliCorso di HTML. Prerequisiti. Modulo L3 3 Blocchi di testo
Corso di HTML Modulo L3 3 Blocchi di testo 1 Prerequisiti Formattazione di un testo Struttura a titoli di un testo Giustificazione e allineamento del testo 2 1 Introduzione In questa Unità vediamo altri
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
DettagliFrames. Come organizzare le pagine web usando i frames. Definizione Frame = 1. struttura, armatura, telaio 2. inf. videata, schermata, cornice
Frames Come organizzare le pagine web usando i frames Definizione Frame = 1. struttura, armatura, telaio 2. inf. videata, schermata, cornice Usare i frame Per poter usare i frame è necessario comunicare
DettagliLinguaggio HTML. Elementi di Informatica e Programmazione Università degli Studi di Brescia. Il Linguaggio HTML
Reti Linguaggio HTML 1 Il Linguaggio HTML n HTML = Hypertext Markup Language n Linguaggio di markup di tipo descrittivo (usato per descrivere e formattare documenti ipertestuali) con una sintassi prestabilita
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
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
DettagliCSS: HTML: Proprietà per la formattazione delle immagini Immagini di sfondo e sfondi multipli. Le immagini mappate
CSS: Proprietà per la formattazione delle immagini Immagini di sfondo e sfondi multipli HTML: Le immagini mappate 1 Le principali proprietà che permettono di manipolare le immagini agiscono sul box mode
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
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
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
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
Dettagli3.6.1 Inserimento. Si apre la finestra di dialogo Inserisci Tabella:
3.6.1 Inserimento Per decidere dove collocare una tabella è necessario spostare il cursore nella posizione desiderata. Per inserire una tabella esistono diversi modi di procedere: Menù Tabella Inserisci
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
DettagliIl linguaggio HTML. Marco Porta - CIM: Web Design & Technologies
Il linguaggio HTML 1 Il linguaggio HTML Origini e caratteristiche dell'html... HTML = Hyper Text Markup Language è un linguaggio di markup, e in quanto tale non richiede alcuna conoscenza della programmazione
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
DettagliCapitolo 4: Tabelle. y(x) = x 3 ì 2x. Capitolo 4: Tabelle 67. Nota: le tabelle non sono disponibili nel modo di rappresentazione grafica 3D.
Capitolo 4: Tabelle 4 Definizione di tabelle...68 Panoramica della procedura per generare una tabella...69 Impostazione dei parametri di tabella...70 Visualizzazione di una tabella in modo automatico...72
DettagliPARALLELEPIPEDO CON DIMENSIONI VARIABILI
PARALLELEPIPEDO CON DIMENSIONI VARIABILI Un parallelepipedo che cambia la sua forma, diventa più grande o più piccolo, più largo o più stretto in base alle dimensioni che scegli a piacere! Apri Excel e
DettagliBASI di HTML e CSS (primo incontro)
CoderDojo Firenze BASI di HTML e CSS (primo incontro) HTML Concetto di tag Il tag è una parola chiave che indica al browser come interpretare e rappresentare il testo a cui è riferito. È composto da una
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
DettagliCONSIGLI E TRUCCHI. Parte seconda
CONSIGLI E TRUCCHI Parte seconda IMPOSTARE LA PAGINA WEB Un sito web da noi realizzato certamente viene visualizzato benissimo sul nostro computer, ma talvolta succede che gli amici ci avvertono che il
DettagliProprietà delle potenze
Proprietà delle potenze Questo passo a passo ti aiuterà a costruire un foglio elettronico sulle proprietà delle potenze. Inserendo in determinate celle valori scelti a caso, relativi a basi ed esponenti,
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
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
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
DettagliSelettori. Politecnico di Milano Facoltà del Design Bovisa. Prof. Gianpaolo Cugola Dipartimento di Elettronica e Informazione
Selettori Facoltà del Design Bovisa Prof. Gianpaolo Cugola Dipartimento di Elettronica e Informazione cugola@elet.polimi.it http://home.dei.polimi.it/cugola CSS Sintassi valore valore h1 { color: blue;
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. 2017 2018 Un assaggio di HTML Come abbiamo visto nelle lezioni precedenti
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
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
DettagliCome usare Doyouall. Usare il software Doyouall è molto semplice. Questa piccola guida è un aiuto per realizzare velocemente il tuo nuovo sito web.
Come usare Doyouall Usare il software Doyouall è molto semplice. Questa piccola guida è un aiuto per realizzare velocemente il tuo nuovo sito web. 1. Accedi ai template gratuiti, scegli il template che
DettagliEvidenziare i divisori di un numero
Evidenziare i divisori di un numero Vogliamo con questo foglio di excel evidenziare tutti i divisori di un numero. Curiosamente il lavoro non prevede l inserimento di formule e funzioni ma l utilizzo della
DettagliSilvia Likavec. Lezione 6
Silvia Likavec Lezione 6 2 ! Le principali proprietà che permettono di manipolare le immagini agiscono sul box model: " Border (o border-style; border-width; bordercolor); " Padding; " Margin; " Width;
DettagliSistemi Mobili e Wireless Android Interfacce utente: Widget e Layout (2)
Sistemi Mobili e Wireless Android Interfacce utente: Widget e Layout (2) Stefano Burigat Dipartimento di Matematica e Informatica Università di Udine www.dimi.uniud.it/burigat stefano.burigat@uniud.it
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
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
DettagliElenchi, link, immagini e tabelle Elementi per costruire liste, collegamenti, inserire immagini e tabelle
Elenchi, link, immagini e tabelle Elementi per costruire liste, collegamenti, inserire immagini e tabelle Sviluppo di siti web UD07 Fablab Design Gli elenchi dell HTML Se abbiamo la necessità di inserire
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
DettagliLinguaggio HTML. Reti. Il Linguaggio HTML. Il Linguaggio HTML. Il Linguaggio HTML
Reti Il Linguaggio HTML Linguaggio HTML HTML = Hypertext Markup Language Linguaggio di markup di tipo descrittivo (usato per descrivere e formattare documenti ipertestuali) con una sintassi prestabilita
DettagliSUDOKU Come si gioca Regole del Gioco Risolvere un Sudoku Consigli
SUDOKU Come si gioca Sudoku consiste in un diagramma di 81 quadretti con dei numeri all interno, disposti in modo simmetrico. L obiettivo del gioco consiste nel riempire il diagramma in modo che in tutte
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
DettagliDREAMWEAVER CS6: STILI CSS
DREAMWEAVER CS6: STILI CSS Durante la progettazione di siti, una parte cruciale del progetto è il layout. CSS (Cascading Style Sheets) è la principale tecnologia che permetterà di posizionare e disporre
DettagliHTML il linguaggio per creare le pagine per il web
HTML: frame HTML il linguaggio per creare le pagine per il web Parte II: elementi "complessi" i frame servono per suddividere il browser in parti indipendenti all interno delle quali si possono caricare
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
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
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
DettagliWEB I FOGLI DI STILE. Gabriele Murara
WEB I FOGLI DI STILE Gabriele Murara 1 Cosa sono e a cosa servono HTML dovrebbe essere visto semplicemente come un linguaggio strutturale, alieno da qualunque scopo attinente la presentazione di un documento
Dettaglinome di un menu per visualizzarlo e poi selezionate facendo clic sul comando che vi interessa.
1 (conoscere le basi di Excel) < I controlli della. Finestra > La finestra di apertura di Excel presenta una cartella di lavoro vuota; la finestra del programma occupa tutto lo spazio dello schermo, mentre
DettagliIl linguaggio HTML. <html> </html> I documenti HTML vanno racchiusi dentro una coppia di TAG (marcatori): apertura e chiusura.
Il linguaggio HTML I documenti HTML vanno racchiusi dentro una coppia di TAG (marcatori): apertura e chiusura. . I tag devono essere racchiusi dentro parentesi acute Il tag di chiusura
DettagliInformatica (Sistemi di elaborazione delle informazioni)
Informatica (Sistemi di elaborazione delle informazioni) Corso di laurea in Scienze dell'educazione Lezione 6 Fogli elettronici (parte 1) Mario Alviano Sommario OpenOffice Calc: Overview Inserire e modificare
DettagliSommario. Nozioni di base su HTML
Sommario Parte 1 Ringraziamenti.................................................... xiii Introduzione...................................................... xvi Che cos'è HTML?.................................................
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
DettagliFoglio di calcolo. Concetti base. Impostazioni di base. Microsoft Excel
Concetti base Foglio di calcolo Foglio elettronico (spreadsheet): gestione dei dati in fogli suddivisi in celle Cartella di lavoro (workbook): insieme di più fogli elettronici salvati all interno di un
DettagliSOMMARIO. Prefazione... XI. Capitolo 1 - Le variabili dell ambiente di progettazione Web... 1
Prefazione... XI Capitolo 1 - Le variabili dell ambiente di progettazione Web... 1 HTML, XML e il futuro dei linguaggi per il Web... 2 Il linguaggio HTML: una breve introduzione storica... 2 Il linguaggio
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
DettagliFOGLIO ELETTRONICO. Microsoft Office EXCEL. LibreOffice CALC CALC. E' un software che assegna come estensione ai propri file (foglio elettronico).ods.
FOGLIO ELETTRONICO Microsoft Office EXCEL LibreOffice CALC Viene anche definito: FOGLIO DI CALCOLO; CARTELLA DI LAVORO (perché è un file che può contenere più FOGLI DI LAVORO). FOGLIO ELETTRONICO o FOGLIO
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
Dettagli4.5 Formattazione. La finestra è composta dalle schede Numero, Allineamento, Carattere, Bordo, Riempimento e Protezione.
4.5 Formattazione Formattare (cioè dare un formato a ) una cella (o più celle) di Excel significa definirne l aspetto grafico, il tipo di dati che può contenere, il modo in cui appaiono e impostarne o
DettagliLinguaggi e Traduttori a.a. 2005/2006 Tesina n 6
Linguaggi e Traduttori a.a. 2005/2006 Tesina n 6 Titolo: HTML programming Descrizione Si vuole realizzare un linguaggio di programmazione che permetta di costruire pagine html. Dato in ingresso un file
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
Dettagli