14 attributi per tabelle.html prof. Uccellani pagina 1
|
|
|
- Valentino Esposito
- 5 anni fa
- Visualizzazioni
Transcript
1 1 <html> 2 <head> 3 <title> attributi per tabelle nelle pagine HTML </title> 4 </head> 5 <body bgcolor="silver"> 6 <h3>attributi per le tabelle</h3> 7 <dl> 8 <dt><b><a href="#border">border</a></b></dt> 9 <dd><i>attributo di TABLE che imposta lo spessore del bordo delle celle della tabella</i></dd> 10 <dt><b><a href="#width">width</a></b></dt> 11 <dd><i>attributo di TABLE e TD/TH che ne specifica la larghezza </i></dd> 12 <dt><b><a href="#height">height</a></b></dt> 13 <dd><i>attributo di TD/TH (e TABLE) che ne specifica l'altezza </i></dd> 14 <dt><b><a href="#align">align</a></b></dt> 15 <dd><i>attributo di TABLE, (e TD/TH) che decide l'allinemento orizzontale</i></dd> 16 <dt><b><a href="#valign">valign</a></b></dt> 17 <dd><i>attributo di TR e TD/TH che decide l'allineamento verticale </i></dd> 18 <dt><b><a href="#cellpadding">cellpadding</a></b></dt> 19 <dd><i>attributo di TABLE che imposta lo spazio tra il contenuto di ciascuna cella ed il bordo della stessa</i></dd> 20 <dt><b><a href="#cellspacing">cellspacing</a></b></b></dt> 21 <dd><i>attributo di TABLE che imposta la spaziatura fra le celle </i></dd> 22 <dt><b><a href="#colspan">colspan</a></b></b></dt> 23 <dd><i>attributo di TD/TH che consente di unire più celle di una riga, così che occupino più colonne</i></dd> 24 <dt><b><a href="#rowspan">rowspan</a></b></dt> 25 <dd><i>attributo di TD/TH che consente di unire più celle di una colonna, così che occupino più righe</i></dd> 26 <dt><b><a href="#bgcolor">bgcolor</a></b></dt> 27 <dd><i>attributo di TABLE, TR e TD/TH che stabilisce il colore di sfondo dell'elemento</i></dd> 28 </dl> 29 <h4><a name="border"></a>border <a href="#">^</a></h4> 30 <p>come nella <a href="13 tabelle.html">esercitazione precedente</a>, l'attributo <b>border</b> di <b>table</b> imposta lo spessore del bordo (<i> in pixel</i>) delle cella della tabella.<br /> 31 Proviamo con i valori 0 (<i>predefinito</i>) 1 e 5</p> 32 <p><i>border=0</i>: 33 <table border="0"> 34 <tr valign="top"> 35 <td>cella1</td> 36 <td>cella2</td> 37 <td>cella3</td> 38 </tr> 39 <tr> 40 <td>cella4</td> 41 <td>cella5</td> 42 <td>cella6</td> 43 </tr> 44 </table> 45 </p> 14 attributi per tabelle.html prof. Uccellani pagina 1
2 46 <p><i>border=1</i>: 47 <table border="1"> 48 <tr> 49 <td>cella1</td> 50 <td>cella2</td> 51 <td>cella3</td> 52 </tr> 53 <tr> 54 <td>cella4</td> 55 <td>cella5</td> 56 <td>cella6</td> 57 </tr> 58 </table> 59 </p> 60 <p><i>border=5</i>: 61 <table border="5"> 62 <tr> 63 <td>cella1</td> 64 <td>cella2</td> 65 <td>cella3</td> 66 </tr> 67 <tr> 68 <td>cella4</td> 69 <td>cella5</td> 70 <td>cella6</td> 71 </tr> 72 </table> 73 d'ora in poi useremo il bordo di spessore 1.</p> 74 <h4><a name="width"></a>width <a href="#">^</a></h4> 75 <p>questo attributo imposta la larghezza della tabella (o, benchè disapprovato, anche della cella). Essa può essere espressa in <b>pixel </b> (<i>basta indicare il numero</i>) o in <b>percentuale</b> (<i>bisogna indicare un valore numerico sequito dal simbolo %</i>). Se attribuito al tag table, <i>width</i> decide le dimensioni dell'intera tabella, e se ad una cella quelle della medesima.<br /> 76 Facciamo un esempio di una tabella che occupi il 100% della pagina, e con la prima colonna larga 150 pixel</p> 77 <p><i>table width="100%" e td width="130" (cella1 e cella4)</i>: 78 <table border="1" width="100%"> 79 <tr> 80 <td width="130">cella1</td> 81 <td>cella2</td> 82 <td>cella3</td> 83 </tr> 84 <tr> 85 <td width="130">cella4</td> 86 <td>cella5</td> 87 <td>cella6</td> 88 </tr> 89 </table> 90 </p> 91 <h4><a name="height"></a>height <a href="#">^</a></h4> 92 <p>per l'altezza (<i>height</i>), vale quanto detto sopra per la larghezza ( <i>width</i>). L'uso di questo attributo é disapprovato e dovrebbero usarsi altre tecniche, ma <i>per cominciare</i>, deroghiamo alla regola. <br /> 93 Facciamo un esempio di una tabella con la prima riga alta 25, la seconda attributi per tabelle.html prof. Uccellani pagina 2
3 e la terza 100 pixel</p> 94 <p><i>tr height="25" (riga1), height="50" (riga2), height="100" (riga3), </i>: 95 <table border="1"> 96 <tr height="25"> 97 <td>cella1</td> 98 <td>cella2</td> 99 <td>cella3</td> 100 </tr> 101 <tr height="50"> 102 <td>cella4</td> 103 <td>cella5</td> 104 <td>cella6</td> 105 </tr> 106 <tr height="100"> 107 <td>cella7</td> 108 <td>cella8</td> 109 <td>cella9</td> 110 </tr> 111 </table> 112 </p> 113 <h4><a name="align"></a>align <a href="#">^</a></h4> 114 <p>come visto nell'<a href="02 paragrafi.html">esercitazione sui paragrafi </a>, con l'attributo align, si specifica l'allineamento orizzontale scegliendo tra <br /> 115 <ul> 116 <li><b>left</b>: <i>sinistra (predefinito)</i></li> 117 <li><b>center</b>: <i>centrato</i></li> 118 <li><b>right</b>: <i>destra</i></li> 119 <li><b>justify</b>: <i>giustificato</i></li> 120 </ul> 121 Se specificato nel tag TABLE, cambia l'allineamento della tabella rispetto alla pagina, invece, se in TD (<i>o TH</i>) si decide l'allineamento <i> interno</i> alle celle.<br /> 122 Proviamoli tutti con una tabella larga metà pagina (<i>width="50%"</i> ) centrata nella pagina e con l'allineamento del contenuto delle celle impostato rispettivemente a <i>left</i>, <i>center</i>, <i>right</i> e <i> justify</i>: 123 </p> 124 <p>così: 125 <table border="1" width="50%" align="center"> 126 <tr> 127 <td width="25%" align="left">cella1</td> 128 <td width="25%" align="center">cella2</td> 129 <td width="25%" align="right">cella3</td> 130 <td width="25%" align="justify">cella n. 4 cella n. 4 cella n. 4 cella n. 4 cella n. 4 cella n. 4</td> 131 </tr> 132 </table> 133 </p> 134 <h4><a name="valign"></a>valign <a href="#">^</a></h4> 135 <p>con questo attributo si imposta l'allinemento verticale del contenuto delle celle. Esso ammette i seguenti valori: 136 <ul> 137 <li><b>top</b>: <i>alto</i></li> 138 <li><b>middle</b>: <i>centro (predefinito)</i></li> 139 <li><b>bottom</b>: <i>basso</i></li> 14 attributi per tabelle.html prof. Uccellani pagina 3
4 140 </ul> 141 </p> 142 <p>esempio: 143 <table border="1" width="50%" align="center" height="100"> 144 <tr> 145 <td width="33%" valign="top">cella1 (<i>valign="top"</i>)</td> 146 <td width="34%" valign="middle">cella2 (<i>valign="middle"</i>) </td> 147 <td width="33%" valign="bottom">cella3 (<i>valign="bottom"</i>) </td> 148 </tr> 149 </table> 150 </p> 151 <h4><a name="cellpadding"></a>cellpadding <a href="#">^</a></h4> 152 <p>cellpadding serve per lasciare uno spazio vuoto intorno al contenuto delle celle, cioè a decidere la distanza tra il contenuto di ciascuna cella ed il suo bordo. Come si vede nell'immagine <img src="tabelle.png" width="307" height="228" alt="immagine descrittiva di cellpadding e cellspacing" title="cellpadding e cellspacing" /><br /> 153 Proviamo con i valori 0, 10 e 20: 154 </p> 155 <p><i>cellpadding="0", cellpadding="10", cellpadding="20"</i> 156 <table border="1" cellpadding="0"> 157 <tr> 158 <td>cella 1</td> 159 <td>cella 2</td> 160 <td>cella 3</td> 161 </tr> 162 <tr> 163 <td>cella 4</td> 164 <td>cella 5</td> 165 <td>cella 6</td> 166 </tr> 167 </table> 168 <table border="1" cellpadding="10"> 169 <tr> 170 <td>cella 1</td> 171 <td>cella 2</td> 172 <td>cella 3</td> 173 </tr> 174 <tr> 175 <td>cella 4</td> 176 <td>cella 5</td> 177 <td>cella 6</td> 178 </tr> 179 </table> 180 <table border="1" cellpadding="20"> 181 <tr> 182 <td>cella 1</td> 183 <td>cella 2</td> 184 <td>cella 3</td> 185 </tr> 186 <tr> 187 <td>cella 4</td> 188 <td>cella 5</td> 189 <td>cella 6</td> 190 </tr> 14 attributi per tabelle.html prof. Uccellani pagina 4
5 191 </table> 192 </p> 193 <h4><a name="cellspacing"></a>cellspacing <a href="#">^</a></h4> 194 <p>con <i>cellspacing</i> (come si vede nella figura <a href="#cellpadding"> sopra</a>) si stabilisce la spaziatura tra le celle, ovvero quello spazio vuoto che si vuole sia tra una cella e l'altra, sia tra le celle <i>esterne </i> ed i lati della tabella.<br /> 195 Proviamo con i valori 0, 10 e 20: 196 </p> 197 <p><i>cellspacing="0", cellspacing="10", cellspacing="20"</i> 198 <table border="1" cellspacing="0"> 199 <tr> 200 <th>titolo 1</th> 201 <th>titolo 2</th> 202 <th>titolo 3</th> 203 </tr> 204 <tr> 205 <td>cella 1</td> 206 <td>cella 2</td> 207 <td>cella 3</td> 208 </tr> 209 <tr> 210 <td>cella 4</td> 211 <td>cella 5</td> 212 <td>cella 6</td> 213 </tr> 214 </table> 215 <table border="1" cellspacing="10"> 216 <tr> 217 <th>titolo 1</th> 218 <th>titolo 2</th> 219 <th>titolo 3</th> 220 </tr> 221 <tr> 222 <td>cella 1</td> 223 <td>cella 2</td> 224 <td>cella 3</td> 225 </tr> 226 <tr> 227 <td>cella 4</td> 228 <td>cella 5</td> 229 <td>cella 6</td> 230 </tr> 231 </table> 232 <table border="1" cellspacing="20"> 233 <tr> 234 <th>titolo 1</th> 235 <th>titolo 2</th> 236 <th>titolo 3</th> 237 </tr> 238 <tr> 239 <td>cella 1</td> 240 <td>cella 2</td> 241 <td>cella 3</td> 242 </tr> 243 <tr> 244 <td>cella 4</td> 14 attributi per tabelle.html prof. Uccellani pagina 5
6 245 <td>cella 5</td> 246 <td>cella 6</td> 247 </tr> 248 </table> 249 </p> 250 <h4><a name="colspan"></a>colspan <a href="#"> ^</a></h4> 251 <p>grazie a questo attributo si possono unire più cella della stessa riga, o meglio si decide il numero di colonne che la cella corrente, deve occupare. Il suo valore predefinito é ovviamente 1, proviamo con 2 di modo che la cella 2 occupi due colonne:</p> 252 <table border=1> 253 <tr> 254 <td>cella 1</td> 255 <td colspan="2">cella 2 (<i>colspan="2</i>)</td> 256 </tr> 257 <tr> 258 <td>cella 3</td> 259 <td>cella 4</td> 260 <td>cella 5</td> 261 </tr> 262 </table> 263 <p>ed ora con <i>colspan="3"</i> facendo sì che la cella 1 occupi tre colonne:</p> 264 <table border=1> 265 <tr> 266 <td colspan="3">cella 1</td> 267 </tr> 268 <tr> 269 <td>cella 2</td> 270 <td>cella 3</td> 271 <td>cella 4</td> 272 </tr> 273 </table> 274 <p><a href="#colspan_rowspan">sotto</a> si può vedere il suo uso insieme a <a href="#rowspan">rowspan</a>.</p> 275 <h4><a name="rowspan"></a>rowspan <a href="#"> ^</a></h4> 276 <p>l'attributo <i>rowspan</i>, serve ad unire più celle della medesima colonna, o meglio indica quante righe debba occupare la cella corrente. Il suo valore predefinito è ovviamente 1, proviamo ad impostarlo a 2 di modo che la cella 1 occupi 2 righe:</p> 277 <table border="1"> 278 <tr> 279 <td rowspan="2">cella 1</td> 280 <td>cella 2</td> 281 <td>cella 3</td> 282 </tr> 283 <tr> 284 <td>cella 4</td> 285 <td>cella 5</td> 286 </tr> 287 </table> 288 <p>proviamo anche con <i>rowspan="3"</i> di modo che la cella 2 occupi tre righe:</p> 289 <table border="1"> 290 <tr> 291 <td>cella 1</td> 292 <td rowspan="3">cella 2</td> 14 attributi per tabelle.html prof. Uccellani pagina 6
7 293 <td>cella 3</td> 294 </tr> 295 <tr> 296 <td>cella 4</td> 297 <td>cella 5</td> 298 </tr> 299 <tr> 300 <td>cella 6</td> 301 <td>cella 7</td> 302 </tr> 303 </table> 304 <h4><a name="colspan_rowspan"></a>colspan e rowspan</h4> 305 <p>proviamo ora l'ultilizzo congiunto di <i>colspan</i> e <i>rowspan</i> facendo caso al fatto, che: 306 <dl> 307 <dt><b>usando colspan</b></dt> 308 <dd>con una cella si occupano più colonne, quindi in quella riga si avranno meno celle ripspetto alle successive.</dd> 309 <dt><b>usando rowspan</b></dt> 310 <dd>con una cella si occupano più righe, quindi nelle righe successive, si avranno meno celle ripetto alla riga corrente.</dd> 311 </dl> 312 Ed ecco un esempio: 313 </p> 314 <table border="1"> 315 <tr> 316 <td align="center" colspan="2">cella 1</td> 317 <td align="center" colspan="2">cella 2 </td> 318 </tr> 319 <tr> 320 <td align="center" rowspan="3">cella 3 </td> 321 <td align="center">cella 4 </td> 322 <td align="center" rowspan="3">cella 5 </td> 323 <td align="center">cella 6 </td> 324 </tr> 325 <tr> 326 <td align="center">cella 7 </td> 327 <td align="center">cella 8 </td> 328 </tr> 329 <tr> 330 <td align="center">cella 9 </td> 331 <td align="center">cella 10 </td> 332 </tr> 333 </table> <h4><a name="bgcolor"></a>bgcolor <a href="#"> ^</a></h4> 336 <p>questo attributo, è utilizzabile negli elementi TABLE, TR, TD e TH (come pure nel tag BODY: usato in questa pagina con il valore <i>silver</i> =argento [<i><body bgcolor="silver"></i>]), ma il suo utilizzo è disapprovato in favore dei <i>fogli di stile</i>, comunque per ora servirà a dare qualche colore alle nostre pagine, infatti indica il colore di sfondo dell'elemento. <br /> 337 Proviamo con i valori red (<i>rosso</i>), gray (<i>grigio</i>) e green (<i> verde</i>): 338 </p> 339 <p><i>table bgcolor="red", TR bgcolor="gray", TD bgcolor="green"</i> 14 attributi per tabelle.html prof. Uccellani pagina 7
8 340 <table border="1" bgcolor="red"> 341 <tr bgcolor="gray"> 342 <th>titolo 1</th> 343 <th>titolo 2</th> 344 <th>titolo 3</th> 345 </tr> 346 <tr> 347 <td>cella 1</td> 348 <td bgcolor="green">cella 2</td> 349 <td>cella 3</td> 350 </tr> 351 <tr> 352 <td>cella 4</td> 353 <td>cella 5</td> 354 <td>cella 6</td> 355 </tr> 356 </table> 357 Per sapere come si indichino i colori nelle pagine html, si veda la <a href= "15 colori.html">prossima esercitazione</a>. 358 </p> 359 <h4>nota:</h4> 360 <ul> 361 <li>la lista degli attributi (all'inizio della pagina) è costruita con una <i>lista di definizioni</i> (vedi l'<a href="08 liste di definizioni.html">esercitazione</a> specifica).</li> 362 <li>i singoli attributi della lista iniziale, sono collegati alla sezione che li tratta, con un collegamento che rimanda agli <i>ancoraggi con nome</i> definiti nei titoli delle sezioni (vedi l'<a href="11 collegamenti.html">esercitazione</a> specifica).</li> 363 <li>si tralascia in questa trattazione per principianti che vuole essere efficace più che esaustiva, l'utlizzo di tag <i>avanzati</i> (come CAPTION, THEAD, TFOOT, TBODY, COLGROUP, COL ecc. ecc.) che si intende come aprofondimento facoltativo.</li> 364 </ul> </body> 367 </html> 14 attributi per tabelle.html prof. Uccellani pagina 8
Tutorial di HTML basato su HTML 4.0 e CSS 2
Claudia Picardi Tutorial di HTML basato su HTML 4.0 e CSS 2 Informatica II per Scienze e Turismo Alpino Docenti: Viviana Patti e Claudia Picardi 4 Tabelle 4.1 La struttura di una tabella Elementi principali
LEZIONI DI HTML. Come costruire il proprio sito con pochi strumenti e tanta creatività...
LEZIONI DI HTML Come costruire il proprio sito con pochi strumenti e tanta creatività... FORMATTARE IL CARATTERE Per formattare titoli interni del documento web possiamo utilizzare i tag , ,...,
Primi passi con HTML. Il documento HTML
Primi passi con HTML. Il documento HTML La mia prima pagina in HTML Questo è il corpo del documento che stiamo realizzando. Questa non è una nuova riga.
Il linguaggio HTML - Parte 2
Corso IFTS Informatica, Modulo 3 Progettazione pagine web statiche (50 ore) Il linguaggio HTML - Parte 2 Dott. Chiara Braghin braghin@dti.unimi.it Elenchi all interno di Un elenco è una sequenza
Linguaggio HTML (2) Attributi di <FONT> Per variare lo stile di carattere rispetto al default, si possono utilizzare tre attributi:
Linguaggio HTML (2) Attributi di Per variare lo stile di carattere rispetto al default, si possono utilizzare tre attributi: SIZE= numero per modificare le dimensioni Es:
Cimini Simonelli - Testa
WWW.ICTIME.ORG HTML Manuale introduttivo al linguaggio HTML Cimini Simonelli - Testa v.2-11/01/2008 Sommario Introduzione... 3 Formattazione della pagina... 4 Inserire un colore di sfondo... 4 Inserire
Esercizi. Introduzione all HTML. Il WWW
Politecnico di Milano Esercizi Introduzione all HTML Il WWW Il World Wide Web: una rete di pagine connesse tra loro e distribuite su diverse macchine Il server Web contiene le pagine Web da visualizzare
Costruzione di un sito web - HTML
Costruzione di un sito web - HTML Obiettivi. Presentare le caratteristiche di un sito Web ed i concetti base per la sua costruzione: fasi di realizzazione e linguaggio HTML. Illustrare gli elementi fondamentali
Sommario. 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
Guida html e css base
Sommario Guida html e css base...1 Introduzione...1 Formattare il testo...4 Organizzare il testo in paragrafi...5 Creare le sezioni come in un libro...6 Creare gli elenchi...8 Inserire immagini e collegamenti...11
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
caratteristiche del documento </head>
HTML: sintassi caratteristiche del documento documento 21 HTML: titolo del documento
HTML HyperText Markup Language: Linguaggio utilizzato per creare pagine Web. R. C. Esposito 1
HTML HyperText Markup Language: Linguaggio utilizzato per creare pagine Web R. C. Esposito 1 Introduzione HTML è l'acronimo di HyperText Markup Language HTML e il linguaggio standard per descrivere e definire
HTML e XML. Politecnico di Milano Facoltà del Design Bovisa Elementi di Informatica e Reti di calcolatori
HTML e XML Politecnico di Facoltà del Design Bovisa Elementi di Informatica e Reti di calcolatori Ing. Claudio Menghi Dipartimento di Elettronica e Informazione menghi@elet.polimi.it http://home.dei.polimi.it/menghi
Il linguaggio HTML Laboratorio Matematico Informatico 2 Matematica specialistica Pierluigi Amodio
Il linguaggio HTML Laboratorio Matematico Informatico 2 Matematica specialistica Pierluigi Amodio Dipartimento di Matematica Università di Bari Il linguaggio HTML p. 1/3 HTML L HTML è il linguaggio (di
NOZIONI BASE DI HTML
NOZIONI BASE DI HTML Aggiornato al 06 marzo 2006 Ermes ZANNONI (ermes@zannoni.to.it) (http://www.zannoni.to.it) Indice : 1. Introduzione 2. Tag di default 3. Formattazione del testo 3.1 Dimensione del
CREAZIONE PAGINE STATICHE
CREAZIONE PAGINE STATICHE Schema fondamentale da capire: gli attori Un file di testo (mappa.htm) Manda la pagina richiesta Browser Formatta le pagine secondo i tag html che riceve url/mappa.htm Fabio Scotti
HTML HTML. HyperText Markup Language. Struttura di un documento. Gli elementi essenziali di un documento HTML sono i seguenti TAG: <HTML>...
HTML HyperText Markup Language Struttura di un documento HTML Gli elementi essenziali di un documento HTML sono i seguenti TAG: ... ... ... Struttura di un documento
HTML Tutorial HTML By A.C. Neve 1
HTML Tutorial HTML By A.C. Neve 1 Il linguaggio HTML (Hyper Text Markup Language) è il più diffuso linguaggio per la creazione di pagine WEB. La creazione di un documento HTML si effettua con un qualsiasi
Informatica di Base. Programma Lezioni
Informatica di Base Lezione III Il linguaggio HTML Hyper Text Markup Language 1 Informatica di Base Programma Lezioni 1 26 ottobre Introduzione Sistema binario e formato dei dati 2 2 novembre Numeri negativi
Università degli Studi di Milano
Università degli Studi di Milano Corso di Laurea in Sicurezza dei Sistemi e delle Reti Informatiche Lezioni 17 e 18 Creazione di File HTML FABIO SCOTTI Laboratorio di programmazione per la sicurezza Indice
Manuale scritto da Fuso Federico 4 A Anno scolastico 2011/2012 Parte 1
Manuale scritto da Fuso Federico 4 A Anno scolastico 2011/2012 Parte 1 Chi può riuscire a creare pagine HTML? La realizzazione di pagine web non eccessivamente sofisticate è alla portata di tutti, basta
Metodologie Informatiche Applicate al Turismo
Metodologie Informatiche Applicate al Turismo 9. HTML Parte II Paolo Milazzo Dipartimento di Informatica, Università di Pisa http://www.di.unipi.it/ milazzo milazzo di.unipi.it Corso di Laurea in Scienze
IL WEB. Il linguaggio HTML
IL WEB Il World Wide Web (o web o WWW) nasce al CERN come strumento a disposizione degli scienziati per la condivisione di informazioni utili per la ricerca. Ben presto l uso del web si estende dal mondo
HTML. http://www.w3schools.com/html/default.asp
HTML http://www.w3schools.com/html/default.asp HTML Cosa è l'html? HTML è un linguaggio per descrivere le pagine web. HTML è l'acronimo di H yper T ext M arkup L anguage HTML è un markup language Un linguaggio
Prof. Rocco Ciurleo 1
Istituto Tecnico Industriale Statale Conte Michele Maria Milano Polistena Classi: 2 E 2 G - a. s. 2012/2013 H T M L Guida base al linguaggio Prof. Rocco Ciurleo 1 Cos è l HTML HTML è l'acronimo di Hypertext
GUIDA ALL HTML. Creato da SUPREMO KING
GUIDA ALL HTML Creato da SUPREMO_KING 1 PREMESSE L html è il linguaggio fondamentale attraverso il quale è possibile creare delle semplici pagine web. L html non è un linguaggio di programmazione ma un
l'editing delle pagine web non è nella forma ma nella metodologia di costruzione e di pubblicazione.
CHE COS'È UNA WEB-UNIT? Web-unit è uno strumento per la costruzione di pagine web: la differenza con altri strumenti per l'editing delle pagine web non è nella forma ma nella metodologia di costruzione
<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
RELAZIONE TECNICA SUL SITO DELLA PALESTRA. Anno scolastico 2013-2014. Alunno: Davide martinicca. Pagina 1
RELAZIONE TECNICA SUL SITO DELLA PALESTRA Anno scolastico 2013-2014 Alunno: Davide martinicca Pagina 1 INDICE: Pag. 2 Pag. 3 Traccia del programma Tabella delle variabili, Sorgente HTML Pag. 4, 5, 6 Sorgente
Scegliere il font del testo
Scegliere il font del testo Vediamo ora come formattare il testo mediante la scelta del colore, delle dimensioni e del tipo di carattere del testo attraverso l utilizzo del tag . Il tipo di carattere
Hyper Text Markup Language HTML
Operatore informatico giuridico A.A 2003/2004 I Semestre Hyper Text Markup Language HTML Dr. Raffaella Brighi HTML HTML è un linguaggio di marcatura (markup) per la creazione di ipertesti Le sezioni di
Language. info@settingweb.it. www.settingweb.it
HTML HyperText Markup Language Documenti ipertestuali Sono formati da documenti multimediali: testo, immagini, suoni, video, ecc Comprendono le seguenti parti: contenuto struttura presentazione Che cos
INTRODUZIONE AL LINGUAGGIO HTML. Internet + HTML + HTTP = WWW
1 INTRODUZIONE AL LINGUAGGIO HTML Internet + HTML + HTTP = WWW Scopo della esercitazione 2 Conoscere i principali tag HTML Realizzare una propria Home Page utilizzando alcuni semplici tag HTML 3 Architettura
INTRODUZIONE ALL HTML
INTRODUZIONE ALL HTML LE REGOLE GENERALI Di seguito, sono raccolti i tag html (comandi) di uso più frequente per la formattazione dei testi e la gestione di una pagina web all interno del nostro sistema
HTML. Hyper Text Markup Language
HTML Hyper Text Markup Language IL WEB Le componenti principali del web sono: HTML: definizione del contenuto delle pagine CSS: definizione dell aspetto delle pagine Javascript: definizione del comportamento
Introduzione al linguaggio HTML. A. Lorenzi - Università di Bergamo - Facoltà di Economia 1
Introduzione al linguaggio HTML A. Lorenzi - Università di Bergamo - Facoltà di Economia 1 Richiami introduttivi (1) sito Internet o sito Web o sito WWW: insieme delle pagine che si riferiscono ad uno
INTRODUZIONE 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
Internet, Browser e HTML
1 2 I protocolli definiscono le regole e il modo per trasferire le informazioni. Internet, Browser e HTML La trasmissione prevede l utilizzo di una pila di protocolli, tale che: I protocolli a basso livello
Appunti di HTML. Luca Di Cocco. 19, 26 Aprile e 3 Maggio 2004
Appunti di HTML Luca Di Cocco 19, 26 Aprile e 3 Maggio 2004 1 Questa breve guida all'html è largamente ispirata, o praticamente copiata da quanto disponibile agli indirizzi http://www.w3.org/markup/guide/overview.html
Università degli Studi di Modena e Reggio Emilia. Facoltà di Ingegneria Reggio Emilia CORSO DI TECNOLOGIE E APPLICAZIONI WEB HTML. Ing.
Università degli Studi di Modena e Reggio Emilia Facoltà di Ingegneria Reggio Emilia CORSO DI TECNOLOGIE E APPLICAZIONI WEB HTML Ing. Marco Mamei Anno Accademico 2004-2005 M. Mamei - Tecnologie e Applicazioni
<html> <head> <title> Il nome della pagina </title> </head> <body> </body> </html>
Per creare una pagina html bisogna innanzitutto decidere quale programma utilizzare per la sua realizzazione, il blocco note di windows 95 è perfetto per il nostro scopo ma non sono esclusi altri programmi
Spazio WEB: spazio fisico dove vengono memorizzate le pagine (15, 50, 100 Mb che si acquistano)
1 Concetti di base Pagina WEB: è un documento scritto in linguaggio html che contiene testo, immagini, link. L estensione di questi file è.html o.htm (pagine statiche, pagine dinamiche). Un sito WEB è
HTML HyperText Markup Language:
HTML HyperText Markup Language: Linguaggio utilizzato per creare pagine Web 421 Introduzione HTML è l'acronimo di HyperText Markup Language HTML e il linguaggio standard per descrivere e definire il contenuto
I comandi HTML. FORMATTAZIONE DI STRUTTURA Intestazioni (Headings) <H?></H?> (sono definiti 6
I comandi HTML La guida elenca tutti i comandi che le versioni attuali della maggioranza dei browser probabilmente supportano. Sono stati inclusi tutti i comandi presenti nelle specifiche di HTML 3.2,
Dispensa di HTML per chi muove i primi passi nel Web
Giorno dopo Giorno - Scritture quotidiane Un blog di Sergio Fumich www.sergiofumich.com Helps & Tools for the Web and Webmasters Dispensa di HTML per chi muove i primi passi nel Web INDICE 1 Che cos è
WWW (World Wide Web)!& ( # %% (*0 #,% )0#1( &#"#2
! "#$" %% $"$&&"'& $%%& $'&( ) *+&, ) && *+ ( -./ WWW (World Wide Web)!& ( # (&%#(!(&&( %% (*0 #,% )0#1( &#"#2 Siti Web pagine Web: documenti pronti per essere registrati su un server Internet residenza
HTML - semplice guida by ComputerLucaWorld inizio stesura 03/01/2012 ancora da terminare (potete dare giudizi su come migliorarla!
HTML - semplice guida by ComputerLucaWorld inizio stesura 03/01/2012 ancora da terminare (potete dare giudizi su come migliorarla!) CENNI SULL'HTML L'html è il linguaggio di base per lo sviluppo di pagine
Introduzione. Portare HTML nella famiglia XML Mantenere compatibilità con i software che supportano HTML
Lezione 8 XHTML Introduzione " XHTML = HTML + XML " HTML: linguaggio di marcatura per presentare i contenuti di una pagina web " XML: super-linguaggio che consente la creazione di nuovi linguaggi di marcatura
Frammento dalla Bibbia di Gutenberg, il primo libro stampato del mondo occidentale (Mainz 1455)
Il linguaggio HTML Frammento dalla Bibbia di Gutenberg, il primo libro stampato del mondo occidentale (Mainz 1455) Oggi la tecnologia del World Wide Web consente il trasferimento di documenti qualsiasi
EUROPEAN COMPUTER DRIVING LICENCE WEB EDITING - Versione 2.0
EUROPEAN COMPUTER DRIVING LICENCE WEB EDITING - Versione 2.0 Copyright 2010 The European Computer Driving Licence Foundation Ltd. Tutti I diritti riservati. Questa pubblicazione non può essere riprodotta
Prof. Renato SICA (ITIS "A. Meucci" - Castelfidardo (AN))
HTML, HyperText Markup Language Prof. Renato SICA (ITIS "A. Meucci" - Castelfidardo (AN)) Scopo della lezione Mostrare, nella pratica, il concetto di ipertesto. Fornire, in pratica, il concetto di interprete.
PHP Survival Kit (Ovvero gestire un database MySQL tramite PHP)
PHP Survival Kit (Ovvero gestire un database MySQL tramite PHP) Augusto Scatolini (webmaster@comunecampagnano.it) (a.scatolini@linux4campagnano.net) Miniguida n. 183 Ver. 1.0 aprile 2013 La prima guida
APPUNTI DI HTML (TERZA LEZIONE)
Il web è costituito non da testi ma da ipertesti. APPUNTI DI HTML (TERZA LEZIONE) I link ci permettono di passare da un testo all altro. I link sono formati da due componenti: IL CONTENUTO "nasconde" il
P hack pbb. By Wicker25(The Wickerman)
P hack pbb By Wicker25(The Wickerman) Intro: Questa guida non insegna a bucare un forum, ne serve a raggirarne le difese, serve a tirarne fuori tutte le potenzialità. Mi riferisco in particolare ai servizi
Linguaggio HTML. Reti. Il Linguaggio HTML. Il Linguaggio HTML
Reti Linguaggio HTML 1 HTML = Hypertext Markup Language E il linguaggio usato per descrivere documenti ipertestuali Ipertesto = Testo + elementi di collegamento ad altri testi (link) Linguaggio di markup:
HTML combines two well-known ideas: hypertext and markup language.
1. Una Premessa Questo materiale è tratto dal sito http://www.cirocom.it/html e successivamente integrato dal docente. Altre citazioni sono tratte dalle lezioni del Dott. Franceschet e del Dott. Bistarelli
I PRINCIPALI TAG DEL LINGUAGGIO HTML
Struttura generica di una pagina Web: I PRINCIPALI TAG DEL LINGUAGGIO HTML Titolo
Introduzione 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
Costruisci il tuo sito web da solo! Un pratico tutorial per imparare velocemente a scrivere pagine HTML e pubblicarle online.
www.icoarena.com Costruisci il tuo sito web da solo! Un pratico tutorial per imparare velocemente a scrivere pagine HTML e pubblicarle online. Ico Arena 01. PREMESSA Sviluppare un sito web è costoso Per
Grafici e Pagina web
Grafici e Pagina web Grafici Un grafico utilizza i valori contenuti in un foglio di lavoro per creare una rappresentazione grafica delle relazioni esistenti tra loro. Quando si crea un grafico ogni riga
Agent and Object Technology Lab Dipartimento di Ingegneria dell Informazione Università degli Studi di Parma. Fondamenti di Informatica
Agent and Object Technology Lab Dipartimento di Ingegneria dell Informazione Università degli Studi di Parma Fondamenti di Informatica Reti di Calcolatori e Internet Prof. Agostino Poggi Reti di Calcolatori
Guida web: HTML per principianti
Guida web: HTML per principianti A cura di macom http:// Introduzione "Le vie della comunicazione sono infinite" Ho scritto questa semplice e breve guida pensando ai miei inizi e alle difficoltà incontrate
CAPITOLO 4 ANALISI E VALIDAZIONE DEL SITO LENST: http://lenst.det.unifi.it
CAPITOLO 4 ANALISI E VALIDAZIONE DEL SITO LENST: http://lenstdetunifiit 1 INTRODUZIONE Scopo di questo capitolo sarà l analisi di un sito già esistente e la valutazione della sua effettiva accessibilità
Il linguaggio HTML - Parte 4
Corso IFTS Informatica, Modulo 3 Progettazione pagine web statiche (50 ore) Il linguaggio HTML - Parte 4 Dott. Chiara Braghin braghin@dti.unimi.it HTML - I Riferimenti Ipertestuali Il piatto forte di tutto
Integrare Flash In Joomla
Integrare Flash In Joomla Guida realizzata e rilasciata dallo staff di Joomlaservice.org L'integrazione di flash con Joomla è un argomento molto richiesto e per il quale non sempre si trovano informazioni
COMUNICHIAMO CON IL WEB
Cognome... Nome... PROGETTO COMUNICHIAMO CON IL WEB Realizza il tuo sito web seguendo i seguenti suggerimenti. STEP 1: crea il seguente annidamento di cartelle su BUFFALO sotto il tuo profilo utente: sito
Universita' degli Studi di Padova Facolta' di Medicina e Chirurgia Corso di Laurea in Tecniche della Prevenzione lez(02)
Universita' degli Studi di Padova Facolta' di Medicina e Chirurgia Corso di Laurea in Tecniche della Prevenzione lez(02) La presentazione elettronica Per presentazione si intende un documento, sovente
Modulo 1: Fondamenti per scrivere una pagina web
Modulo 1: Fondamenti per scrivere una pagina web Indice del modulo Introduzione al linguaggio di marcatura Contenuto, struttura, presentazione Elementi e attributi Proviamo a scrivere una pagina HTML Aggiungere
Sistemi 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.)
ESERCITAZIONE di INFORMATICA 2011/2012
ESERCITAZIONE di INFORMATICA 2011/2012 HTML 1) Creare una pagina html per visualizzare i risultati di un torneo di calcetto. La struttura della pagina dovrà rispecchiare quanto segue: Torneo di calcetto
H T M L. Mariachiara Pezzotti
H T M L Mariachiara Pezzotti che cos'è l'html è un linguaggio usato per descrivere i documenti ipertestuali disponibili su Internet. Non è un linguaggio di programmazione, ma un linguaggio di markup, ossia
CORSO BASE DI HTML. <font color="red">html è un sistema di contrassegno indipendente dalla piattaforma.</font>
CORSO BASE DI HTML Introduzione L HTML (Hypertext Markup Language) non è un linguaggio di programmazione ma un semplice sistema di contrassegno, i cui tag vengono riconosciuti ed interpretati dai browser
Esploriamo Javascript! 1 di Ivan Venuti
Esploriamo Javascript! 1 di Ivan Venuti L Html è stato pensato (e creato) per presentare contenuti statici che, visualizzati da utenti diversi, diano sempre lo stesso risultato. Per sopperire a questa
CORSI PER ADULTI. Le basi del Web: il linguaggio HTML e correlati. Corso: 14.03.2011 05.05.2011. Tecnico sistemi e reti n.colombini@gmail.
CORSI PER ADULTI Corso: 14.03.2011 05.05.2011 Docente: Professione: Specializzazione: E-mail : Natan Colombini Consulente Informatico Progettista tecnico WEB Tecnico sistemi e reti n.colombini@gmail.com
Introduzione ad HTML/CSS. Linguaggi di Mark-Up: XML Anno Accademico 2003/2004
Introduzione ad HTML/CSS Linguaggi di Mark-Up: XML Anno Accademico 2003/2004 Cosa è il web? Il Web è una rete di risorse di informazioni. È composto da 3 elementi fondamentali: 1. Un uniform naming scheme
Pagine HTML. Concetti chiave. G.1 Tag. Basi del linguaggio HTML Realizzare semplici pagine HTML
Pagine HTML G Concetti chiave Basi del linguaggio HTML Realizzare semplici pagine HTML G.1 Tag Accludiamo questa appendice al fine di dare al lettore non esperto della materia gli elementi di base necessari
Basi 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
Marziana Monfardini 2004-2005 lezioni di word
1 2 3 4 5 TABUlAZIONI, RIENTRI, ELENCHI...IN BREVE PER IMPOSTARE UNA TABULAZIONE... Posizionarsi nella riga in cui si vuole inserire una tabulazione. Selezionare il tipo di tabulazione desiderato sul pulsante
Creazione di pagine Web strutture complesse
Creazione di pagine Web strutture complesse Silvio Peroni speroni@cs.unibo.it http://creativecommons.org/licenses/by-sa/3.0 Prima di iniziare: avete fatto l esercizio? Il mio tentativo Completamente sbagliato?
Ipertesti. Informatica. Internet e WEB WEB. Come funziona il WWW. Come funziona il WWW. Lezione III. Il linguaggio HTML Hyper Text Murkup Language
Informatica Lezione III Il linguaggio HTML Hyper Text Murkup Language Ipertesti Sono testi che possono essere letti sia in modo sequenziale sia eseguendo salti da un paragrafo ad un altro Sono il soggetto
Fondamenti di Informatica II 28. Elementi di programmazione web e linguaggi di script (1)
Cenni storici sul web (Internet) Fondamenti di Informatica II 28. Elementi di programmazione web e linguaggi di script (1) Web significa letteralmente ragnatela Avviato nel 1989 (Tim Berners-Lee) come
Esercitazioni 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:
Il linguaggio HTML - Nozioni di base (2)
Corso IFTS Informatica, Modulo 3 Progettazione pagine web statiche (50 ore) Il linguaggio HTML - Nozioni di base (2) Dott. Chiara Braghin braghin@dti.unimi.it TAG strutturali visti fino ad ora -
[Dimensionare la pagina-creare le tabelle-formattare le tabelle-formattare la pagina
[Dimensionare la pagina-creare le tabelle-formattare le tabelle-formattare la pagina Creare cartelle per salvare il lavoro] Per iniziare dobbiamo imparare a gestire quello spazio bianco che diverrà la
HTML TECNOLOGIE WEB. Definizioni iniziali. Il WEB così come lo conosciamo oggi è realizzato con una serie di tecnologie
HTML Definizioni iniziali HTML DEFINIZIONI INIZIALI TECNOLOGIE WEB Il WEB così come lo conosciamo oggi è realizzato con una serie di tecnologie Qui ci occuperemo solo di HTML http://www.evolutionoftheweb.com
1 Cascading Style Sheets, meglio noti come CSS o fogli di stile.
Sommario CSS 1 Cascading Style Sheets, meglio noti come CSS o fogli di stile.... 1 1.1 Fogli di stile "in linea"... 2 1.2 Fogli di stile "interni"... 2 1.3 Fogli di stile "esterni"... 2 1.4 Che tipo di
Elementi di web design (parte I): introduzione all HTML
Elementi di web design (parte I): introduzione all HTML Luca Casotti E' necessario conoscere: Filesystem: cos'è un file e cos'è una cartella. Differenze fra tipi di file (sui sistemi windows: le estensioni
"MANUALETTO" SQL - PHP/HTML
"MANUALETTO" SQL - PHP/HTML Sommario Capitolo 1- Introduzione SQL... 4 Capitolo 2- Istruzioni DDL... 4 CREATE DATABASE ... 4 CREATE TABLE ... 4 Vincoli di ogni singolo attributo...
, 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,
Prof.ssa Maria Teresa Tattoli
Prof.ssa Maria Teresa Tattoli SOMMARIO SOMMARIO... 2 Il codice HTML... 3 Struttura di una pagina... 3 Il percorso dei file... 5 Il tag font... 5 Il tag br... 6 Il tag p... 6 Il tag center... 6 I tag per
HTML 6. I frame. Sintassi di base. I frame e DOCTYPE FRAME. ...head... <FRAMESET lista_attributi> <FRAME SRC= URL lista_attributi>
FRAME HTML 6 I frame Danno la possibilità di creare finestre multiple all'interno della finestra del browser Si riesce a suddividere la pagina in più sezioni indipendenti, ma che si possono influenzare
HTML e creazione di pagine Web. Giuseppe MORELLI
HTML e creazione di pagine Web Giuseppe MORELLI Agenda Il World Wide Web Architettura Principi di HTML Il linguaggio e le istruzioni principali I collegamenti Script Fogli di stile CSS (Cascade Style Sheet)
Pensi che per realizzare la tua home page personale la
78 Sogni di avere un tuo sito su Internet, ma non sai da che parte cominciare? Potresti affidarti ad uno dei tanti programmi per la progettazione Web, ma c è una soluzione più semplice, ed è proprio sul
Le immagini digitali. Modulo 2. Rappresentazione analogica. Rappresentazione digitale. Una palette a 16 colori
Foto digitale, invio via mail e inserimento in una pagina web Modulo 2 Cosa si intende con analogico e digitale? Come avviene la rappresentazione digitale delle immagini? Come è possibile trasformare un
Esercitazione n. 11: Sito web con Kompozer
+ Strumenti digitali per la comunicazione A.A 2013/14 Esercitazione n. 11: Sito web con Kompozer Scopo: Creare un sito Web che fornisce informazioni su un negozio di articoli sportivi chiamato Championzone.
Centro Ausili Tecnologici TUTORIAL CREAZIONE TABELLE DI COMUNICAZIONE CON PROGRAMMI NON SPECIFICI
Centro Ausili Tecnologici Viale Cittadini 33, 52100 Arezzo - Tel 0575/254357 Email: cat@usl8.toscana.it Sito web: www.cat-arezzo.org TUTORIAL CREAZIONE TABELLE DI COMUNICAZIONE CON PROGRAMMI NON SPECIFICI
Introduzione. 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
& & &&' ' &'* +, /0012/00/
!"# #!"#$# %#$# & & &&' (&&') ' &'* +,!"#%- "#. #. &+ &#$, /0012/00/ !""#!$ #""#!$ %%&"!'"(!' &"(( ) *""++,-.$!!' /0& 1.2 "%( %!'.3 43 5 &" ( 3 &#$! "/(' /!""!!'*! /1!' " % /%%!! % "& / 1 *1 6%/ % "" %!
Modulo 13. Concetti avanzati di HTML Liste
Pagina 1 di 8 Concetti avanzati di HTML Liste Il formato HTML mette a disposizione 5 Tag per definire delle liste, supportando liste numerate, non numerate, di descrizione, menu e directory. Liste Numerate